fix: outlook notification showing event time in the wrong timezone (RocketChat#37318)

Co-authored-by: Pierre Lehnen <55164754+pierre-lehnen-rc@users.noreply.github.com>

Author: jeanfbrito

.changeset/proud-dryers-jump.md

@@ -0,0 +1,7 @@
+---
+"@rocket.chat/meteor": minor
+"@rocket.chat/core-typings": minor
+---
+
+Fixes the time display in calendar event notifications by converting the UTC time to the local time.
+

apps/meteor/client/views/root/hooks/loggedIn/useNotificationUserCalendar.ts

@@ -15,8 +15,24 @@ export const useNotificationUserCalendar = (user: IUser) => {
 			return;
 		}
 
+		let body = notification.text;
+		if (notification.payload?.startTimeUtc) {
+			try {
+				const time = new Date(notification.payload.startTimeUtc);
+				const formattedTime = time.toLocaleTimeString(undefined, {
+					hour: 'numeric',
+					minute: 'numeric',
+					dayPeriod: 'narrow',
+				});
+				body = formattedTime;
+			} catch (error) {
+				console.error('Failed to format calendar notification time:', error);
+				body = notification.text;
+			}
+		}
+
 		const n = new Notification(notification.title, {
-			body: notification.text,
+			body,
 			tag: notification.payload._id,
 			silent: true,
 			requireInteraction,

apps/meteor/server/services/calendar/service.ts

@@ -355,6 +355,7 @@ export class CalendarService extends ServiceClassInternal implements ICalendarSe
 			text: event.startTime.toLocaleTimeString(undefined, { hour: 'numeric', minute: 'numeric', dayPeriod: 'narrow' }),
 			payload: {
 				_id: event._id,
+				startTimeUtc: event.startTime.toISOString(),
 			},
 		});
 	}

packages/core-typings/src/INotification.ts

@@ -75,5 +75,6 @@ export interface ICalendarNotification {
 	text: string;
 	payload: {
 		_id: ICalendarEvent['_id'];
+		startTimeUtc?: string;
 	};
 }