From 005d0ccd8048314c94900f4e83d9b540ab182926 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 31 May 2026 03:32:02 +0000
Subject: [PATCH] feat: searchable datalist for IANA timezone selector

Populates a <datalist> from Intl.supportedValuesOf('timeZone') on
startup, giving the timezone input native browser search/filter with
no extra dependencies. Degrades gracefully to plain text on browsers
that don't support the Intl API.

https://claude.ai/code/session_01JuRTR5Xjx8emQsyerBgGU7
---
 static/app.js     | 11 +++++++++++
 static/index.html |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/static/app.js b/static/app.js
index 0c0cb30..00ae325 100644
--- a/static/app.js
+++ b/static/app.js
@@ -73,10 +73,21 @@ function populateTransferTypes() {
   });
 }
 
+function populateTimezoneList() {
+  const list = document.getElementById('tz-list');
+  if (!list) return;
+  try {
+    list.innerHTML = Intl.supportedValuesOf('timeZone')
+      .map(z => `<option value="${z}">`)
+      .join('');
+  } catch (e) { /* older browser — plain text input still works */ }
+}
+
 async function startApp() {
   document.getElementById('loginOverlay').classList.add('hidden');
   await loadConfig();
   populateTransferTypes();
+  populateTimezoneList();
 
   const brand = document.getElementById('navBrand');
   if (brand) brand.textContent = cfg.club_name;
diff --git a/static/index.html b/static/index.html
index b3a5248..9f209f3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -243,7 +243,8 @@
       </div>
       <div class="form-row">
         <label>Timezone <span class="label-hint">(IANA name, e.g. Europe/London, Asia/Bangkok &mdash; default is server timezone)</span></label>
-        <input type="text" id="s-timezone" placeholder="e.g. Europe/London">
+        <input type="text" id="s-timezone" list="tz-list" placeholder="e.g. Europe/London" autocomplete="off">
+        <datalist id="tz-list"></datalist>
       </div>
       <div class="form-row">
         <label>Default paper size <span class="label-hint">(for receipts and statements)</span></label>