From c69a7d92a8fafcc2d0ebed0a9626a2394ff02a42 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Tue, 24 Mar 2026 10:38:39 +0100
Subject: [PATCH] fix: show timezone in Localisation settings

Display the browser-detected timezone (e.g. Europe/Berlin) as a
read-only field in the Localisation settings tab.

v1.63.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 26 ++++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f8ad1bc..401f4d1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.63.2",
+  "version": "1.63.3",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 5039489..437a301 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -12169,6 +12169,32 @@ function SettingsSidebar({
                                 </select>
                             </div>
 
+                            <div>
+                                <label
+                                    style={{
+                                        display: "block",
+                                        fontSize: "0.9rem",
+                                        fontWeight: 600,
+                                        marginBottom: "4px",
+                                    }}
+                                >
+                                    {t.timezone}
+                                </label>
+                                <div
+                                    style={{
+                                        padding: "8px",
+                                        fontSize: "0.9rem",
+                                        border: "1px solid var(--weekly-settings-input-border)",
+                                        borderRadius: "4px",
+                                        background: "var(--weekly-settings-input-bg)",
+                                        color: "var(--weekly-settings-text)",
+                                        opacity: 0.8,
+                                    }}
+                                >
+                                    {Intl.DateTimeFormat().resolvedOptions().timeZone}
+                                </div>
+                            </div>
+
                             <div>
                                 <label
                                     style={{