From 36c62eea4b4e7c9febbb15fdee1c180c9e2ae68e Mon Sep 17 00:00:00 2001
From: ADecametre <66925945+ADecametre@users.noreply.github.com>
Date: Fri, 21 Aug 2026 13:20:57 -0400
Subject: [PATCH 1/3] use asset timezone

Display assets with their own timezone instead of the local timezone
---
 immichFrame.Web/package-lock.json                   |  8 ++++++++
 immichFrame.Web/package.json                        |  1 +
 .../src/lib/components/elements/asset-info.svelte   | 13 ++++++++++++-
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/immichFrame.Web/package-lock.json b/immichFrame.Web/package-lock.json
index 63141496..833ae5d7 100644
--- a/immichFrame.Web/package-lock.json
+++ b/immichFrame.Web/package-lock.json
@@ -9,6 +9,7 @@
 			"version": "0.0.1",
 			"devDependencies": {
 				"@castlenine/svelte-qrcode": "^2.3.0",
+				"@date-fns/tz": "^1.5.0",
 				"@mdi/js": "^7.4.47",
 				"@sveltejs/adapter-static": "^3.0.5",
 				"@sveltejs/kit": "^2.46.4",
@@ -148,6 +149,13 @@
 				"svelte": ">=3.54.0"
 			}
 		},
+		"node_modules/@date-fns/tz": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/@date-fns/tz/-/tz-1.5.0.tgz",
+			"integrity": "sha512-lwYN/vDPeNRULcepoE/LO2Pgx+7/RV+S9ARfbc9lr2DtGkOD7pAiruHvbR1RX3Qyf6ja47EWJDMsNK5vK08DJg==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@esbuild/aix-ppc64": {
 			"version": "0.28.1",
 			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
diff --git a/immichFrame.Web/package.json b/immichFrame.Web/package.json
index dc4a7a52..e9ddfe19 100644
--- a/immichFrame.Web/package.json
+++ b/immichFrame.Web/package.json
@@ -15,6 +15,7 @@
 	},
 	"devDependencies": {
 		"@castlenine/svelte-qrcode": "^2.3.0",
+		"@date-fns/tz": "^1.5.0",
 		"@mdi/js": "^7.4.47",
 		"@sveltejs/adapter-static": "^3.0.5",
 		"@sveltejs/kit": "^2.46.4",
diff --git a/immichFrame.Web/src/lib/components/elements/asset-info.svelte b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
index a3aa3885..6ef96d49 100644
--- a/immichFrame.Web/src/lib/components/elements/asset-info.svelte
+++ b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { type AlbumResponseDto, type AssetResponseDto } from '$lib/immichFrameApi';
 	import { format } from 'date-fns';
+	import { TZDate } from '@date-fns/tz';
 	import * as locale from 'date-fns/locale';
 	import { configStore } from '$lib/stores/config.store';
 	import Icon from './icon.svelte';
@@ -46,9 +47,19 @@
 
 		return Array.from(locationParts).join(', ');
 	}
+	function parseExifTimeZone(exifTz?: string | null) {
+		const match = exifTz?.match(/UTC([+-])(\d{1,2})(?::(\d{2}))?/i);
+		if (!match) return undefined;
+
+		const [, sign, hours, minutes = '00'] = match;
+		const paddedHours = hours.padStart(2, '0');
+
+		return `${sign}${paddedHours}:${minutes}`;
+	}
 	let assetDate = $derived(asset.exifInfo?.dateTimeOriginal);
+	let assetTimeZone = $derived(asset.exifInfo?.timeZone);
 	let desc = $derived(asset.exifInfo?.description ?? '');
-	let time = $derived(assetDate ? new Date(assetDate) : null);
+	let time = $derived(assetDate ? new TZDate(assetDate, parseExifTimeZone(assetTimeZone)) : null);
 	const selectedLocale = $configStore.language;
 
 	const localeToUse =

From 549f88a2894addd735f67be007d4a0c91cc13388 Mon Sep 17 00:00:00 2001
From: ADecametre <66925945+ADecametre@users.noreply.github.com>
Date: Fri, 21 Aug 2026 17:01:07 -0400
Subject: [PATCH 2/3] support assets with IANA timezones or no timezone

`parseExifTimeZone` now returns already valid timezones, then checks if it matches "UTC+XX:XX", then defaults to "UTC"
---
 .../lib/components/elements/asset-info.svelte | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/immichFrame.Web/src/lib/components/elements/asset-info.svelte b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
index 6ef96d49..fbd0f5bc 100644
--- a/immichFrame.Web/src/lib/components/elements/asset-info.svelte
+++ b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
@@ -47,14 +47,25 @@
 
 		return Array.from(locationParts).join(', ');
 	}
+	function isValidTimeZone(timeZone: string) {
+		try {
+			Intl.DateTimeFormat(undefined, { timeZone });
+			return true;
+		} catch {
+			return false;
+		}
+	}
 	function parseExifTimeZone(exifTz?: string | null) {
-		const match = exifTz?.match(/UTC([+-])(\d{1,2})(?::(\d{2}))?/i);
-		if (!match) return undefined;
+		if (exifTz && isValidTimeZone(exifTz)) return exifTz;
 
-		const [, sign, hours, minutes = '00'] = match;
-		const paddedHours = hours.padStart(2, '0');
+		const match = exifTz?.match(/UTC([+-])(\d{1,2})(?::(\d{2}))?/i);
+		if (match) {
+			const [, sign, hours, minutes = '00'] = match;
+			const paddedHours = hours.padStart(2, '0');
+			return `${sign}${paddedHours}:${minutes}`;
+		}
 
-		return `${sign}${paddedHours}:${minutes}`;
+		return 'UTC';
 	}
 	let assetDate = $derived(asset.exifInfo?.dateTimeOriginal);
 	let assetTimeZone = $derived(asset.exifInfo?.timeZone);

From 4bd3ad2fdfe977daf2bec55ebfa939fa257d5d3b Mon Sep 17 00:00:00 2001
From: ADecametre <66925945+ADecametre@users.noreply.github.com>
Date: Fri, 21 Aug 2026 17:21:22 -0400
Subject: [PATCH 3/3] stricter asset timezone check

---
 .../src/lib/components/elements/asset-info.svelte      | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/immichFrame.Web/src/lib/components/elements/asset-info.svelte b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
index fbd0f5bc..1f5a6e90 100644
--- a/immichFrame.Web/src/lib/components/elements/asset-info.svelte
+++ b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
@@ -56,16 +56,14 @@
 		}
 	}
 	function parseExifTimeZone(exifTz?: string | null) {
-		if (exifTz && isValidTimeZone(exifTz)) return exifTz;
-
-		const match = exifTz?.match(/UTC([+-])(\d{1,2})(?::(\d{2}))?/i);
+		const match = exifTz?.match(/^UTC([+-])(\d{1,2})(?::(\d{2}))?$/i);
 		if (match) {
 			const [, sign, hours, minutes = '00'] = match;
 			const paddedHours = hours.padStart(2, '0');
-			return `${sign}${paddedHours}:${minutes}`;
+			exifTz = `${sign}${paddedHours}:${minutes}`;
 		}
-
-		return 'UTC';
+		
+		return exifTz && isValidTimeZone(exifTz) ? exifTz : 'UTC';
 	}
 	let assetDate = $derived(asset.exifInfo?.dateTimeOriginal);
 	let assetTimeZone = $derived(asset.exifInfo?.timeZone);