@salt-ds/lab 1.0.0-alpha.55 → 1.0.0-alpha.56

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

@@ -1 +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;AAEnD,MAAM,kBAAqB,GAAA,UAAA,CAGhC,SAASA,mBAAAA,CACT,EAAE,SAAA,EAAW,MAAS,GAAA,gBAAA,EAAoB,EAAA,GAAG,IAAK,EAAA,EAClD,GACA,EAAA;AACA,EAAM,MAAA,aAAA,GAAgB,aAAc,CAAA,QAAA,EAAU,MAAM,CAAA;AACpD,EAAM,MAAA,YAAA,GAAe,aAAc,CAAA,MAAA,EAAQ,MAAM,CAAA;AAEjD,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KACvB,qBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,aAAW,EAAA,IAAA;AAAA,UAEX,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,UAElC,QAAA,EAAA;AAAA,SAAA;AAAA,QAHI,aAAa,KAAK;AAAA,OAK1B;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
+{"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 { daysOfWeek } from \"./internal/utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../localization-provider\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\n\n/**\n * Props for the CalendarWeekHeader component.\n */\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\"> & {};\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef(function CalendarWeekHeader<\n  TDate extends DateFrameworkType,\n>(props: CalendarWeekHeaderProps, ref: React.Ref<HTMLDivElement>) {\n  const { className, ...rest } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    state: { locale },\n  } = useCalendarContext<TDate>();\n\n  const weekdaysShort = daysOfWeek(dateAdapter, \"narrow\", locale);\n  const weekdaysLong = daysOfWeek(dateAdapter, \"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":";;;;;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAqB,GAAA,UAAA,CAAW,SAASA,mBAAAA,CAEpD,OAAgC,GAAgC,EAAA;AAChE,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAS,GAAA,KAAA;AAC/B,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,eAAuB,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,MAAO;AAAA,MACd,kBAA0B,EAAA;AAE9B,EAAA,MAAM,aAAgB,GAAA,UAAA,CAAW,WAAa,EAAA,QAAA,EAAU,MAAM,CAAA;AAC9D,EAAA,MAAM,YAAe,GAAA,UAAA,CAAW,WAAa,EAAA,MAAA,EAAQ,MAAM,CAAA;AAE3D,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,2BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KACvB,qBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,aAAW,EAAA,IAAA;AAAA,UAEX,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,UAElC,QAAA,EAAA;AAAA,SAAA;AAAA,QAHI,aAAa,KAAK;AAAA,OAK1B;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

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

@@ -5,9 +5,13 @@ if (process.env.NODE_ENV !== "production") {
   CalendarContext.displayName = "CalendarContext";
 }
 function useCalendarContext() {
-  const context = useContext(CalendarContext);
+  const context = useContext(
+    CalendarContext
+  );
   if (!context) {
-    throw new Error("Unexpected usage");
+    throw new Error(
+      "useCalendarContext should be called inside CalendarContext.Provider"
+    );
   }
   return context;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { useCalendar } from \"../useCalendar\";\n\ninterface CalendarState {\n  state: ReturnType<typeof useCalendar>[\"state\"];\n  helpers: ReturnType<typeof useCalendar>[\"helpers\"];\n}\n\nconst CalendarContext = createContext<CalendarState | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext(): CalendarState {\n  const context = useContext(CalendarContext);\n\n  if (!context) {\n    throw new Error(\"Unexpected usage\");\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":[],"mappings":";;AAQM,MAAA,eAAA,GAAkB,cAAoC,IAAI;AAEhE,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA;AAChC;AAEA,SAAS,kBAAoC,GAAA;AAC3C,EAAM,MAAA,OAAA,GAAU,WAAW,eAAe,CAAA;AAE1C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,kBAAkB,CAAA;AAAA;AAGpC,EAAO,OAAA,OAAA;AACT;;;;"}
+{"version":3,"file":"CalendarContext.js","sources":["../src/calendar/internal/CalendarContext.tsx"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { createContext, useContext } from \"react\";\nimport type { UseCalendarReturn } from \"../useCalendar\";\n\ninterface CalendarState<TDate extends DateFrameworkType>\n  extends UseCalendarReturn<TDate> {}\n\nconst CalendarContext = createContext<CalendarState<any> | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  CalendarContext.displayName = \"CalendarContext\";\n}\n\nfunction useCalendarContext<\n  TDate extends DateFrameworkType,\n>(): CalendarState<TDate> {\n  const context = useContext(\n    CalendarContext as React.Context<CalendarState<TDate> | null>,\n  );\n  if (!context) {\n    throw new Error(\n      \"useCalendarContext should be called inside CalendarContext.Provider\",\n    );\n  }\n\n  return context;\n}\n\nexport { CalendarContext, useCalendarContext };\n"],"names":[],"mappings":";;AAOM,MAAA,eAAA,GAAkB,cAAyC,IAAI;AAErE,IAAI,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,EAAA,eAAA,CAAgB,WAAc,GAAA,iBAAA;AAChC;AAEA,SAAS,kBAEiB,GAAA;AACxB,EAAA,MAAM,OAAU,GAAA,UAAA;AAAA,IACd;AAAA,GACF;AACA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,OAAA;AACT;;;;"}

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

@@ -4,9 +4,9 @@ import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
 import { forwardRef, useRef } from 'react';
+import { useLocalization } from '../../localization-provider/LocalizationProvider.js';
 import { useCalendarDay } from '../useCalendarDay.js';
 import css_248z from './CalendarDay.css.js';
-import { formatDate } from './utils.js';
 
 const withBaseName = makePrefixer("saltCalendarDay");
 const CalendarDay = forwardRef(
@@ -17,9 +17,10 @@ const CalendarDay = forwardRef(
       renderDayContents,
       month,
       TooltipProps,
-      formatDate: formatDateProp = formatDate,
+      format = "DD",
       ...rest
     } = props;
+    const { dateAdapter } = useLocalization();
     const targetWindow = useWindow();
     useComponentCssInjection({
       testId: "salt-calendar-day",
@@ -28,7 +29,7 @@ const CalendarDay = forwardRef(
     });
     const dayRef = useRef(null);
     const buttonRef = useForkRef(ref, dayRef);
-    const { status, dayProps, unselectableReason, highlightedReason, locale } = useCalendarDay(
+    const { status, dayProps, unselectableReason, highlightedReason } = useCalendarDay(
       {
         date: day,
         month
@@ -39,11 +40,7 @@ const CalendarDay = forwardRef(
     const buttonElement = /* @__PURE__ */ jsx(
       "button",
       {
-        "aria-label": formatDateProp(day, locale, {
-          day: "2-digit",
-          month: "long",
-          year: "numeric"
-        }),
+        "aria-label": dateAdapter.format(day, "DD MMMM YYYY"),
         disabled,
         type: "button",
         ...dayProps,
@@ -67,7 +64,7 @@ const CalendarDay = forwardRef(
             className: clsx(withBaseName("content"), {
               [withBaseName("today")]: today
             }),
-            children: renderDayContents ? renderDayContents(day, status) : formatDateProp(day, locale, { day: "numeric" })
+            children: renderDayContents ? renderDayContents(day, status) : dateAdapter.format(day, format)
           }
         )
       }

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 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":"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"}
+{"version":3,"file":"CalendarDay.js","sources":["../src/calendar/internal/CalendarDay.tsx"],"sourcesContent":["import {\n  Tooltip,\n  type TooltipProps,\n  makePrefixer,\n  useForkRef,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\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 { useLocalization } from \"../../localization-provider\";\nimport { type DayStatus, useCalendarDay } from \"../useCalendarDay\";\nimport calendarDayCss from \"./CalendarDay.css\";\n\nexport type DateFormatter = (day: Date) => string | undefined;\n\nexport interface CalendarDayProps<TDate>\n  extends Omit<ComponentPropsWithRef<\"button\">, \"children\"> {\n  day: TDate;\n  format?: string;\n  renderDayContents?: (date: TDate, status: DayStatus) => ReactElement;\n  status?: DayStatus;\n  month: TDate;\n  TooltipProps?: Partial<TooltipProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nexport const CalendarDay = forwardRef<HTMLButtonElement, CalendarDayProps<any>>(\n  function CalendarDay<TDate extends DateFrameworkType>(\n    props: CalendarDayProps<TDate>,\n    ref: React.Ref<HTMLButtonElement>,\n  ) {\n    const {\n      className,\n      day,\n      renderDayContents,\n      month,\n      TooltipProps,\n      format = \"DD\",\n      ...rest\n    } = props;\n    const { dateAdapter } = useLocalization<TDate>();\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    const buttonElement = (\n      <button\n        aria-label={dateAdapter.format(day, \"DD MMMM YYYY\")}\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            : dateAdapter.format(day, format)}\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","calendarDayCss"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-var css_248z = ".saltCalendarMonth-dateGrid {\n  display: grid;\n  gap: var(--salt-size-border);\n  grid-template-columns: repeat(7, var(--salt-size-base));\n  grid-template-rows: repeat(6, var(--salt-size-base));\n  text-align: center;\n  margin: var(--salt-size-border);\n}\n";
+var css_248z = ".saltCalendarMonth-grid {\n  display: grid;\n  gap: var(--salt-size-border);\n  grid-template-columns: repeat(7, var(--salt-size-base));\n  grid-template-rows: repeat(6, var(--salt-size-base));\n  text-align: center;\n  margin: var(--salt-size-border);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=CalendarMonth.css.js.map

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

@@ -3,68 +3,61 @@ import { makePrefixer } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 import { CalendarDay } from './CalendarDay.js';
-import { generateVisibleDays, formatDate } from './utils.js';
+import { generateVisibleDays } from './utils.js';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
+import { useLocalization } from '../../localization-provider/LocalizationProvider.js';
 import { useCalendarContext } from './CalendarContext.js';
 import css_248z from './CalendarMonth.css.js';
 
 const withBaseName = makePrefixer("saltCalendarMonth");
-const CalendarMonth = forwardRef(
-  function CalendarMonth2(props, ref) {
-    const {
-      className,
-      date,
-      renderDayContents,
-      onMouseLeave,
-      TooltipProps,
-      ...rest
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-calendar-month",
-      css: css_248z,
-      window: targetWindow
-    });
-    const {
-      state: { locale },
-      helpers: { setHoveredDate }
-    } = useCalendarContext();
-    const days = generateVisibleDays(date, locale);
-    const handleMouseLeave = (event) => {
-      setHoveredDate(event, null);
-      onMouseLeave == null ? void 0 : onMouseLeave(event);
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(withBaseName(), className),
-        ref,
-        onMouseLeave: handleMouseLeave,
-        ...rest,
-        children: /* @__PURE__ */ jsx(
-          "div",
+const CalendarMonth = forwardRef(function CalendarMonth2(props, ref) {
+  const {
+    className,
+    date,
+    renderDayContents,
+    onMouseLeave,
+    TooltipProps,
+    ...rest
+  } = props;
+  const { dateAdapter } = useLocalization();
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-calendar-month",
+    css: css_248z,
+    window: targetWindow
+  });
+  const {
+    state: { locale },
+    helpers: { setHoveredDate }
+  } = useCalendarContext();
+  const days = generateVisibleDays(dateAdapter, date, locale);
+  const handleMouseLeave = (event) => {
+    setHoveredDate(event, null);
+    onMouseLeave == null ? void 0 : onMouseLeave(event);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(withBaseName(), className),
+      ref,
+      onMouseLeave: handleMouseLeave,
+      ...rest,
+      children: /* @__PURE__ */ jsx("div", { "data-testid": "CalendarGrid", className: withBaseName("grid"), children: days.map((day) => {
+        return /* @__PURE__ */ jsx(
+          CalendarDay,
           {
-            "data-testid": "CalendarDateGrid",
-            className: withBaseName("dateGrid"),
-            children: days.map((day) => {
-              return /* @__PURE__ */ jsx(
-                CalendarDay,
-                {
-                  day: day.date,
-                  renderDayContents,
-                  month: date,
-                  TooltipProps
-                },
-                formatDate(day.date, locale)
-              );
-            })
-          }
-        )
-      }
-    );
-  }
-);
+            day: day.date,
+            renderDayContents,
+            month: date,
+            TooltipProps
+          },
+          dateAdapter.format(day.date, "DD MMM YYYY", locale)
+        );
+      }) })
+    }
+  );
+});
 
 export { CalendarMonth };
 //# sourceMappingURL=CalendarMonth.js.map

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  /**\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;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,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAM,MAAA;AAAA,MACJ,KAAA,EAAO,EAAE,MAAO,EAAA;AAAA,MAChB,OAAA,EAAS,EAAE,cAAe;AAAA,QACxB,kBAAmB,EAAA;AACvB,IAAM,MAAA,IAAA,GAAO,mBAAoB,CAAA,IAAA,EAAM,MAAM,CAAA;AAE7C,IAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,MAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACA,YAAc,EAAA,gBAAA;AAAA,QACb,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,kBAAA;AAAA,YACZ,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,YAEjC,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAQ,KAAA;AACjB,cACE,uBAAA,GAAA;AAAA,gBAAC,WAAA;AAAA,gBAAA;AAAA,kBAEC,KAAK,GAAI,CAAA,IAAA;AAAA,kBACT,iBAAA;AAAA,kBACA,KAAO,EAAA,IAAA;AAAA,kBACP;AAAA,iBAAA;AAAA,gBAJK,UAAA,CAAW,GAAI,CAAA,IAAA,EAAM,MAAM;AAAA,eAKlC;AAAA,aAEH;AAAA;AAAA;AACH;AAAA,KACF;AAAA;AAGN;;;;"}
+{"version":3,"file":"CalendarMonth.js","sources":["../src/calendar/internal/CalendarMonth.tsx"],"sourcesContent":["import { 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 { generateVisibleDays } from \"./utils\";\n\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport calendarMonthCss from \"./CalendarMonth.css\";\n\nexport interface CalendarMonthProps<TDate>\n  extends ComponentPropsWithRef<\"div\"> {\n  /**\n   * Month to render as selectable dates\n   */\n  date: TDate;\n  /**\n   * Function to render the contents of a day.\n   */\n  renderDayContents?: CalendarDayProps<TDate>[\"renderDayContents\"];\n  /**\n   * Props for the tooltip component.\n   */\n  TooltipProps?: CalendarDayProps<TDate>[\"TooltipProps\"];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarMonth\");\n\nexport const CalendarMonth = forwardRef<\n  HTMLDivElement,\n  CalendarMonthProps<any>\n>(function CalendarMonth<TDate extends DateFrameworkType>(\n  props: CalendarMonthProps<TDate>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    className,\n    date,\n    renderDayContents,\n    onMouseLeave,\n    TooltipProps,\n    ...rest\n  } = props;\n  const { dateAdapter } = useLocalization<TDate>();\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<TDate>();\n  const days = generateVisibleDays<TDate>(dateAdapter, date, locale);\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 data-testid=\"CalendarGrid\" className={withBaseName(\"grid\")}>\n        {days.map((day) => {\n          return (\n            <CalendarDay\n              key={dateAdapter.format(day.date, \"DD MMM YYYY\", locale)}\n              day={day.date}\n              renderDayContents={renderDayContents}\n              month={date}\n              TooltipProps={TooltipProps}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarMonth","calendarMonthCss"],"mappings":";;;;;;;;;;;;AAkCA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAE9C,MAAM,aAAgB,GAAA,UAAA,CAG3B,SAASA,cAAAA,CACT,OACA,GACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,eAAuB,EAAA;AAC/C,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,MAAO,EAAA;AAAA,IAChB,OAAA,EAAS,EAAE,cAAe;AAAA,MACxB,kBAA0B,EAAA;AAC9B,EAAA,MAAM,IAAO,GAAA,mBAAA,CAA2B,WAAa,EAAA,IAAA,EAAM,MAAM,CAAA;AACjE,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAA0B,KAAA;AAClD,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAC1B,IAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA;AAAA,GACjB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;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,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,cAAe,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,CAC3D,EAAA,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAAQ,KAAA;AACjB,QACE,uBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YAEC,KAAK,GAAI,CAAA,IAAA;AAAA,YACT,iBAAA;AAAA,YACA,KAAO,EAAA,IAAA;AAAA,YACP;AAAA,WAAA;AAAA,UAJK,WAAY,CAAA,MAAA,CAAO,GAAI,CAAA,IAAA,EAAM,eAAe,MAAM;AAAA,SAKzD;AAAA,OAEH,CACH,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -1,12 +1,12 @@
-import { endOfWeek, startOfWeek } from '@internationalized/date';
-import { getCurrentLocale } from '../formatDate.js';
+import { useLocalization } from '../../localization-provider/LocalizationProvider.js';
 import { useCalendarContext } from './CalendarContext.js';
 
 function useFocusManagement({
-  date,
-  locale = getCurrentLocale()
+  date
 }) {
+  const { dateAdapter } = useLocalization();
   const {
+    state: { locale },
     helpers: { setFocusedDate }
   } = useCalendarContext();
   const handleClick = (event) => {
@@ -16,39 +16,39 @@ function useFocusManagement({
     let newDate = date;
     switch (event.key) {
       case "ArrowUp":
-        newDate = date.subtract({ weeks: 1 });
+        newDate = dateAdapter.subtract(date, { weeks: 1 });
         break;
       case "ArrowDown":
-        newDate = date.add({ weeks: 1 });
+        newDate = dateAdapter.add(date, { weeks: 1 });
         break;
       case "ArrowLeft":
-        newDate = date.subtract({ days: 1 });
+        newDate = dateAdapter.subtract(date, { days: 1 });
         break;
       case "ArrowRight":
-        newDate = date.add({ days: 1 });
+        newDate = dateAdapter.add(date, { days: 1 });
         break;
       case "Home":
-        newDate = startOfWeek(date, locale);
+        newDate = dateAdapter.startOf(date, "week", locale);
         break;
       case "End":
-        newDate = endOfWeek(date, locale);
+        newDate = dateAdapter.endOf(date, "week", locale);
         break;
       case "PageUp":
         if (event.shiftKey) {
-          newDate = date.subtract({ years: 1 });
+          newDate = dateAdapter.subtract(date, { years: 1 });
         } else {
-          newDate = date.subtract({ months: 1 });
+          newDate = dateAdapter.subtract(date, { months: 1 });
         }
         break;
       case "PageDown":
         if (event.shiftKey) {
-          newDate = date.add({ years: 1 });
+          newDate = dateAdapter.add(date, { years: 1 });
         } else {
-          newDate = date.add({ months: 1 });
+          newDate = dateAdapter.add(date, { months: 1 });
         }
         break;
     }
-    if (newDate.compare(date) !== 0) {
+    if (dateAdapter.compare(newDate, date) !== 0) {
       event.preventDefault();
     }
     setFocusedDate(event, newDate);

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 { 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;AAC5B,CAGG,EAAA;AACD,EAAM,MAAA;AAAA,IACJ,OAAA,EAAS,EAAE,cAAe;AAAA,MACxB,kBAAmB,EAAA;AACvB,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,GAC5B;AAEA,EAAM,MAAA,aAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAA,QAAQ,MAAM,GAAK;AAAA,MACjB,KAAK,SAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA;AACpC,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA;AAC/B,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,IAAA,EAAM,GAAG,CAAA;AACnC,QAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,GAAG,CAAA;AAC9B,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAU,OAAA,GAAA,WAAA,CAAY,MAAM,MAAM,CAAA;AAClC,QAAA;AAAA,MACF,KAAK,KAAA;AAEH,QAAU,OAAA,GAAA,SAAA,CAAU,MAAM,MAAM,CAAA;AAChC,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,SAC/B,MAAA;AACL,UAAA,OAAA,GAAU,IAAK,CAAA,QAAA,CAAS,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA;AAEvC,QAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,SAC1B,MAAA;AACL,UAAA,OAAA,GAAU,IAAK,CAAA,GAAA,CAAI,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA;AAElC,QAAA;AACF;AAEF,IAAA,IAAI,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAG,EAAA;AAC/B,MAAA,KAAA,CAAM,cAAe,EAAA;AAAA;AAEvB,IAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,GAC/B;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,GAC5B;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useFocusManagement.js","sources":["../src/calendar/internal/useFocusManagement.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport type {\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from \"react\";\nimport { useLocalization } from \"../../localization-provider\";\nimport { useCalendarContext } from \"./CalendarContext\";\n\nexport function useFocusManagement<TDate extends DateFrameworkType>({\n  date,\n}: {\n  date: TDate;\n}) {\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    state: { locale },\n    helpers: { setFocusedDate },\n  } = useCalendarContext<TDate>();\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 = dateAdapter.subtract(date, { weeks: 1 });\n        break;\n      case \"ArrowDown\":\n        newDate = dateAdapter.add(date, { weeks: 1 });\n        break;\n      case \"ArrowLeft\":\n        newDate = dateAdapter.subtract(date, { days: 1 });\n        break;\n      case \"ArrowRight\":\n        newDate = dateAdapter.add(date, { days: 1 });\n        break;\n      case \"Home\":\n        newDate = dateAdapter.startOf(date, \"week\", locale);\n        break;\n      case \"End\":\n        newDate = dateAdapter.endOf(date, \"week\", locale);\n        break;\n      case \"PageUp\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.subtract(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.subtract(date, { months: 1 });\n        }\n        break;\n      case \"PageDown\":\n        if (event.shiftKey) {\n          newDate = dateAdapter.add(date, { years: 1 });\n        } else {\n          newDate = dateAdapter.add(date, { months: 1 });\n        }\n        break;\n      default:\n    }\n    if (dateAdapter.compare(newDate, 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":";;;AASO,SAAS,kBAAoD,CAAA;AAAA,EAClE;AACF,CAEG,EAAA;AACD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,eAAuB,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,MAAO,EAAA;AAAA,IAChB,OAAA,EAAS,EAAE,cAAe;AAAA,MACxB,kBAA0B,EAAA;AAC9B,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,GAC5B;AAEA,EAAM,MAAA,aAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAA,QAAQ,MAAM,GAAK;AAAA,MACjB,KAAK,SAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AACjD,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAChD,QAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,IAAA,EAAM,GAAG,CAAA;AAC3C,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,OAAA,GAAU,WAAY,CAAA,OAAA,CAAQ,IAAM,EAAA,MAAA,EAAQ,MAAM,CAAA;AAClD,QAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,OAAA,GAAU,WAAY,CAAA,KAAA,CAAM,IAAM,EAAA,MAAA,EAAQ,MAAM,CAAA;AAChD,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,SAC5C,MAAA;AACL,UAAA,OAAA,GAAU,YAAY,QAAS,CAAA,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA;AAEpD,QAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,SACvC,MAAA;AACL,UAAA,OAAA,GAAU,YAAY,GAAI,CAAA,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA;AAE/C,QAAA;AACF;AAEF,IAAA,IAAI,WAAY,CAAA,OAAA,CAAQ,OAAS,EAAA,IAAI,MAAM,CAAG,EAAA;AAC5C,MAAA,KAAA,CAAM,cAAe,EAAA;AAAA;AAEvB,IAAA,cAAA,CAAe,OAAO,OAAO,CAAA;AAAA,GAC/B;AAEA,EAAM,MAAA,WAAA,GAAoD,CAAC,KAAU,KAAA;AACnE,IAAA,cAAA,CAAe,OAAO,IAAI,CAAA;AAAA,GAC5B;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1,61 +1,48 @@
-import { getLocalTimeZone, DateFormatter, startOfWeek, today, startOfMonth, startOfYear, isSameMonth, toCalendarDate, endOfMonth, createCalendar } from '@internationalized/date';
-import { getCurrentLocale } from '../formatDate.js';
-
-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, locale) {
-  return [...Array(7).keys()].map(
-    (day) => formatDate(
-      startOfWeek(today(getLocalTimeZone()), locale).add({
-        days: day
-      }),
-      locale,
-      { weekday: weekday || "long" }
-    )
+function daysOfWeek(dateAdapter, format, locale) {
+  return Array.from(
+    { length: 7 },
+    (_, day) => dateAdapter.getDayOfWeekName(day, format, locale)
   );
 }
-function monthsForLocale(currentYear, locale) {
-  const calendar = getCalendar(locale);
-  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map(
-    (month) => startOfYear(currentYear).add({ months: month })
+function generateMonthsForYear(dateAdapter, currentYear) {
+  const startOfYear = dateAdapter.startOf(currentYear, "year");
+  return Array.from(
+    { length: 12 },
+    (_, month) => dateAdapter.add(startOfYear, { months: month })
   );
 }
-function mapDate(currentDate, currentMonth) {
-  return {
-    date: currentDate,
-    dateOfMonth: currentDate.month,
-    isCurrentMonth: isSameMonth(currentDate, currentMonth)
-  };
-}
-function generateVisibleDays(currentMonth, locale) {
+function generateVisibleDays(dateAdapter, currentMonth, locale) {
   const totalDays = 6 * 7;
-  const startDate = startOfWeek(startOfMonth(currentMonth), locale);
+  const startDate = dateAdapter.startOf(
+    dateAdapter.startOf(currentMonth, "month", locale),
+    "week",
+    locale
+  );
   return [...Array(totalDays).keys()].map((dayDelta) => {
-    const day = startDate.add({ days: dayDelta });
-    return mapDate(day, currentMonth);
+    const day = dateAdapter.add(startDate, { days: dayDelta });
+    return {
+      date: day,
+      dateOfMonth: dateAdapter.getMonth(day),
+      isCurrentMonth: dateAdapter.isSame(day, currentMonth, "month")
+    };
   });
 }
-function monthDiff(a, b) {
-  return b.month - a.month + 12 * (b.year - a.year);
+function monthDiff(dateAdapter, a, b) {
+  const aMonth = dateAdapter.getMonth(a);
+  const aYear = dateAdapter.getYear(a);
+  const bMonth = dateAdapter.getMonth(b);
+  const bYear = dateAdapter.getYear(b);
+  return bMonth - aMonth + 12 * (bYear - aYear);
 }
-function generateDatesForMonth(date) {
-  const calendarDate = toCalendarDate(date);
-  const startDate = startOfMonth(calendarDate);
-  const endDate = endOfMonth(calendarDate);
+function generateDatesForMonth(dateAdapter, date) {
+  const startDate = dateAdapter.startOf(date, "month");
+  const endDate = dateAdapter.endOf(date, "month");
   const dates = [];
-  for (let currentDate = startDate; currentDate.compare(endDate) <= 0; currentDate = currentDate.add({ days: 1 })) {
+  for (let currentDate = startDate; dateAdapter.compare(currentDate, endDate) <= 0; currentDate = dateAdapter.add(currentDate, { days: 1 })) {
     dates.push(currentDate);
   }
   return dates;
 }
 
-export { daysForLocale, formatDate, generateDatesForMonth, generateVisibleDays, getCalendar, monthDiff, monthsForLocale };
+export { daysOfWeek, generateDatesForMonth, generateMonthsForYear, generateVisibleDays, monthDiff };
 //# 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  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":"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"}
+{"version":3,"file":"utils.js","sources":["../src/calendar/internal/utils.ts"],"sourcesContent":["import type {\n  DateFrameworkType,\n  SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\n\nexport function daysOfWeek<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  format: \"long\" | \"short\" | \"narrow\",\n  locale?: any,\n) {\n  return Array.from({ length: 7 }, (_, day) =>\n    dateAdapter.getDayOfWeekName(day, format, locale),\n  );\n}\n\nexport function generateMonthsForYear<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  currentYear: TDate,\n) {\n  const startOfYear = dateAdapter.startOf(currentYear, \"year\");\n  return Array.from({ length: 12 }, (_, month) =>\n    dateAdapter.add(startOfYear, { months: month }),\n  );\n}\n\nexport function generateVisibleDays<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  currentMonth: TDate,\n  locale?: any,\n) {\n  const totalDays = 6 * 7;\n  const startDate = dateAdapter.startOf(\n    dateAdapter.startOf(currentMonth, \"month\", locale),\n    \"week\",\n    locale,\n  );\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = dateAdapter.add(startDate, { days: dayDelta });\n    return {\n      date: day,\n      dateOfMonth: dateAdapter.getMonth(day),\n      isCurrentMonth: dateAdapter.isSame(day, currentMonth, \"month\"),\n    };\n  });\n}\n\nexport function monthDiff<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  a: TDate,\n  b: TDate,\n) {\n  const aMonth = dateAdapter.getMonth(a);\n  const aYear = dateAdapter.getYear(a);\n  const bMonth = dateAdapter.getMonth(b);\n  const bYear = dateAdapter.getYear(b);\n\n  return bMonth - aMonth + 12 * (bYear - aYear);\n}\n\nexport function generateDatesForMonth<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  date: TDate,\n): TDate[] {\n  const startDate = dateAdapter.startOf(date, \"month\");\n  const endDate = dateAdapter.endOf(date, \"month\");\n  const dates: TDate[] = [];\n  for (\n    let currentDate = startDate;\n    dateAdapter.compare(currentDate, endDate) <= 0;\n    currentDate = dateAdapter.add(currentDate, { days: 1 })\n  ) {\n    dates.push(currentDate);\n  }\n  return dates;\n}\n"],"names":[],"mappings":"AAKgB,SAAA,UAAA,CACd,WACA,EAAA,MAAA,EACA,MACA,EAAA;AACA,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IAAK,EAAE,QAAQ,CAAE,EAAA;AAAA,IAAG,CAAC,CAAG,EAAA,GAAA,KACnC,YAAY,gBAAiB,CAAA,GAAA,EAAK,QAAQ,MAAM;AAAA,GAClD;AACF;AAEgB,SAAA,qBAAA,CACd,aACA,WACA,EAAA;AACA,EAAA,MAAM,WAAc,GAAA,WAAA,CAAY,OAAQ,CAAA,WAAA,EAAa,MAAM,CAAA;AAC3D,EAAA,OAAO,KAAM,CAAA,IAAA;AAAA,IAAK,EAAE,QAAQ,EAAG,EAAA;AAAA,IAAG,CAAC,GAAG,KACpC,KAAA,WAAA,CAAY,IAAI,WAAa,EAAA,EAAE,MAAQ,EAAA,KAAA,EAAO;AAAA,GAChD;AACF;AAEgB,SAAA,mBAAA,CACd,WACA,EAAA,YAAA,EACA,MACA,EAAA;AACA,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA;AACtB,EAAA,MAAM,YAAY,WAAY,CAAA,OAAA;AAAA,IAC5B,WAAY,CAAA,OAAA,CAAQ,YAAc,EAAA,OAAA,EAAS,MAAM,CAAA;AAAA,IACjD,MAAA;AAAA,IACA;AAAA,GACF;AACA,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,WAAY,CAAA,GAAA,CAAI,WAAW,EAAE,IAAA,EAAM,UAAU,CAAA;AACzD,IAAO,OAAA;AAAA,MACL,IAAM,EAAA,GAAA;AAAA,MACN,WAAA,EAAa,WAAY,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,MACrC,cAAgB,EAAA,WAAA,CAAY,MAAO,CAAA,GAAA,EAAK,cAAc,OAAO;AAAA,KAC/D;AAAA,GACD,CAAA;AACH;AAEgB,SAAA,SAAA,CACd,WACA,EAAA,CAAA,EACA,CACA,EAAA;AACA,EAAM,MAAA,MAAA,GAAS,WAAY,CAAA,QAAA,CAAS,CAAC,CAAA;AACrC,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,OAAA,CAAQ,CAAC,CAAA;AACnC,EAAM,MAAA,MAAA,GAAS,WAAY,CAAA,QAAA,CAAS,CAAC,CAAA;AACrC,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,OAAA,CAAQ,CAAC,CAAA;AAEnC,EAAO,OAAA,MAAA,GAAS,MAAS,GAAA,EAAA,IAAM,KAAQ,GAAA,KAAA,CAAA;AACzC;AAEgB,SAAA,qBAAA,CACd,aACA,IACS,EAAA;AACT,EAAA,MAAM,SAAY,GAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,EAAM,OAAO,CAAA;AACnD,EAAA,MAAM,OAAU,GAAA,WAAA,CAAY,KAAM,CAAA,IAAA,EAAM,OAAO,CAAA;AAC/C,EAAA,MAAM,QAAiB,EAAC;AACxB,EAAA,KAAA,IACM,cAAc,SAClB,EAAA,WAAA,CAAY,OAAQ,CAAA,WAAA,EAAa,OAAO,CAAK,IAAA,CAAA,EAC7C,WAAc,GAAA,WAAA,CAAY,IAAI,WAAa,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,CACtD,EAAA;AACA,IAAA,KAAA,CAAM,KAAK,WAAW,CAAA;AAAA;AAExB,EAAO,OAAA,KAAA;AACT;;;;"}