diff --git a/apps/web/pages/booking/[uid].tsx b/apps/web/pages/booking/[uid].tsx
index a002ce410d..dbc1071cce 100644
--- a/apps/web/pages/booking/[uid].tsx
+++ b/apps/web/pages/booking/[uid].tsx
@@ -796,7 +796,6 @@ export function RecurringBookings({
t,
i18n: { language },
} = useLocale();
-
const recurringBookingsSorted = recurringBookings
? recurringBookings.sort((a: ConfigType, b: ConfigType) => (dayjs(a).isAfter(dayjs(b)) ? 1 : -1))
: null;
@@ -823,7 +822,7 @@ export function RecurringBookings({
{formatToLocalizedTime(dayjs(dateStr), language, undefined, !is24h)} -{" "}
{formatToLocalizedTime(dayjs(dateStr).add(duration, "m"), language, undefined, !is24h)}{" "}
- ({formatToLocalizedTimezone(dayjs(dateStr), language)})
+ ({formatToLocalizedTimezone(dayjs(dateStr), language, timeZone())})
))}
@@ -843,7 +842,7 @@ export function RecurringBookings({
{formatToLocalizedTime(date, language, undefined, !is24h)} -{" "}
{formatToLocalizedTime(dayjs(date).add(duration, "m"), language, undefined, !is24h)}{" "}
- ({formatToLocalizedTimezone(dayjs(dateStr), language)})
+ ({formatToLocalizedTimezone(dayjs(dateStr), language, timeZone())})
))}
@@ -860,7 +859,7 @@ export function RecurringBookings({
{formatToLocalizedTime(date, language, undefined, !is24h)} -{" "}
{formatToLocalizedTime(dayjs(date).add(duration, "m"), language, undefined, !is24h)}{" "}
- ({formatToLocalizedTimezone(date, language)})
+ ({formatToLocalizedTimezone(date, language, timeZone())})
);
}
diff --git a/packages/lib/date-fns/index.ts b/packages/lib/date-fns/index.ts
index 9d1b1744f6..5f474a6f9e 100644
--- a/packages/lib/date-fns/index.ts
+++ b/packages/lib/date-fns/index.ts
@@ -75,12 +75,13 @@ export const formatToLocalizedTime = (
export const formatToLocalizedTimezone = (
date: Date | Dayjs,
locale: string | undefined = undefined,
+ timeZone: Intl.DateTimeFormatOptions["timeZone"],
timeZoneName: Intl.DateTimeFormatOptions["timeZoneName"] = "long"
) => {
// Intl.DateTimeFormat doesn't format into a timezone only, so we must
// formatToParts() and return the piece we want
const theDate = date instanceof dayjs ? (date as Dayjs).toDate() : (date as Date);
- return Intl.DateTimeFormat(locale, { timeZoneName })
+ return Intl.DateTimeFormat(locale, { timeZoneName, timeZone })
.formatToParts(theDate)
.find((d) => d.type == "timeZoneName")?.value;
};