From 4936b89e8bb8fd2032cbf2d4d283decabfecaa0c Mon Sep 17 00:00:00 2001
From: lenhanphung <lenhanphung@gmail.com>
Date: Wed, 15 Oct 2025 11:07:13 +0700
Subject: [PATCH] fix: add timezone offset display to EventDisplayPreview for
 non-allday events

---
 src/features/Events/EventDisplayPreview.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/Events/EventDisplayPreview.tsx b/src/features/Events/EventDisplayPreview.tsx
index 1c236cc..72eaf12 100644
--- a/src/features/Events/EventDisplayPreview.tsx
+++ b/src/features/Events/EventDisplayPreview.tsx
@@ -37,6 +37,7 @@ import {
 } from "../../components/Event/eventHandlers/eventHandlers";
 import { InfoRow } from "../../components/Event/InfoRow";
 import { renderAttendeeBadge } from "../../components/Event/utils/eventUtils";
+import { getTimezoneOffset } from "../../components/Calendar/TimezoneSelector";
 export default function EventPreviewModal({
   eventId,
   calId,
@@ -52,6 +53,9 @@ export default function EventPreviewModal({
 }) {
   const dispatch = useAppDispatch();
   const calendars = useAppSelector((state) => state.calendars);
+  const timezone =
+    useAppSelector((state) => state.calendars.timeZone) ??
+    Intl.DateTimeFormat().resolvedOptions().timeZone;
   const calendarList = Object.values(
     useAppSelector((state) => state.calendars.list)
   );
@@ -240,7 +244,7 @@ export default function EventPreviewModal({
                 {formatDate(event.start, event.allday)}
                 {event.end &&
                   formatEnd(event.start, event.end, event.allday) &&
-                  ` – ${formatEnd(event.start, event.end, event.allday)}`}
+                  ` – ${formatEnd(event.start, event.end, event.allday)} ${!event.allday && getTimezoneOffset(timezone)}`}
               </Typography>
             </>
           )