Added browser-supported timezone lookup.

This commit is contained in:
Pen Anderson 2026-03-04 23:10:00 -06:00
parent 4d3da023fc
commit fa7ea35fd5

View file

@ -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">