11. Selecting time zone
To select one out of several possible values,
use an XForms select1
widget:
1<xf:select1 id="timezone-selector" ref="instance('ui')/tz">
<xf:label>Timezone: </xf:label>
...
<xf:item>
5 <xf:label>CDT Chicago, IL, USA (UTC-05:00)</xf:label>
<xf:value>-05:00</xf:value>
</xf:item>
<xf:item>
<xf:label>EDT Rockville, MD, USA (UTC-04:00)</xf:label>
10 <xf:value>-04:00</xf:value>
</xf:item>
...
<xf:item>
<xf:label>CEST Prague, CZE (UTC+02:00)</xf:label>
15 <xf:value>+02:00</xf:value>
</xf:item>
...
</xf:select1>