Added browser-supported timezone lookup.
This commit is contained in:
parent
4d3da023fc
commit
fa7ea35fd5
1 changed files with 7 additions and 1 deletions
|
|
@ -25,6 +25,7 @@
|
|||
let eventStartDate = $state('')
|
||||
let eventEndDate = $state('')
|
||||
let eventTimezone = $state('')
|
||||
const timezones = Intl.supportedValuesOf('timeZone')
|
||||
let shiftSignupsOpen = $state(false)
|
||||
let togglingSignups = $state(false)
|
||||
|
||||
|
|
@ -186,7 +187,12 @@
|
|||
</div>
|
||||
<div class="form-group" style="grid-column:1/-1">
|
||||
<label for="e-tz">Timezone</label>
|
||||
<input id="e-tz" bind:value={eventTimezone} placeholder="America/Los_Angeles" />
|
||||
<input id="e-tz" bind:value={eventTimezone} placeholder="America/Chicago" list="tz-list" />
|
||||
<datalist id="tz-list">
|
||||
{#each timezones as tz}
|
||||
<option value={tz} />
|
||||
{/each}
|
||||
</datalist>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actions">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue