From 6a8db56dbb2d6b59fc00b9fe75585f2f1528b37b Mon Sep 17 00:00:00 2001
From: Matthias Gemperli <hello@matthiasgemperli.ch>
Date: Mon, 17 Jul 2023 22:19:00 +0200
Subject: [PATCH] fix: locales in dates utils (#10067)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 .../features/bookings/Booker/utils/dates.tsx  | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/packages/features/bookings/Booker/utils/dates.tsx b/packages/features/bookings/Booker/utils/dates.tsx
index 7584c1add8..0cb8fc5caf 100644
--- a/packages/features/bookings/Booker/utils/dates.tsx
+++ b/packages/features/bookings/Booker/utils/dates.tsx
@@ -1,5 +1,4 @@
-import dayjs from "@calcom/dayjs";
-import type { TimeFormat } from "@calcom/lib/timeFormat";
+import { TimeFormat } from "@calcom/lib/timeFormat";
 
 interface EventFromToTime {
   date: string;
@@ -16,12 +15,23 @@ export const formatEventFromToTime = ({
   timeZone,
   language,
 }: EventFromToTime) => {
-  const start = dayjs(date).tz(timeZone);
-  const end = duration ? start.add(duration, "minute") : null;
-  const formattedDate = `${start.format("dddd")}, ${start
-    .toDate()
-    .toLocaleDateString(language, { dateStyle: "long" })}`;
-  const formattedTime = `${start.format(timeFormat)} ${end ? `– ${end.format(timeFormat)}` : ``}`;
+  const startDate = new Date(date);
+  const endDate = duration
+    ? new Date(new Date(date).setMinutes(startDate.getMinutes() + duration))
+    : startDate;
+
+  const formattedDate = new Intl.DateTimeFormat(language, {
+    timeZone,
+    dateStyle: "full",
+  }).formatRange(startDate, endDate);
+
+  const formattedTime = new Intl.DateTimeFormat(language, {
+    timeZone,
+    timeStyle: "short",
+    hour12: timeFormat === TimeFormat.TWELVE_HOUR ? true : false,
+  })
+    .formatRange(startDate, endDate)
+    .toLowerCase();
 
   return { date: formattedDate, time: formattedTime };
 };