@salt-ds/lab 1.0.0-alpha.51 → 1.0.0-alpha.53

package/dist-es/calendar/{internal/CalendarWeekHeader.js → CalendarWeekHeader.js}

@@ -2,18 +2,19 @@ import { jsx } from 'react/jsx-runtime';
 import { makePrefixer } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';
-import { daysForLocale } from './utils.js';
+import { daysForLocale } from './internal/utils.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import css_248z from './CalendarWeekHeader.css.js';
+import { getCurrentLocale } from './formatDate.js';
 
 const withBaseName = makePrefixer("saltCalendarWeekHeader");
-const CalendarWeekHeader = forwardRef(function CalendarWeekHeader2({ className, ...rest }, ref) {
-  const weekdaysShort = daysForLocale("narrow");
-  const weekdaysLong = daysForLocale("long");
+const CalendarWeekHeader = forwardRef(function CalendarWeekHeader2({ className, locale = getCurrentLocale(), ...rest }, ref) {
+  const weekdaysShort = daysForLocale("narrow", locale);
+  const weekdaysLong = daysForLocale("long", locale);
   const targetWindow = useWindow();
   useComponentCssInjection({
-    testId: "salt-calendar",
+    testId: "salt-calendar-week-header",
     css: css_248z,
     window: targetWindow
   });

package/dist-es/calendar/CalendarWeekHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { daysForLocale } from \"./internal/utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\nimport { getCurrentLocale } from \"./formatDate\";\n\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\"> & {\n  locale?: string;\n};\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef<\n  HTMLDivElement,\n  CalendarWeekHeaderProps\n>(function CalendarWeekHeader(\n  { className, locale = getCurrentLocale(), ...rest },\n  ref,\n) {\n  const weekdaysShort = daysForLocale(\"narrow\", locale);\n  const weekdaysLong = daysForLocale(\"long\", locale);\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-week-header\",\n    css: calendarWeekHeaderCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      data-testid=\"CalendarWeekHeader\"\n      className={clsx(withBaseName(), className)}\n      ref={ref}\n      {...rest}\n    >\n      {weekdaysShort.map((day, index) => (\n        <small\n          aria-hidden\n          key={weekdaysLong[index]}\n          className={withBaseName(\"dayOfWeek\")}\n        >\n          {day}\n        </small>\n      ))}\n    </div>\n  );\n});\n"],"names":["CalendarWeekHeader","calendarWeekHeaderCss"],"mappings":";;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAE7C,MAAA,kBAAA,GAAqB,UAGhC,CAAA,SAASA,mBACT,CAAA,EAAE,SAAW,EAAA,MAAA,GAAS,gBAAiB,EAAA,EAAA,GAAM,IAAK,EAAA,EAClD,GACA,EAAA;AACA,EAAM,MAAA,aAAA,GAAgB,aAAc,CAAA,QAAA,EAAU,MAAM,CAAA,CAAA;AACpD,EAAM,MAAA,YAAA,GAAe,aAAc,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AAEjD,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,aAAY,EAAA,oBAAA;AAAA,IACZ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,0BACtB,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,aAAW,EAAA,IAAA;AAAA,MAEX,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,MAElC,QAAA,EAAA,GAAA;AAAA,KAHI,EAAA,YAAA,CAAa,MAIpB,CACD,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/calendar/formatDate.js

@@ -0,0 +1,51 @@
+import { getLocalTimeZone, DateFormatter } from '@internationalized/date';
+
+function getCurrentLocale() {
+  return navigator.languages[0];
+}
+const defaultFormatOptions = {
+  day: "2-digit",
+  month: "short",
+  year: "numeric"
+};
+function formatDate(date, locale, options) {
+  var _a, _b, _c;
+  if (!date) {
+    return "";
+  }
+  const timeLocale = locale || getCurrentLocale();
+  const timeZone = (options == null ? void 0 : options.timeZone) || getLocalTimeZone();
+  const formatter = new DateFormatter(timeLocale, {
+    ...defaultFormatOptions,
+    ...options
+  });
+  const formattedDate = formatter.formatToParts(date.toDate(timeZone));
+  const isNumericFormat = (options == null ? void 0 : options.month) === "numeric" || defaultFormatOptions.month === "numeric";
+  const separator = isNumericFormat ? "/" : " ";
+  const parts = [];
+  if ((options == null ? void 0 : options.day) !== void 0 || defaultFormatOptions.day !== void 0) {
+    const day = (_a = formattedDate.find(
+      (part) => part.type === "day"
+    )) == null ? void 0 : _a.value;
+    if (day)
+      parts.push(day);
+  }
+  if ((options == null ? void 0 : options.month) !== void 0 || defaultFormatOptions.month !== void 0) {
+    const month = (_b = formattedDate.find(
+      (part) => part.type === "month"
+    )) == null ? void 0 : _b.value;
+    if (month)
+      parts.push(month);
+  }
+  if ((options == null ? void 0 : options.year) !== void 0 || defaultFormatOptions.year !== void 0) {
+    const year = (_c = formattedDate.find(
+      (part) => part.type === "year"
+    )) == null ? void 0 : _c.value;
+    if (year)
+      parts.push(year);
+  }
+  return parts.join(separator);
+}
+
+export { formatDate, getCurrentLocale };
+//# sourceMappingURL=formatDate.js.map

package/dist-es/calendar/formatDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDate.js","sources":["../src/calendar/formatDate.ts"],"sourcesContent":["import {\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n} from \"@internationalized/date\";\n\n/**\n * Gets the current locale from the browser.\n * @returns The current locale as a string.\n */\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\n/**\n * Default options for date formatting.\n */\nconst defaultFormatOptions: Intl.DateTimeFormatOptions = {\n  day: \"2-digit\",\n  month: \"short\",\n  year: \"numeric\",\n};\n\n/**\n * Formats a date value according to the specified locale and options.\n * @param date - The date value to format.\n * @param locale - The locale to use for formatting. Defaults to the current locale.\n * @param options - Additional options for date formatting.\n * @returns The formatted date as a string.\n */\nexport function formatDate(\n  date: DateValue | null,\n  locale?: string,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  if (!date) {\n    return \"\";\n  }\n  const timeLocale = locale || getCurrentLocale();\n  const timeZone = options?.timeZone || getLocalTimeZone();\n\n  const formatter = new DateFormatter(timeLocale, {\n    ...defaultFormatOptions,\n    ...options,\n  });\n\n  const formattedDate = formatter.formatToParts(date.toDate(timeZone));\n\n  // Determine the separator based on the provided options\n  const isNumericFormat =\n    options?.month === \"numeric\" || defaultFormatOptions.month === \"numeric\";\n  const separator = isNumericFormat ? \"/\" : \" \";\n\n  // Some locales (USA) added commas, so construct the final date ourselves from formatter parts\n  const parts = [];\n  if (options?.day !== undefined || defaultFormatOptions.day !== undefined) {\n    const day = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"day\",\n    )?.value;\n    if (day) parts.push(day);\n  }\n  if (\n    options?.month !== undefined ||\n    defaultFormatOptions.month !== undefined\n  ) {\n    const month = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"month\",\n    )?.value;\n    if (month) parts.push(month);\n  }\n  if (options?.year !== undefined || defaultFormatOptions.year !== undefined) {\n    const year = formattedDate.find(\n      (part: Intl.DateTimeFormatPart) => part.type === \"year\",\n    )?.value;\n    if (year) parts.push(year);\n  }\n\n  return parts.join(separator);\n}\n"],"names":[],"mappings":"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"}

package/dist-es/calendar/internal/CalendarDay.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltCalendarDay {\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n  width: var(--salt-size-base);\n  height: var(--salt-size-base);\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  cursor: pointer;\n  border: none;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n}\n.saltCalendarDay-content {\n  margin: 0 var(--salt-spacing-50);\n  width: 100%;\n}\n\n.saltCalendarDay:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(0px - var(--salt-focused-outlineWidth));\n}\n\n.saltCalendarDay-outOfRange {\n  color: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay-outOfRange:hover {\n  color: var(--salt-content-primary-foreground);\n}\n.saltCalendarDay-outOfRange .saltCalendarDay-today {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {\n  background: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay:hover,\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltCalendarDay-selected {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedStart {\n  z-index: var(--salt-zIndex-default);\n\n  border-top-left-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-left-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedEnd {\n  border-top-right-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-right-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover,\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover,\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover,\n.saltCalendarDay-selectedSpan,\n.saltCalendarDay-selectedSpan:hover {\n  background: var(--salt-selectable-background-hover);\n  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover), calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border)\n    var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-disabled,\n.saltCalendarDay-disabled:hover,\n.saltCalendarDay-unselectable,\n.saltCalendarDay-unselectable:hover {\n  background: var(--salt-selectable-background-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltCalendarDay-highlighted:before,\n.saltCalendarDay-highlighted:hover:before {\n  content: \"\";\n  height: var(--salt-spacing-200); /* TODO: change for size-modifier when available */\n  width: var(--salt-spacing-200);\n  top: calc(var(--salt-spacing-100) * -1);\n  right: calc(var(--salt-spacing-100) * -1);\n  transform: rotate(45deg);\n  background: var(--salt-accent-background);\n  position: absolute;\n}\n\n.saltCalendarDay-unselectable:after {\n  content: \"\";\n  height: var(--salt-size-border);\n  width: calc(100% - var(--salt-spacing-100));\n  background: var(--salt-content-secondary-foreground);\n  position: absolute;\n}\n\n.saltCalendarDay-today,\n.saltCalendarDay-today:hover,\n.saltCalendarDay-outOfRange .saltCalendarDay-today:hover {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-accent-borderColor);\n  margin-bottom: calc(var(--salt-size-indicator) * -1);\n}\n\n.saltCalendarDay-disabled,\n.saltCalendarDay-disabled:hover {\n  color: var(--salt-content-secondary-foreground-disabled);\n}\n\n.saltCalendarDay-hidden {\n  visibility: hidden;\n}\n";
+var css_248z = ".saltCalendarDay {\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  font-size: var(--salt-text-fontSize);\n  width: var(--salt-size-base);\n  height: var(--salt-size-base);\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  cursor: pointer;\n  border: none;\n  padding: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n}\n.saltCalendarDay-content {\n  margin: 0 var(--salt-spacing-50);\n  width: 100%;\n}\n\n.saltCalendarDay:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(0px - var(--salt-focused-outlineWidth));\n}\n\n.saltCalendarDay-outOfRange {\n  color: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay-outOfRange:hover {\n  color: var(--salt-content-primary-foreground);\n}\n.saltCalendarDay-outOfRange .saltCalendarDay-today {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);\n}\n\n.saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {\n  background: var(--salt-content-secondary-foreground);\n}\n.saltCalendarDay:hover,\n.saltCalendarDay-hoveredOffset,\n.saltCalendarDay-hoveredOffset:hover {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltCalendarDay-selected {\n  border-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedStart {\n  z-index: var(--salt-zIndex-default);\n\n  border-top-left-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-left-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selectedEnd {\n  border-top-right-radius: var(--salt-palette-corner-weak, 0);\n  border-bottom-right-radius: var(--salt-palette-corner-weak, 0);\n}\n\n.saltCalendarDay-selected,\n.saltCalendarDay-selected:hover,\n.saltCalendarDay-selectedStart,\n.saltCalendarDay-selectedStart:hover,\n.saltCalendarDay-selectedEnd,\n.saltCalendarDay-selectedEnd:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-selected);\n  box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-hoveredSpan,\n.saltCalendarDay-hoveredSpan:hover,\n.saltCalendarDay-selectedSpan,\n.saltCalendarDay-selectedSpan:hover {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background-hover);\n  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover), calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border)\n    var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);\n}\n\n.saltCalendarDay-disabled,\n.saltCalendarDay-disabled:hover,\n.saltCalendarDay-unselectable,\n.saltCalendarDay-unselectable:hover {\n  background: var(--salt-selectable-background-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.saltCalendarDay-highlighted:before,\n.saltCalendarDay-highlighted:hover:before {\n  content: \"\";\n  height: var(--salt-spacing-200); /* TODO: change for size-modifier when available */\n  width: var(--salt-spacing-200);\n  top: calc(var(--salt-spacing-100) * -1);\n  right: calc(var(--salt-spacing-100) * -1);\n  transform: rotate(45deg);\n  background: var(--salt-accent-background);\n  position: absolute;\n}\n\n.saltCalendarDay-unselectable:after {\n  content: \"\";\n  height: var(--salt-size-border);\n  width: calc(100% - var(--salt-spacing-100));\n  background: var(--salt-content-secondary-foreground);\n  position: absolute;\n}\n\n.saltCalendarDay-today,\n.saltCalendarDay-today:hover,\n.saltCalendarDay-outOfRange .saltCalendarDay-today:hover {\n  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-accent-borderColor);\n  margin-bottom: calc(var(--salt-size-indicator) * -1);\n}\n\n.saltCalendarDay-disabled,\n.saltCalendarDay-disabled:hover {\n  color: var(--salt-content-secondary-foreground-disabled);\n}\n\n.saltCalendarDay-hidden {\n  visibility: hidden;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=CalendarDay.css.js.map

package/dist-es/calendar/internal/CalendarDay.js

@@ -11,7 +11,15 @@ import { formatDate } from './utils.js';
 const withBaseName = makePrefixer("saltCalendarDay");
 const CalendarDay = forwardRef(
   function CalendarDay2(props, ref) {
-    const { className, day, renderDayContents, month, TooltipProps, ...rest } = props;
+    const {
+      className,
+      day,
+      renderDayContents,
+      month,
+      TooltipProps,
+      formatDate: formatDateProp = formatDate,
+      ...rest
+    } = props;
     const targetWindow = useWindow();
     useComponentCssInjection({
       testId: "salt-calendar-day",
@@ -20,7 +28,7 @@ const CalendarDay = forwardRef(
     });
     const dayRef = useRef(null);
     const buttonRef = useForkRef(ref, dayRef);
-    const { status, dayProps, unselectableReason, highlightedReason } = useCalendarDay(
+    const { status, dayProps, unselectableReason, highlightedReason, locale } = useCalendarDay(
       {
         date: day,
         month
@@ -28,45 +36,49 @@ const CalendarDay = forwardRef(
       dayRef
     );
     const { outOfRange, today, unselectable, highlighted, hidden, disabled } = status;
+    const buttonElement = /* @__PURE__ */ jsx("button", {
+      "aria-label": formatDateProp(day, locale, {
+        day: "2-digit",
+        month: "long",
+        year: "numeric"
+      }),
+      disabled,
+      type: "button",
+      ...dayProps,
+      ref: buttonRef,
+      ...rest,
+      className: clsx(
+        withBaseName(),
+        {
+          [withBaseName("hidden")]: hidden,
+          [withBaseName("outOfRange")]: outOfRange,
+          [withBaseName("disabled")]: disabled,
+          [withBaseName("unselectable")]: !!unselectable,
+          [withBaseName("highlighted")]: !!highlighted
+        },
+        dayProps.className,
+        className
+      ),
+      children: /* @__PURE__ */ jsx("span", {
+        className: clsx(withBaseName("content"), {
+          [withBaseName("today")]: today
+        }),
+        children: renderDayContents ? renderDayContents(day, status) : formatDateProp(day, locale, { day: "numeric" })
+      })
+    });
+    const hasTooltip = unselectableReason || highlightedReason;
+    if (!hasTooltip) {
+      return buttonElement;
+    }
     return /* @__PURE__ */ jsx(Tooltip, {
       hideIcon: true,
       status: unselectableReason ? "error" : "info",
       content: unselectableReason || highlightedReason || "Date is out of range",
-      disabled: !unselectableReason && !highlightedReason,
       placement: "top",
       enterDelay: 0,
       leaveDelay: 0,
       ...TooltipProps,
-      children: /* @__PURE__ */ jsx("button", {
-        "aria-label": formatDate(day, {
-          day: "2-digit",
-          month: "long",
-          year: "numeric"
-        }),
-        disabled,
-        type: "button",
-        ...dayProps,
-        ref: buttonRef,
-        ...rest,
-        className: clsx(
-          withBaseName(),
-          {
-            [withBaseName("hidden")]: hidden,
-            [withBaseName("outOfRange")]: outOfRange,
-            [withBaseName("disabled")]: disabled,
-            [withBaseName("unselectable")]: !!unselectable,
-            [withBaseName("highlighted")]: !!highlighted
-          },
-          dayProps.className,
-          className
-        ),
-        children: /* @__PURE__ */ jsx("span", {
-          className: clsx(withBaseName("content"), {
-            [withBaseName("today")]: today
-          }),
-          children: renderDayContents ? renderDayContents(day, status) : formatDate(day, { day: "numeric" })
-        })
-      })
+      children: buttonElement
     });
   }
 );

package/dist-es/calendar/internal/CalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport {\n  Tooltip,\n  type TooltipProps,\n  makePrefixer,\n  useForkRef,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type ReactElement,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\nimport { formatDate } from \"./utils\";\n\nexport type DateFormatter = (day: Date) => string | undefined;\n\nexport interface CalendarDayProps\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  day: DateValue;\n  formatDate?: DateFormatter;\n  renderDayContents?: (date: DateValue, status: DayStatus) => ReactElement;\n  status?: DayStatus;\n  month: DateValue;\n  TooltipProps?: Partial<TooltipProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps>(\n  function CalendarDay(props, ref) {\n    const { className, day, renderDayContents, month, TooltipProps, ...rest } =\n      props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-day\",\n      css: calendarDayCss,\n      window: targetWindow,\n    });\n\n    const dayRef = useRef<HTMLButtonElement>(null);\n    const buttonRef = useForkRef(ref, dayRef);\n    const { status, dayProps, unselectableReason, highlightedReason } =\n      useCalendarDay(\n        {\n          date: day,\n          month,\n        },\n        dayRef,\n      );\n    const { outOfRange, today, unselectable, highlighted, hidden, disabled } =\n      status;\n\n    return (\n      <Tooltip\n        hideIcon\n        status={unselectableReason ? \"error\" : \"info\"}\n        content={\n          unselectableReason || highlightedReason || \"Date is out of range\"\n        }\n        disabled={!unselectableReason && !highlightedReason}\n        placement=\"top\"\n        enterDelay={0} // --salt-duration-instant\n        leaveDelay={0} // --salt-duration-instant\n        {...TooltipProps}\n      >\n        <button\n          aria-label={formatDate(day, {\n            day: \"2-digit\",\n            month: \"long\",\n            year: \"numeric\",\n          })}\n          disabled={disabled}\n          type=\"button\"\n          {...dayProps}\n          ref={buttonRef}\n          {...rest}\n          className={clsx(\n            withBaseName(),\n            {\n              [withBaseName(\"hidden\")]: hidden,\n              [withBaseName(\"outOfRange\")]: outOfRange,\n              [withBaseName(\"disabled\")]: disabled,\n              [withBaseName(\"unselectable\")]: !!unselectable,\n              [withBaseName(\"highlighted\")]: !!highlighted,\n            },\n            dayProps.className,\n            className,\n          )}\n        >\n          <span\n            className={clsx(withBaseName(\"content\"), {\n              [withBaseName(\"today\")]: today,\n            })}\n          >\n            {renderDayContents\n              ? renderDayContents(day, status)\n              : formatDate(day, { day: \"numeric\" })}\n          </span>\n        </button>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["CalendarDay","calendarDayCss"],"mappings":"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"}
+{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport {\n  Tooltip,\n  type TooltipProps,\n  makePrefixer,\n  useForkRef,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type ReactElement,\n  forwardRef,\n  useRef,\n} from \"react\";\nimport { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\nimport { formatDate as defaultFormatDate } from \"./utils\";\n\nexport type DateFormatter = (day: Date) => string | undefined;\n\nexport interface CalendarDayProps\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  day: DateValue;\n  formatDate?: typeof defaultFormatDate;\n  renderDayContents?: (date: DateValue, status: DayStatus) => ReactElement;\n  status?: DayStatus;\n  month: DateValue;\n  TooltipProps?: Partial<TooltipProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps>(\n  function CalendarDay(props, ref) {\n    const {\n      className,\n      day,\n      renderDayContents,\n      month,\n      TooltipProps,\n      formatDate: formatDateProp = defaultFormatDate,\n      ...rest\n    } = props;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-day\",\n      css: calendarDayCss,\n      window: targetWindow,\n    });\n\n    const dayRef = useRef<HTMLButtonElement>(null);\n    const buttonRef = useForkRef(ref, dayRef);\n    const { status, dayProps, unselectableReason, highlightedReason, locale } =\n      useCalendarDay(\n        {\n          date: day,\n          month,\n        },\n        dayRef,\n      );\n    const { outOfRange, today, unselectable, highlighted, hidden, disabled } =\n      status;\n\n    const buttonElement = (\n      <button\n        aria-label={formatDateProp(day, locale, {\n          day: \"2-digit\",\n          month: \"long\",\n          year: \"numeric\",\n        })}\n        disabled={disabled}\n        type=\"button\"\n        {...dayProps}\n        ref={buttonRef}\n        {...rest}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"hidden\")]: hidden,\n            [withBaseName(\"outOfRange\")]: outOfRange,\n            [withBaseName(\"disabled\")]: disabled,\n            [withBaseName(\"unselectable\")]: !!unselectable,\n            [withBaseName(\"highlighted\")]: !!highlighted,\n          },\n          dayProps.className,\n          className,\n        )}\n      >\n        <span\n          className={clsx(withBaseName(\"content\"), {\n            [withBaseName(\"today\")]: today,\n          })}\n        >\n          {renderDayContents\n            ? renderDayContents(day, status)\n            : formatDateProp(day, locale, { day: \"numeric\" })}\n        </span>\n      </button>\n    );\n    const hasTooltip = unselectableReason || highlightedReason;\n    if (!hasTooltip) {\n      return buttonElement;\n    }\n    return (\n      <Tooltip\n        hideIcon\n        status={unselectableReason ? \"error\" : \"info\"}\n        content={\n          unselectableReason || highlightedReason || \"Date is out of range\"\n        }\n        placement=\"top\"\n        enterDelay={0} // --salt-duration-instant\n        leaveDelay={0} // --salt-duration-instant\n        {...TooltipProps}\n      >\n        {buttonElement}\n      </Tooltip>\n    );\n  },\n);\n"],"names":["CalendarDay","defaultFormatDate","calendarDayCss"],"mappings":";;;;;;;;;;AAgCA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA,CAAA;AAE5C,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,SAASA,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,GAAA;AAAA,MACA,iBAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAY,cAAiB,GAAAC,UAAA;AAAA,MAC1B,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AACJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAAS,OAA0B,IAAI,CAAA,CAAA;AAC7C,IAAM,MAAA,SAAA,GAAY,UAAW,CAAA,GAAA,EAAK,MAAM,CAAA,CAAA;AACxC,IAAA,MAAM,EAAE,MAAQ,EAAA,QAAA,EAAU,kBAAoB,EAAA,iBAAA,EAAmB,QAC/D,GAAA,cAAA;AAAA,MACE;AAAA,QACE,IAAM,EAAA,GAAA;AAAA,QACN,KAAA;AAAA,OACF;AAAA,MACA,MAAA;AAAA,KACF,CAAA;AACF,IAAA,MAAM,EAAE,UAAY,EAAA,KAAA,EAAO,cAAc,WAAa,EAAA,MAAA,EAAQ,UAC5D,GAAA,MAAA,CAAA;AAEF,IAAA,MAAM,gCACH,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,YAAA,EAAY,cAAe,CAAA,GAAA,EAAK,MAAQ,EAAA;AAAA,QACtC,GAAK,EAAA,SAAA;AAAA,QACL,KAAO,EAAA,MAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,OACP,CAAA;AAAA,MACD,QAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACJ,GAAG,QAAA;AAAA,MACJ,GAAK,EAAA,SAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,QAAQ,CAAI,GAAA,MAAA;AAAA,UAC1B,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,UAC9B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,cAAc,CAAA,GAAI,CAAC,CAAC,YAAA;AAAA,UAClC,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,CAAC,CAAC,WAAA;AAAA,SACnC;AAAA,QACA,QAAS,CAAA,SAAA;AAAA,QACT,SAAA;AAAA,OACF;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,SAAS,CAAG,EAAA;AAAA,UACvC,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,KAAA;AAAA,SAC1B,CAAA;AAAA,QAEA,QAAA,EAAA,iBAAA,GACG,iBAAkB,CAAA,GAAA,EAAK,MAAM,CAAA,GAC7B,cAAe,CAAA,GAAA,EAAK,MAAQ,EAAA,EAAE,GAAK,EAAA,SAAA,EAAW,CAAA;AAAA,OACpD,CAAA;AAAA,KACF,CAAA,CAAA;AAEF,IAAA,MAAM,aAAa,kBAAsB,IAAA,iBAAA,CAAA;AACzC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAO,OAAA,aAAA,CAAA;AAAA,KACT;AACA,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACR,MAAA,EAAQ,qBAAqB,OAAU,GAAA,MAAA;AAAA,MACvC,OAAA,EACE,sBAAsB,iBAAqB,IAAA,sBAAA;AAAA,MAE7C,SAAU,EAAA,KAAA;AAAA,MACV,UAAY,EAAA,CAAA;AAAA,MACZ,UAAY,EAAA,CAAA;AAAA,MACX,GAAG,YAAA;AAAA,MAEH,QAAA,EAAA,aAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/calendar/internal/CalendarMonth.js

@@ -26,10 +26,11 @@ const CalendarMonth = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    const days = generateVisibleDays(date);
     const {
+      state: { locale },
       helpers: { setHoveredDate }
     } = useCalendarContext();
+    const days = generateVisibleDays(date, locale);
     const handleMouseLeave = (event) => {
       setHoveredDate(event, null);
       onMouseLeave == null ? void 0 : onMouseLeave(event);
@@ -48,7 +49,7 @@ const CalendarMonth = forwardRef(
             renderDayContents,
             month: date,
             TooltipProps
-          }, formatDate(day.date));
+          }, formatDate(day.date, locale));
         })
       })
     });

package/dist-es/calendar/internal/CalendarMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type MouseEvent,\n  type SyntheticEvent,\n  forwardRef,\n} from \"react\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport { formatDate, generateVisibleDays } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\n\nexport interface CalendarMonthProps extends ComponentPropsWithRef<\"div\"> {\n  date: DateValue;\n  hideOutOfRangeDates?: boolean;\n  renderDayContents?: CalendarDayProps[\"renderDayContents\"];\n  TooltipProps?: CalendarDayProps[\"TooltipProps\"];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<HTMLDivElement, CalendarMonthProps>(\n  function CalendarMonth(props, ref) {\n    const {\n      className,\n      date,\n      renderDayContents,\n      onMouseLeave,\n      TooltipProps,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-month\",\n      css: calendarMonthCss,\n      window: targetWindow,\n    });\n\n    const days = generateVisibleDays(date);\n    const {\n      helpers: { setHoveredDate },\n    } = useCalendarContext();\n\n    const handleMouseLeave = (event: SyntheticEvent) => {\n      setHoveredDate(event, null);\n      onMouseLeave?.(event as MouseEvent<HTMLDivElement>);\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        onMouseLeave={handleMouseLeave}\n        {...rest}\n      >\n        <div\n          data-testid=\"CalendarDateGrid\"\n          className={withBaseName(\"dateGrid\")}\n        >\n          {days.map((day) => {\n            return (\n              <CalendarDay\n                key={formatDate(day.date)}\n                day={day.date}\n                renderDayContents={renderDayContents}\n                month={date}\n                TooltipProps={TooltipProps}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n"],"names":["CalendarMonth","calendarMonthCss"],"mappings":";;;;;;;;;;;AAwBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,IAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAO,oBAAoB,IAAI,CAAA,CAAA;AACrC,IAAM,MAAA;AAAA,MACJ,OAAA,EAAS,EAAE,cAAe,EAAA;AAAA,QACxB,kBAAmB,EAAA,CAAA;AAEvB,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,MAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAC1B,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACb,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,aAAY,EAAA,kBAAA;AAAA,QACZ,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,QAEjC,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAQ,KAAA;AACjB,UAAA,uBACG,GAAA,CAAA,WAAA,EAAA;AAAA,YAEC,KAAK,GAAI,CAAA,IAAA;AAAA,YACT,iBAAA;AAAA,YACA,KAAO,EAAA,IAAA;AAAA,YACP,YAAA;AAAA,WAJK,EAAA,UAAA,CAAW,GAAI,CAAA,IAAI,CAK1B,CAAA,CAAA;AAAA,SAEH,CAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import type { DateValue } from \"@internationalized/date\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithRef,\n  type MouseEvent,\n  type SyntheticEvent,\n  forwardRef,\n} from \"react\";\nimport { CalendarDay, type CalendarDayProps } from \"./CalendarDay\";\nimport { formatDate, generateVisibleDays } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\n\nexport interface CalendarMonthProps extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month to render as selectable dates\n   */\n  date: DateValue;\n  /**\n   * Function to render the contents of a day.\n   */\n  renderDayContents?: CalendarDayProps[\"renderDayContents\"];\n  /**\n   * Props for the tooltip component.\n   */\n  TooltipProps?: CalendarDayProps[\"TooltipProps\"];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<HTMLDivElement, CalendarMonthProps>(\n  function CalendarMonth(props, ref) {\n    const {\n      className,\n      date,\n      renderDayContents,\n      onMouseLeave,\n      TooltipProps,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar-month\",\n      css: calendarMonthCss,\n      window: targetWindow,\n    });\n\n    const {\n      state: { locale },\n      helpers: { setHoveredDate },\n    } = useCalendarContext();\n    const days = generateVisibleDays(date, locale);\n\n    const handleMouseLeave = (event: SyntheticEvent) => {\n      setHoveredDate(event, null);\n      onMouseLeave?.(event as MouseEvent<HTMLDivElement>);\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        onMouseLeave={handleMouseLeave}\n        {...rest}\n      >\n        <div\n          data-testid=\"CalendarDateGrid\"\n          className={withBaseName(\"dateGrid\")}\n        >\n          {days.map((day) => {\n            return (\n              <CalendarDay\n                key={formatDate(day.date, locale)}\n                day={day.date}\n                renderDayContents={renderDayContents}\n                month={date}\n                TooltipProps={TooltipProps}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n"],"names":["CalendarMonth","calendarMonthCss"],"mappings":";;;;;;;;;;;AAgCA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,IAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,KAAA,EAAO,EAAE,MAAO,EAAA;AAAA,MAChB,OAAA,EAAS,EAAE,cAAe,EAAA;AAAA,QACxB,kBAAmB,EAAA,CAAA;AACvB,IAAM,MAAA,IAAA,GAAO,mBAAoB,CAAA,IAAA,EAAM,MAAM,CAAA,CAAA;AAE7C,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,MAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAC1B,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,YAAc,EAAA,gBAAA;AAAA,MACb,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,aAAY,EAAA,kBAAA;AAAA,QACZ,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,QAEjC,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAQ,KAAA;AACjB,UAAA,uBACG,GAAA,CAAA,WAAA,EAAA;AAAA,YAEC,KAAK,GAAI,CAAA,IAAA;AAAA,YACT,iBAAA;AAAA,YACA,KAAO,EAAA,IAAA;AAAA,YACP,YAAA;AAAA,WAAA,EAJK,UAAW,CAAA,GAAA,CAAI,IAAM,EAAA,MAAM,CAKlC,CAAA,CAAA;AAAA,SAEH,CAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/calendar/internal/useFocusManagement.js

@@ -1,8 +1,11 @@
 import { endOfWeek, startOfWeek } from '@internationalized/date';
+import { getCurrentLocale } from '../formatDate.js';
 import { useCalendarContext } from './CalendarContext.js';
-import { getCurrentLocale } from './utils.js';
 
-function useFocusManagement({ date }) {
+function useFocusManagement({
+  date,
+  locale = getCurrentLocale()
+}) {
   const {
     helpers: { setFocusedDate }
   } = useCalendarContext();
@@ -25,10 +28,10 @@ function useFocusManagement({ date }) {
         newDate = date.add({ days: 1 });
         break;
       case "Home":
-        newDate = startOfWeek(date, getCurrentLocale());
+        newDate = startOfWeek(date, locale);
         break;
       case "End":
-        newDate = endOfWeek(date, getCurrentLocale());
+        newDate = endOfWeek(date, locale);
         break;
       case "PageUp":
         if (event.shiftKey) {

package/dist-es/calendar/internal/useFocusManagement.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import {\n  type DateValue,\n  endOfWeek,\n  startOfWeek,\n} from \"@internationalized/date\";\nimport type {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { getCurrentLocale } from \"./utils\";\n\nexport function useFocusManagement({ date }: { date: DateValue }) {\n  const {\n    helpers: { setFocusedDate },\n  } = useCalendarContext();\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    let newDate = date;\n    switch (event.key) {\n      case \"ArrowUp\":\n        newDate = date.subtract({ weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = date.add({ weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = date.subtract({ days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = date.add({ days: 1 });\n        break;\n      case \"Home\":\n        newDate = startOfWeek(date, getCurrentLocale());\n        break;\n      case \"End\":\n        // @ts-ignore TODO bug in @internationalized/date\n        newDate = endOfWeek(date, getCurrentLocale());\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = date.subtract({ years: 1 });\n        } else {\n          newDate = date.subtract({ months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = date.add({ years: 1 });\n        } else {\n          newDate = date.add({ months: 1 });\n        }\n        break;\n      default:\n    }\n    if (newDate.compare(date) !== 0) {\n      event.preventDefault();\n    }\n    setFocusedDate(event, newDate);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleFocus,\n  };\n}\n"],"names":[],"mappings":";;;;AAagB,SAAA,kBAAA,CAAmB,EAAE,IAAA,EAA6B,EAAA;AAChE,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,cAAe,EAAA;AAAA,MACxB,kBAAmB,EAAA,CAAA;AACvB,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAM,MAAA,aAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AACd,IAAA,QAAQ,KAAM,CAAA,GAAA;AAAA,MACP,KAAA,SAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AACpC,QAAA,MAAA;AAAA,MACG,KAAA,WAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAC/B,QAAA,MAAA;AAAA,MACG,KAAA,WAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,IAAA,EAAM,GAAG,CAAA,CAAA;AACnC,QAAA,MAAA;AAAA,MACG,KAAA,YAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,GAAG,CAAA,CAAA;AAC9B,QAAA,MAAA;AAAA,MACG,KAAA,MAAA;AACH,QAAU,OAAA,GAAA,WAAA,CAAY,IAAM,EAAA,gBAAA,EAAkB,CAAA,CAAA;AAC9C,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AAEH,QAAU,OAAA,GAAA,SAAA,CAAU,IAAM,EAAA,gBAAA,EAAkB,CAAA,CAAA;AAC5C,QAAA,MAAA;AAAA,MACG,KAAA,QAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,SAC/B,MAAA;AACL,UAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,GAAG,CAAA,CAAA;AAAA,SACvC;AACA,QAAA,MAAA;AAAA,MACG,KAAA,UAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,SAC1B,MAAA;AACL,UAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,MAAA,EAAQ,GAAG,CAAA,CAAA;AAAA,SAClC;AACA,QAAA,MAAA;AAAA,KAAA;AAGJ,IAAA,IAAI,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAG,EAAA;AAC/B,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAAA,KACvB;AACA,IAAA,cAAA,CAAe,OAAO,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import {\n  type DateValue,\n  endOfWeek,\n  startOfWeek,\n} from \"@internationalized/date\";\nimport type {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { getCurrentLocale } from \"../formatDate\";\nimport { useCalendarContext } from \"./CalendarContext\";\n\nexport function useFocusManagement({\n  date,\n  locale = getCurrentLocale(),\n}: {\n  date: DateValue;\n  locale: string;\n}) {\n  const {\n    helpers: { setFocusedDate },\n  } = useCalendarContext();\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    let newDate = date;\n    switch (event.key) {\n      case \"ArrowUp\":\n        newDate = date.subtract({ weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = date.add({ weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = date.subtract({ days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = date.add({ days: 1 });\n        break;\n      case \"Home\":\n        newDate = startOfWeek(date, locale);\n        break;\n      case \"End\":\n        // @ts-ignore TODO bug in @internationalized/date\n        newDate = endOfWeek(date, locale);\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = date.subtract({ years: 1 });\n        } else {\n          newDate = date.subtract({ months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = date.add({ years: 1 });\n        } else {\n          newDate = date.add({ months: 1 });\n        }\n        break;\n      default:\n    }\n    if (newDate.compare(date) !== 0) {\n      event.preventDefault();\n    }\n    setFocusedDate(event, newDate);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    setFocusedDate(event, date);\n  };\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleFocus,\n  };\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,kBAAmB,CAAA;AAAA,EACjC,IAAA;AAAA,EACA,SAAS,gBAAiB,EAAA;AAC5B,CAGG,EAAA;AACD,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,cAAe,EAAA;AAAA,MACxB,kBAAmB,EAAA,CAAA;AACvB,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAM,MAAA,aAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AACd,IAAA,QAAQ,KAAM,CAAA,GAAA;AAAA,MACP,KAAA,SAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AACpC,QAAA,MAAA;AAAA,MACG,KAAA,WAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAC/B,QAAA,MAAA;AAAA,MACG,KAAA,WAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,IAAA,EAAM,GAAG,CAAA,CAAA;AACnC,QAAA,MAAA;AAAA,MACG,KAAA,YAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,GAAG,CAAA,CAAA;AAC9B,QAAA,MAAA;AAAA,MACG,KAAA,MAAA;AACH,QAAU,OAAA,GAAA,WAAA,CAAY,MAAM,MAAM,CAAA,CAAA;AAClC,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AAEH,QAAU,OAAA,GAAA,SAAA,CAAU,MAAM,MAAM,CAAA,CAAA;AAChC,QAAA,MAAA;AAAA,MACG,KAAA,QAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,SAC/B,MAAA;AACL,UAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,GAAG,CAAA,CAAA;AAAA,SACvC;AACA,QAAA,MAAA;AAAA,MACG,KAAA,UAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA,CAAA;AAAA,SAC1B,MAAA;AACL,UAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,MAAA,EAAQ,GAAG,CAAA,CAAA;AAAA,SAClC;AACA,QAAA,MAAA;AAAA,KAAA;AAGJ,IAAA,IAAI,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAG,EAAA;AAC/B,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AAAA,KACvB;AACA,IAAA,cAAA,CAAe,OAAO,OAAO,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-es/calendar/internal/utils.js

@@ -1,32 +1,29 @@
-import { getLocalTimeZone, startOfWeek, today, startOfMonth, DateFormatter, startOfYear, isSameMonth, createCalendar } from '@internationalized/date';
+import { getLocalTimeZone, DateFormatter, startOfWeek, today, startOfMonth, startOfYear, isSameMonth, toCalendarDate, endOfMonth, createCalendar } from '@internationalized/date';
+import { getCurrentLocale } from '../formatDate.js';
 
-const localTimezone = getLocalTimeZone();
-function getCurrentLocale() {
-  return navigator.languages[0];
-}
-function getDateFormatter(options) {
-  return new DateFormatter(getCurrentLocale(), options);
-}
-function formatDate(date, options) {
-  const formatter = getDateFormatter(options);
-  return formatter.format(date.toDate(localTimezone));
-}
-function getCalender() {
-  const calendarIdentifier = getDateFormatter().resolvedOptions().calendar;
+function formatDate(date, locale, options) {
+  const timeLocale = locale || getCurrentLocale();
+  const timeZone = (options == null ? void 0 : options.timeZone) || getLocalTimeZone();
+  const formatter = new DateFormatter(timeLocale, options);
+  return formatter.format(date.toDate(timeZone));
+}
+function getCalendar(locale) {
+  const calendarIdentifier = new DateFormatter(locale).resolvedOptions().calendar;
   return createCalendar(calendarIdentifier);
 }
-function daysForLocale(weekday = "long") {
+function daysForLocale(weekday, locale) {
   return [...Array(7).keys()].map(
     (day) => formatDate(
-      startOfWeek(today(getLocalTimeZone()), getCurrentLocale()).add({
+      startOfWeek(today(getLocalTimeZone()), locale).add({
         days: day
       }),
-      { weekday }
+      locale,
+      { weekday: weekday || "long" }
     )
   );
 }
-function monthsForLocale(currentYear) {
-  const calendar = getCalender();
+function monthsForLocale(currentYear, locale) {
+  const calendar = getCalendar(locale);
   return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map(
     (month) => startOfYear(currentYear).add({ months: month })
   );
@@ -38,10 +35,9 @@ function mapDate(currentDate, currentMonth) {
     isCurrentMonth: isSameMonth(currentDate, currentMonth)
   };
 }
-function generateVisibleDays(currentMonth) {
+function generateVisibleDays(currentMonth, locale) {
   const totalDays = 6 * 7;
-  const currentLocale = getCurrentLocale();
-  const startDate = startOfWeek(startOfMonth(currentMonth), currentLocale);
+  const startDate = startOfWeek(startOfMonth(currentMonth), locale);
   return [...Array(totalDays).keys()].map((dayDelta) => {
     const day = startDate.add({ days: dayDelta });
     return mapDate(day, currentMonth);
@@ -50,6 +46,16 @@ function generateVisibleDays(currentMonth) {
 function monthDiff(a, b) {
   return b.month - a.month + 12 * (b.year - a.year);
 }
+function generateDatesForMonth(date) {
+  const calendarDate = toCalendarDate(date);
+  const startDate = startOfMonth(calendarDate);
+  const endDate = endOfMonth(calendarDate);
+  const dates = [];
+  for (let currentDate = startDate; currentDate.compare(endDate) <= 0; currentDate = currentDate.add({ days: 1 })) {
+    dates.push(currentDate);
+  }
+  return dates;
+}
 
-export { daysForLocale, formatDate, generateVisibleDays, getCalender, getCurrentLocale, getDateFormatter, monthDiff, monthsForLocale };
+export { daysForLocale, formatDate, generateDatesForMonth, generateVisibleDays, getCalendar, monthDiff, monthsForLocale };
 //# sourceMappingURL=utils.js.map

package/dist-es/calendar/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import {\n  DateFormatter,\n  type DateValue,\n  createCalendar,\n  getLocalTimeZone,\n  isSameMonth,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\n\nconst localTimezone = getLocalTimeZone();\n\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\nexport function getDateFormatter(options?: Intl.DateTimeFormatOptions) {\n  return new DateFormatter(getCurrentLocale(), options);\n}\n\nexport function formatDate(\n  date: DateValue,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  const formatter = getDateFormatter(options);\n  return formatter.format(date.toDate(localTimezone));\n}\n\nexport function getCalender() {\n  const calendarIdentifier = getDateFormatter().resolvedOptions().calendar;\n  return createCalendar(calendarIdentifier);\n}\n\ntype WeekdayFormat = Intl.DateTimeFormatOptions[\"weekday\"];\n\nexport function daysForLocale(weekday: WeekdayFormat = \"long\") {\n  return [...Array(7).keys()].map((day) =>\n    formatDate(\n      startOfWeek(today(getLocalTimeZone()), getCurrentLocale()).add({\n        days: day,\n      }),\n      { weekday },\n    ),\n  );\n}\n\nexport function monthsForLocale(currentYear: DateValue) {\n  const calendar = getCalender();\n  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map((month) =>\n    startOfYear(currentYear).add({ months: month }),\n  );\n}\n\nfunction mapDate(currentDate: DateValue, currentMonth: DateValue) {\n  return {\n    date: currentDate,\n    dateOfMonth: currentDate.month,\n    isCurrentMonth: isSameMonth(currentDate, currentMonth),\n  };\n}\n\nexport function generateVisibleDays(currentMonth: DateValue) {\n  const totalDays = 6 * 7;\n  const currentLocale = getCurrentLocale();\n  const startDate = startOfWeek(startOfMonth(currentMonth), currentLocale);\n\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = startDate.add({ days: dayDelta });\n    return mapDate(day, currentMonth);\n  });\n}\n\nexport function monthDiff(a: DateValue, b: DateValue) {\n  return b.month - a.month + 12 * (b.year - a.year);\n}\n"],"names":[],"mappings":";;AAYA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AAEhC,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAO,UAAU,SAAU,CAAA,CAAA,CAAA,CAAA;AAC7B,CAAA;AAEO,SAAS,iBAAiB,OAAsC,EAAA;AACrE,EAAA,OAAO,IAAI,aAAA,CAAc,gBAAiB,EAAA,EAAG,OAAO,CAAA,CAAA;AACtD,CAAA;AAEgB,SAAA,UAAA,CACd,MACA,OACA,EAAA;AACA,EAAM,MAAA,SAAA,GAAY,iBAAiB,OAAO,CAAA,CAAA;AAC1C,EAAA,OAAO,SAAU,CAAA,MAAA,CAAO,IAAK,CAAA,MAAA,CAAO,aAAa,CAAC,CAAA,CAAA;AACpD,CAAA;AAEO,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,kBAAqB,GAAA,gBAAA,EAAmB,CAAA,eAAA,EAAkB,CAAA,QAAA,CAAA;AAChE,EAAA,OAAO,eAAe,kBAAkB,CAAA,CAAA;AAC1C,CAAA;AAIgB,SAAA,aAAA,CAAc,UAAyB,MAAQ,EAAA;AAC7D,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,CAAC,CAAE,CAAA,IAAA,EAAM,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,GAC/B,KAAA,UAAA;AAAA,MACE,WAAA,CAAY,MAAM,gBAAiB,EAAC,GAAG,gBAAiB,EAAC,EAAE,GAAI,CAAA;AAAA,QAC7D,IAAM,EAAA,GAAA;AAAA,OACP,CAAA;AAAA,MACD,EAAE,OAAQ,EAAA;AAAA,KACZ;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,gBAAgB,WAAwB,EAAA;AACtD,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,QAAS,CAAA,eAAA,CAAgB,WAAW,CAAC,CAAA,CAAE,IAAK,EAAC,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,UACnE,WAAY,CAAA,WAAW,EAAE,GAAI,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,CAAA;AAAA,GAChD,CAAA;AACF,CAAA;AAEA,SAAS,OAAA,CAAQ,aAAwB,YAAyB,EAAA;AAChE,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,IACN,aAAa,WAAY,CAAA,KAAA;AAAA,IACzB,cAAA,EAAgB,WAAY,CAAA,WAAA,EAAa,YAAY,CAAA;AAAA,GACvD,CAAA;AACF,CAAA;AAEO,SAAS,oBAAoB,YAAyB,EAAA;AAC3D,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA,CAAA;AACtB,EAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,YAAa,CAAA,YAAY,GAAG,aAAa,CAAA,CAAA;AAEvE,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,SAAU,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,UAAU,CAAA,CAAA;AAC5C,IAAO,OAAA,OAAA,CAAQ,KAAK,YAAY,CAAA,CAAA;AAAA,GACjC,CAAA,CAAA;AACH,CAAA;AAEgB,SAAA,SAAA,CAAU,GAAc,CAAc,EAAA;AACpD,EAAA,OAAO,EAAE,KAAQ,GAAA,CAAA,CAAE,QAAQ,EAAM,IAAA,CAAA,CAAE,OAAO,CAAE,CAAA,IAAA,CAAA,CAAA;AAC9C;;;;"}
+{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import {\n  type CalendarDate,\n  DateFormatter,\n  type DateValue,\n  createCalendar,\n  endOfMonth,\n  getLocalTimeZone,\n  isSameMonth,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  toCalendarDate,\n  today,\n} from \"@internationalized/date\";\nimport { getCurrentLocale } from \"../formatDate\";\n\nexport function formatDate(\n  date: DateValue,\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  const timeLocale = locale || getCurrentLocale();\n  const timeZone = options?.timeZone || getLocalTimeZone();\n  const formatter = new DateFormatter(timeLocale, options);\n  return formatter.format(date.toDate(timeZone));\n}\n\nexport function getCalendar(locale: string) {\n  const calendarIdentifier = new DateFormatter(locale).resolvedOptions()\n    .calendar;\n  return createCalendar(calendarIdentifier);\n}\n\ntype WeekdayFormat = Intl.DateTimeFormatOptions[\"weekday\"];\n\nexport function daysForLocale(weekday: WeekdayFormat, locale: string) {\n  return [...Array(7).keys()].map((day) =>\n    formatDate(\n      startOfWeek(today(getLocalTimeZone()), locale).add({\n        days: day,\n      }),\n      locale,\n      { weekday: weekday || \"long\" },\n    ),\n  );\n}\n\nexport function monthsForLocale(currentYear: DateValue, locale: string) {\n  const calendar = getCalendar(locale);\n  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map((month) =>\n    startOfYear(currentYear).add({ months: month }),\n  );\n}\n\nfunction mapDate(currentDate: DateValue, currentMonth: DateValue) {\n  return {\n    date: currentDate,\n    dateOfMonth: currentDate.month,\n    isCurrentMonth: isSameMonth(currentDate, currentMonth),\n  };\n}\n\nexport function generateVisibleDays(currentMonth: DateValue, locale: string) {\n  const totalDays = 6 * 7;\n  const startDate = startOfWeek(startOfMonth(currentMonth), locale);\n\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = startDate.add({ days: dayDelta });\n    return mapDate(day, currentMonth);\n  });\n}\n\nexport function monthDiff(a: DateValue, b: DateValue) {\n  return b.month - a.month + 12 * (b.year - a.year);\n}\n\nexport function generateDatesForMonth(date: DateValue): CalendarDate[] {\n  const calendarDate = toCalendarDate(date);\n  const startDate = startOfMonth(calendarDate);\n  const endDate = endOfMonth(calendarDate);\n  const dates = [];\n  for (\n    let currentDate = startDate;\n    currentDate.compare(endDate) <= 0;\n    currentDate = currentDate.add({ days: 1 })\n  ) {\n    dates.push(currentDate);\n  }\n  return dates;\n}\n"],"names":[],"mappings":";;;AAgBgB,SAAA,UAAA,CACd,IACA,EAAA,MAAA,EACA,OACA,EAAA;AACA,EAAM,MAAA,UAAA,GAAa,UAAU,gBAAiB,EAAA,CAAA;AAC9C,EAAM,MAAA,QAAA,GAAA,CAAW,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,QAAA,KAAY,gBAAiB,EAAA,CAAA;AACvD,EAAA,MAAM,SAAY,GAAA,IAAI,aAAc,CAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AACvD,EAAA,OAAO,SAAU,CAAA,MAAA,CAAO,IAAK,CAAA,MAAA,CAAO,QAAQ,CAAC,CAAA,CAAA;AAC/C,CAAA;AAEO,SAAS,YAAY,MAAgB,EAAA;AAC1C,EAAA,MAAM,qBAAqB,IAAI,aAAA,CAAc,MAAM,CAAA,CAAE,iBAClD,CAAA,QAAA,CAAA;AACH,EAAA,OAAO,eAAe,kBAAkB,CAAA,CAAA;AAC1C,CAAA;AAIgB,SAAA,aAAA,CAAc,SAAwB,MAAgB,EAAA;AACpE,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,CAAC,CAAE,CAAA,IAAA,EAAM,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,GAC/B,KAAA,UAAA;AAAA,MACE,YAAY,KAAM,CAAA,gBAAA,EAAkB,CAAG,EAAA,MAAM,EAAE,GAAI,CAAA;AAAA,QACjD,IAAM,EAAA,GAAA;AAAA,OACP,CAAA;AAAA,MACD,MAAA;AAAA,MACA,EAAE,OAAS,EAAA,OAAA,IAAW,MAAO,EAAA;AAAA,KAC/B;AAAA,GACF,CAAA;AACF,CAAA;AAEgB,SAAA,eAAA,CAAgB,aAAwB,MAAgB,EAAA;AACtE,EAAM,MAAA,QAAA,GAAW,YAAY,MAAM,CAAA,CAAA;AACnC,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,QAAS,CAAA,eAAA,CAAgB,WAAW,CAAC,CAAA,CAAE,IAAK,EAAC,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,UACnE,WAAY,CAAA,WAAW,EAAE,GAAI,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,CAAA;AAAA,GAChD,CAAA;AACF,CAAA;AAEA,SAAS,OAAA,CAAQ,aAAwB,YAAyB,EAAA;AAChE,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,IACN,aAAa,WAAY,CAAA,KAAA;AAAA,IACzB,cAAA,EAAgB,WAAY,CAAA,WAAA,EAAa,YAAY,CAAA;AAAA,GACvD,CAAA;AACF,CAAA;AAEgB,SAAA,mBAAA,CAAoB,cAAyB,MAAgB,EAAA;AAC3E,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA,CAAA;AACtB,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,YAAa,CAAA,YAAY,GAAG,MAAM,CAAA,CAAA;AAEhE,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,SAAU,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,UAAU,CAAA,CAAA;AAC5C,IAAO,OAAA,OAAA,CAAQ,KAAK,YAAY,CAAA,CAAA;AAAA,GACjC,CAAA,CAAA;AACH,CAAA;AAEgB,SAAA,SAAA,CAAU,GAAc,CAAc,EAAA;AACpD,EAAA,OAAO,EAAE,KAAQ,GAAA,CAAA,CAAE,QAAQ,EAAM,IAAA,CAAA,CAAE,OAAO,CAAE,CAAA,IAAA,CAAA,CAAA;AAC9C,CAAA;AAEO,SAAS,sBAAsB,IAAiC,EAAA;AACrE,EAAM,MAAA,YAAA,GAAe,eAAe,IAAI,CAAA,CAAA;AACxC,EAAM,MAAA,SAAA,GAAY,aAAa,YAAY,CAAA,CAAA;AAC3C,EAAM,MAAA,OAAA,GAAU,WAAW,YAAY,CAAA,CAAA;AACvC,EAAA,MAAM,QAAQ,EAAC,CAAA;AACf,EAAA,KAAA,IACM,WAAc,GAAA,SAAA,EAClB,WAAY,CAAA,OAAA,CAAQ,OAAO,CAAK,IAAA,CAAA,EAChC,WAAc,GAAA,WAAA,CAAY,GAAI,CAAA,EAAE,IAAM,EAAA,CAAA,EAAG,CACzC,EAAA;AACA,IAAA,KAAA,CAAM,KAAK,WAAW,CAAA,CAAA;AAAA,GACxB;AACA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}