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; };