- <input type='time' id='start' name='start' required />
- <input type='time' id='end' name='end' required />
+ <label>
+ <input type='time' id='start' name='start' required />
+ <input list='time_zones' id='start_time_zone' name='start_time_zone'
+ placeholder='Timezone' required />
+ <datalist id='time_zones'>
+ $(echo ${time_zones} | as_options)
+ </datalist>
+ </label>
+
+ <label>
+ <input type='time' id='finish' name='finish' required />
+ <input list='time_zones' id='finish_time_zone' name='finish_time_zone'
+ placeholder='Timezone' required />
+ <datalist id='time_zones'>
+ $(echo ${time_zones} | as_options)
+ </datalist>
+ </label>