pen/Turnpike
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added browser-supported timezone lookup.

Browse source
This commit is contained in:
Pen Anderson 2026-03-04 23:10:00 -06:00
parent 4d3da023fc
commit fa7ea35fd5
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/pages/Settings.svelte
View file

@ -25,6 +25,7 @@
let eventStartDate = $state('') let eventStartDate = $state('')
let eventEndDate = $state('') let eventEndDate = $state('')
let eventTimezone = $state('') let eventTimezone = $state('')
const timezones = Intl.supportedValuesOf('timeZone')
let shiftSignupsOpen = $state(false) let shiftSignupsOpen = $state(false)
let togglingSignups = $state(false) let togglingSignups = $state(false)
@ -186,7 +187,12 @@
</div> </div>
<div class="form-group" style="grid-column:1/-1"> <div class="form-group" style="grid-column:1/-1">
<label for="e-tz">Timezone</label> <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> </div>
<div class="actions"> <div class="actions">