From fa7ea35fd5ededf9d2db760ae16288d28945f3bf Mon Sep 17 00:00:00 2001
From: Pen Anderson <pen@pentacle.games>
Date: Wed, 4 Mar 2026 23:10:00 -0600
Subject: [PATCH] Added browser-supported timezone lookup.

---
 frontend/src/pages/Settings.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Settings.svelte b/frontend/src/pages/Settings.svelte
index 138af08..2f6ee8e 100644
--- a/frontend/src/pages/Settings.svelte
+++ b/frontend/src/pages/Settings.svelte
@@ -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">