@connectif/ui-components 2.3.3 → 2.3.4

package/dist/index.js

@@ -16024,10 +16024,15 @@ function formatDate(date, locale, timezone, format2) {
   const options = getDateTimeFormatOptions(timezone, format2);
   return new Intl.DateTimeFormat(locale, options).format(date);
 }
-function getWeekDayNamesForLocale(locale, format2 = "long") {
-  const f = new Intl.DateTimeFormat(locale, { weekday: format2 }).format;
-  return Array.from(Array(7).keys()).map(
-    (day) => f(new Date(Date.UTC(2021, 5, day)))
+function getWeekDayNamesForLocale(locale, format2 = "long", timezone = "UTC") {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    weekday: format2,
+    timeZone: timezone
+  }).format;
+  const mondayAnchor = tz({ year: 2021, month: 5, date: 7 }, timezone);
+  return Array.from(
+    { length: 7 },
+    (_v, i) => formatter(mondayAnchor.clone().add(i, "day").toDate())
   );
 }
 function getDateInputFormatForLocale(locale) {
@@ -19254,14 +19259,14 @@ var CalendarMonth_default = CalendarMonth;
 import * as React53 from "react";
 import { jsx as jsx103 } from "react/jsx-runtime";
 var DaysOfWeekRow = () => {
-  const { locale } = React53.useContext(IntlContext);
+  const { locale, timezone } = React53.useContext(IntlContext);
   const daysOfWeekLong = React53.useMemo(
-    () => getWeekDayNamesForLocale(locale, "long"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "long", timezone),
+    [locale, timezone]
   );
   const daysOfWeek = React53.useMemo(
-    () => getWeekDayNamesForLocale(locale, "narrow"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "narrow", timezone),
+    [locale, timezone]
   );
   return /* @__PURE__ */ jsx103(
     Stack_default,
@@ -20726,14 +20731,14 @@ var TimezoneSelector_default = TimezoneSelector;
 import * as React59 from "react";
 import { jsx as jsx112 } from "react/jsx-runtime";
 var DaysOfWeekPicker = ({ value, onChange }) => {
-  const { locale } = React59.useContext(IntlContext);
+  const { locale, timezone } = React59.useContext(IntlContext);
   const daysOfWeekLong = React59.useMemo(
-    () => getWeekDayNamesForLocale(locale, "long"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "long", timezone),
+    [locale, timezone]
   );
   const daysOfWeek = React59.useMemo(
-    () => getWeekDayNamesForLocale(locale, "narrow"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "narrow", timezone),
+    [locale, timezone]
   );
   const daysOfWeekValues = [
     "monday",