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>