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

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

@@ -8,9 +8,9 @@ import { useWindow } from '@salt-ds/window';
 import css_248z from './CalendarWeekHeader.css.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, ...rest }, ref) {
+  const weekdaysShort = daysForLocale("narrow", locale);
+  const weekdaysLong = daysForLocale("long", locale);
   const targetWindow = useWindow();
   useComponentCssInjection({
     testId: "salt-calendar",

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/internal/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { daysForLocale } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\n\nexport type CalendarWeekHeaderProps = ComponentPropsWithRef<\"div\">;\n\nconst withBaseName = makePrefixer(\"saltCalendarWeekHeader\");\n\nexport const CalendarWeekHeader = forwardRef<\n  HTMLDivElement,\n  CalendarWeekHeaderProps\n>(function CalendarWeekHeader({ className, ...rest }, ref) {\n  const weekdaysShort = daysForLocale(\"narrow\");\n  const weekdaysLong = daysForLocale(\"long\");\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar\",\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":";;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAE7C,MAAA,kBAAA,GAAqB,WAGhC,SAASA,mBAAAA,CAAmB,EAAE,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACzD,EAAM,MAAA,aAAA,GAAgB,cAAc,QAAQ,CAAA,CAAA;AAC5C,EAAM,MAAA,YAAA,GAAe,cAAc,MAAM,CAAA,CAAA;AAEzC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,eAAA;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;;;;"}
+{"version":3,"file":"CalendarWeekHeader.js","sources":["../src/calendar/internal/CalendarWeekHeader.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithRef, forwardRef } from \"react\";\nimport { daysForLocale } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarWeekHeaderCss from \"./CalendarWeekHeader.css\";\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({ className, locale, ...rest }, ref) {\n  const weekdaysShort = daysForLocale(\"narrow\", locale);\n  const weekdaysLong = daysForLocale(\"long\", locale);\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar\",\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":";;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAE7C,MAAA,kBAAA,GAAqB,WAGhC,SAASA,mBAAAA,CAAmB,EAAE,SAAW,EAAA,MAAA,EAAA,GAAW,IAAK,EAAA,EAAG,GAAK,EAAA;AACjE,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,eAAA;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/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":"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"}

package/dist-es/calendar/useCalendar.js

@@ -1,7 +1,9 @@
-import { today, getLocalTimeZone, startOfYear, endOfYear, startOfMonth, endOfMonth, isSameDay, isSameMonth } from '@internationalized/date';
+import { getLocalTimeZone, today, startOfMonth, endOfMonth, endOfYear, startOfYear, isSameMonth, isSameDay } from '@internationalized/date';
 import { useControlled } from '@salt-ds/core';
-import { useCallback, useState, useEffect } from 'react';
-import { useSelectionCalendar, isRangeOrOffsetSelectionWithStartDate } from './useSelection.js';
+import { useCallback, useState, useEffect, useMemo } from 'react';
+import { getCurrentLocale } from './formatDate.js';
+import { generateDatesForMonth } from './internal/utils.js';
+import { useCalendarSelection, isDateRangeSelection } from './useCalendarSelection.js';
 
 const defaultIsDayUnselectable = () => false;
 const defaultIsDayHighlighted = () => false;
@@ -11,19 +13,21 @@ function useCalendar(props) {
     selectedDate,
     defaultSelectedDate,
     visibleMonth: visibleMonthProp,
-    hideYearDropdown,
     hideOutOfRangeDates,
-    defaultVisibleMonth = today(getLocalTimeZone()),
+    timeZone = getLocalTimeZone(),
+    locale = getCurrentLocale(),
+    defaultVisibleMonth = today(timeZone),
     onSelectedDateChange,
     onVisibleMonthChange,
     isDayUnselectable = defaultIsDayUnselectable,
     isDayHighlighted = defaultIsDayHighlighted,
     isDayDisabled = defaultIsDayDisabled,
-    minDate = hideYearDropdown ? startOfYear(today(getLocalTimeZone())) : void 0,
-    maxDate = hideYearDropdown ? endOfYear(today(getLocalTimeZone())) : void 0,
+    minDate,
+    maxDate,
     selectionVariant,
     onHoveredDateChange,
-    hoveredDate
+    hoveredDate,
+    select
   } = props;
   const [visibleMonth, setVisibleMonthState] = useControlled({
     controlled: visibleMonthProp ? startOfMonth(visibleMonthProp) : void 0,
@@ -33,60 +37,77 @@ function useCalendar(props) {
   });
   const isOutsideAllowedDates = useCallback(
     (date) => {
-      return minDate != null && date.compare(minDate) < 0 || maxDate != null && date.compare(maxDate) > 0;
+      return minDate && date.compare(minDate) < 0 || maxDate && date.compare(maxDate) > 0;
     },
     [maxDate, minDate]
   );
-  const isOutsideAllowedMonths = (date) => {
-    return minDate != null && endOfMonth(date).compare(minDate) < 0 || maxDate != null && startOfMonth(date).compare(maxDate) > 0;
-  };
-  const isOutsideAllowedYears = (date) => {
-    return minDate != null && endOfYear(date).compare(minDate) < 0 || maxDate != null && startOfYear(date).compare(maxDate) > 0;
-  };
+  const isOutsideAllowedMonths = useCallback(
+    (date) => {
+      return minDate && endOfMonth(date).compare(minDate) < 0 || maxDate && startOfMonth(date).compare(maxDate) > 0;
+    },
+    [minDate, maxDate]
+  );
+  const isOutsideAllowedYears = useCallback(
+    (date) => {
+      return minDate && endOfYear(date).compare(minDate) < 0 || maxDate && startOfYear(date).compare(maxDate) > 0;
+    },
+    [minDate, maxDate]
+  );
   const isDaySelectable = useCallback(
     (date) => !(date && (isDayUnselectable(date) || isDayDisabled(date) || isOutsideAllowedDates(date))),
     [isDayUnselectable, isDayDisabled, isOutsideAllowedDates]
   );
-  const selectionManager = useSelectionCalendar({
+  const selectionManager = useCalendarSelection({
     defaultSelectedDate,
     selectedDate,
     onSelectedDateChange,
-    startDateOffset: props.selectionVariant === "offset" ? props.startDateOffset : (date) => date,
-    endDateOffset: props.selectionVariant === "offset" ? props.endDateOffset : (date) => date,
+    startDateOffset: props.selectionVariant === "offset" ? props.startDateOffset : void 0,
+    endDateOffset: props.selectionVariant === "offset" ? props.endDateOffset : void 0,
     isDaySelectable,
     selectionVariant,
     onHoveredDateChange,
-    hoveredDate
+    hoveredDate,
+    select
   });
   const [calendarFocused, setCalendarFocused] = useState(false);
-  const isInVisibleMonth = (date) => date != null && isSameMonth(date, visibleMonth);
-  const getInitialFocusedDate = () => {
+  const isInVisibleMonth = useCallback(
+    (date) => date != null && isSameMonth(date, visibleMonth),
+    [visibleMonth]
+  );
+  const getInitialFocusedDate = useCallback(() => {
     const selectedDate2 = selectionManager.state.selectedDate;
-    if ((selectionVariant === "range" || selectionVariant === "offset") && isRangeOrOffsetSelectionWithStartDate(selectedDate2)) {
+    if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate2)) {
       if (isInVisibleMonth(selectedDate2 == null ? void 0 : selectedDate2.startDate)) {
         return selectedDate2.startDate;
       }
       if (isInVisibleMonth(selectedDate2 == null ? void 0 : selectedDate2.endDate)) {
         return selectedDate2.endDate;
       }
-      if ((selectedDate2 == null ? void 0 : selectedDate2.startDate) && (selectedDate2 == null ? void 0 : selectedDate2.endDate) && visibleMonth.compare(selectedDate2.startDate) < 0 && visibleMonth.compare(selectedDate2.endDate) > 0) {
-        return startOfMonth(visibleMonth);
-      }
-    }
-    if (selectionVariant === "multiselect" && Array.isArray(selectedDate2)) {
+    } else if (selectionVariant === "multiselect" && Array.isArray(selectedDate2)) {
       const selectionInMonth = selectedDate2.filter((day) => isInVisibleMonth(day)).sort((a, b) => a.compare(b));
       if (selectionInMonth.length > 0) {
         return selectionInMonth[0];
       }
-    }
-    if (selectionVariant === "default" && !isRangeOrOffsetSelectionWithStartDate(selectedDate2) && !Array.isArray(selectedDate2) && isInVisibleMonth(selectedDate2)) {
+    } else if (selectionVariant === "single" && !isDateRangeSelection(selectedDate2) && !Array.isArray(selectedDate2) && isInVisibleMonth(selectedDate2)) {
       return selectedDate2;
     }
-    if (isInVisibleMonth(today(getLocalTimeZone()))) {
-      return today(getLocalTimeZone());
+    if (isDaySelectable(today(timeZone)) && isInVisibleMonth(today(timeZone))) {
+      return today(timeZone);
+    }
+    const firstSelectableDate = generateDatesForMonth(visibleMonth).find(
+      (visibleDay) => isDaySelectable(visibleDay)
+    );
+    if (firstSelectableDate) {
+      return firstSelectableDate;
     }
-    return startOfMonth(visibleMonth);
-  };
+    return null;
+  }, [
+    isInVisibleMonth,
+    selectionVariant,
+    selectionManager.state.selectedDate,
+    timeZone,
+    visibleMonth
+  ]);
   const [focusedDate, setFocusedDateState] = useState(
     getInitialFocusedDate
   );
@@ -105,11 +126,11 @@ function useCalendar(props) {
       setVisibleMonthState(newVisibleMonth);
       onVisibleMonthChange == null ? void 0 : onVisibleMonthChange(event, newVisibleMonth);
     },
-    [onVisibleMonthChange, setVisibleMonthState]
+    [onVisibleMonthChange]
   );
   const setFocusedDate = useCallback(
     (event, date) => {
-      if (isSameDay(date, focusedDate) || isOutsideAllowedDates(date))
+      if (!focusedDate || isSameDay(date, focusedDate) || isOutsideAllowedDates(date))
         return;
       setFocusedDateState(date);
       const shouldTransition = !isDayVisible(date) && isDaySelectable(date) && !isOutsideAllowedDates(date);
@@ -126,12 +147,42 @@ function useCalendar(props) {
     ]
   );
   useEffect(() => {
-    if (!isDayVisible(focusedDate)) {
-      setFocusedDateState(getInitialFocusedDate());
+    if (visibleMonth && focusedDate && !isDayVisible(focusedDate)) {
+      const focusableDate = getInitialFocusedDate();
+      if (focusableDate) {
+        setFocusedDateState(focusableDate);
+      }
     }
-  }, [isDayVisible, focusedDate, visibleMonth]);
-  return {
-    state: {
+  }, [isDayVisible, focusedDate, getInitialFocusedDate, visibleMonth]);
+  return useMemo(
+    () => ({
+      state: {
+        visibleMonth,
+        focusedDate,
+        minDate,
+        maxDate,
+        selectionVariant,
+        hideOutOfRangeDates,
+        calendarFocused,
+        timeZone,
+        locale,
+        ...selectionManager.state
+      },
+      helpers: {
+        setVisibleMonth,
+        setFocusedDate,
+        setCalendarFocused,
+        isDayUnselectable,
+        isDayHighlighted,
+        isDayDisabled,
+        isDayVisible,
+        isOutsideAllowedDates,
+        isOutsideAllowedMonths,
+        isOutsideAllowedYears,
+        ...selectionManager.helpers
+      }
+    }),
+    [
       visibleMonth,
       focusedDate,
       minDate,
@@ -139,12 +190,10 @@ function useCalendar(props) {
       selectionVariant,
       hideOutOfRangeDates,
       calendarFocused,
-      ...selectionManager.state
-    },
-    helpers: {
+      timeZone,
+      locale,
       setVisibleMonth,
       setFocusedDate,
-      setCalendarFocused,
       isDayUnselectable,
       isDayHighlighted,
       isDayDisabled,
@@ -152,9 +201,9 @@ function useCalendar(props) {
       isOutsideAllowedDates,
       isOutsideAllowedMonths,
       isOutsideAllowedYears,
-      ...selectionManager.helpers
-    }
-  };
+      selectionManager
+    ]
+  );
 }
 
 export { useCalendar };

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  type DateValue,\n  endOfMonth,\n  endOfYear,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  startOfMonth,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { type SyntheticEvent, useCallback, useEffect, useState } from \"react\";\nimport {\n  type UseMultiSelectionCalendarProps,\n  type UseOffsetSelectionCalendarProps,\n  type UseRangeSelectionCalendarProps,\n  type UseSingleSelectionCalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n  useSelectionCalendar,\n  type useSelectionCalendarProps,\n} from \"./useSelection\";\n\ninterface BaseUseCalendarProps {\n  defaultVisibleMonth?: DateValue;\n  onVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: DateValue,\n  ) => void;\n  isDayUnselectable?: (date: DateValue) => string | false | undefined;\n  isDayHighlighted?: (date: DateValue) => string | false | undefined;\n  isDayDisabled?: (date: DateValue) => boolean;\n  visibleMonth?: DateValue;\n  hideOutOfRangeDates?: boolean;\n  hideYearDropdown?: boolean;\n  minDate?: DateValue;\n  maxDate?: DateValue;\n}\n\nexport type useCalendarProps = (\n  | Omit<UseSingleSelectionCalendarProps, \"isDaySelectable\">\n  | Omit<UseMultiSelectionCalendarProps, \"isDaySelectable\">\n  | Omit<UseRangeSelectionCalendarProps, \"isDaySelectable\">\n  | Omit<UseOffsetSelectionCalendarProps, \"isDaySelectable\">\n) &\n  BaseUseCalendarProps;\n\nconst defaultIsDayUnselectable = (): string | false => false;\nconst defaultIsDayHighlighted = (): string | false => false;\nconst defaultIsDayDisabled = (): false => false;\n\nexport function useCalendar(props: useCalendarProps) {\n  const {\n    selectedDate,\n    defaultSelectedDate,\n    visibleMonth: visibleMonthProp,\n    hideYearDropdown,\n    hideOutOfRangeDates,\n    defaultVisibleMonth = today(getLocalTimeZone()),\n    onSelectedDateChange,\n    onVisibleMonthChange,\n    isDayUnselectable = defaultIsDayUnselectable,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayDisabled = defaultIsDayDisabled,\n    minDate = hideYearDropdown\n      ? startOfYear(today(getLocalTimeZone()))\n      : undefined,\n    maxDate = hideYearDropdown\n      ? endOfYear(today(getLocalTimeZone()))\n      : undefined,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp ? startOfMonth(visibleMonthProp) : undefined,\n    default: startOfMonth(defaultVisibleMonth),\n    name: \"Calendar\",\n    state: \"visibleMonth\",\n  });\n\n  const isOutsideAllowedDates = useCallback(\n    (date: DateValue) => {\n      return (\n        (minDate != null && date.compare(minDate) < 0) ||\n        (maxDate != null && date.compare(maxDate) > 0)\n      );\n    },\n    [maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = (date: DateValue) => {\n    return (\n      (minDate != null && endOfMonth(date).compare(minDate) < 0) ||\n      (maxDate != null && startOfMonth(date).compare(maxDate) > 0)\n    );\n  };\n\n  const isOutsideAllowedYears = (date: DateValue) => {\n    return (\n      (minDate != null && endOfYear(date).compare(minDate) < 0) ||\n      (maxDate != null && startOfYear(date).compare(maxDate) > 0)\n    );\n  };\n\n  const isDaySelectable = useCallback(\n    (date?: DateValue) =>\n      !(\n        date &&\n        (isDayUnselectable(date) ||\n          isDayDisabled(date) ||\n          isOutsideAllowedDates(date))\n      ),\n    [isDayUnselectable, isDayDisabled, isOutsideAllowedDates],\n  );\n\n  const selectionManager = useSelectionCalendar({\n    defaultSelectedDate: defaultSelectedDate,\n    selectedDate,\n    onSelectedDateChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\"\n        ? props.startDateOffset\n        : (date) => date,\n    endDateOffset:\n      props.selectionVariant === \"offset\"\n        ? props.endDateOffset\n        : (date) => date,\n    isDaySelectable,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n  } as useSelectionCalendarProps);\n\n  const [calendarFocused, setCalendarFocused] = useState(false);\n\n  const isInVisibleMonth = (\n    date: DateValue | undefined | null,\n  ): date is DateValue => date != null && isSameMonth(date, visibleMonth);\n\n  const getInitialFocusedDate = (): DateValue => {\n    const selectedDate = selectionManager.state.selectedDate;\n    // Case range or offset\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n    ) {\n      if (isInVisibleMonth(selectedDate?.startDate)) {\n        return selectedDate.startDate;\n      }\n      if (isInVisibleMonth(selectedDate?.endDate)) {\n        return selectedDate.endDate;\n      }\n      if (\n        selectedDate?.startDate &&\n        selectedDate?.endDate &&\n        visibleMonth.compare(selectedDate.startDate) < 0 &&\n        visibleMonth.compare(selectedDate.endDate) > 0\n      ) {\n        return startOfMonth(visibleMonth);\n      }\n    }\n    // Case multiselect\n    if (selectionVariant === \"multiselect\" && Array.isArray(selectedDate)) {\n      // return first selected day in visible month\n      const selectionInMonth = selectedDate\n        .filter((day) => isInVisibleMonth(day))\n        .sort((a, b) => a.compare(b));\n      if (selectionInMonth.length > 0) {\n        return selectionInMonth[0];\n      }\n    }\n    // Case single select\n    if (\n      selectionVariant === \"default\" &&\n      !isRangeOrOffsetSelectionWithStartDate(selectedDate) &&\n      !Array.isArray(selectedDate) &&\n      isInVisibleMonth(selectedDate)\n    ) {\n      return selectedDate;\n    }\n    // default\n    if (isInVisibleMonth(today(getLocalTimeZone()))) {\n      return today(getLocalTimeZone());\n    }\n    return startOfMonth(visibleMonth);\n  };\n\n  const [focusedDate, setFocusedDateState] = useState<DateValue>(\n    getInitialFocusedDate,\n  );\n\n  const isDayVisible = useCallback(\n    (date: DateValue) => {\n      const startInsideDays = startOfMonth(visibleMonth);\n\n      if (date.compare(startInsideDays) < 0) return false;\n\n      const endInsideDays = endOfMonth(visibleMonth);\n\n      return !(date.compare(endInsideDays) > 0);\n    },\n    [visibleMonth],\n  );\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: DateValue) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange, setVisibleMonthState],\n  );\n\n  const setFocusedDate = useCallback(\n    (event: SyntheticEvent, date: DateValue) => {\n      if (isSameDay(date, focusedDate) || isOutsideAllowedDates(date)) return;\n\n      setFocusedDateState(date);\n\n      const shouldTransition =\n        !isDayVisible(date) &&\n        isDaySelectable(date) &&\n        !isOutsideAllowedDates(date);\n      if (shouldTransition) {\n        setVisibleMonth(event, startOfMonth(date));\n      }\n    },\n    [\n      focusedDate,\n      isDaySelectable,\n      isDayVisible,\n      isOutsideAllowedDates,\n      setVisibleMonth,\n    ],\n  );\n\n  useEffect(() => {\n    if (!isDayVisible(focusedDate)) {\n      setFocusedDateState(getInitialFocusedDate());\n    }\n  }, [isDayVisible, focusedDate, visibleMonth]);\n\n  return {\n    state: {\n      visibleMonth,\n      focusedDate,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      calendarFocused,\n      ...selectionManager.state,\n    },\n    helpers: {\n      setVisibleMonth,\n      setFocusedDate,\n      setCalendarFocused,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      ...selectionManager.helpers,\n    },\n  };\n}\n"],"names":["selectedDate"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  type DateValue,\n  endOfMonth,\n  endOfYear,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  startOfMonth,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\nimport { useControlled } from \"@salt-ds/core\";\nimport {\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { getCurrentLocale } from \"./formatDate\";\nimport { generateDatesForMonth } from \"./internal/utils\";\nimport {\n  type UseCalendarSelectionMultiSelectProps,\n  type UseCalendarSelectionOffsetProps,\n  type UseCalendarSelectionProps,\n  type UseCalendarSelectionRangeProps,\n  type UseCalendarSelectionSingleProps,\n  isDateRangeSelection,\n  useCalendarSelection,\n} from \"./useCalendarSelection\";\n\n/**\n * Interface representing the base properties UseCalendar hook.\n */\ninterface UseCalendarBaseProps {\n  /**\n   * The default visible month.\n   */\n  defaultVisibleMonth?: DateValue;\n  /**\n   * Callback fired when the visible month changes.\n   * @param event - The synthetic event.\n   * @param visibleMonth - The new visible month.\n   */\n  onVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: DateValue,\n  ) => void;\n  /**\n   * Function to determine if a day is unselectable.\n   * @param date - The date to check.\n   * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n   */\n  isDayUnselectable?: (date: DateValue) => string | false | undefined;\n  /**\n   * Function to determine if a day is highlighted.\n   * @param date - The date to check.\n   * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n   */\n  isDayHighlighted?: (date: DateValue) => string | false | undefined;\n  /**\n   * Function to determine if a day is disabled.\n   * @param date - The date to check.\n   * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.\n   */\n  isDayDisabled?: (date: DateValue) => string | false | undefined;\n  /**\n   * The currently visible month.\n   */\n  visibleMonth?: DateValue;\n  /**\n   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: DateValue;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: DateValue;\n  /**\n   * The time zone used for date calculations.\n   */\n  timeZone?: string;\n  /**\n   * The locale used for date formatting.\n   */\n  locale?: string;\n}\n\n/**\n * UseCalendar hook props for a single date selection Calendar.\n */\nexport interface UseCalendarSingleProps\n  extends UseCalendarSelectionSingleProps,\n    UseCalendarBaseProps {\n  /**\n   * The selection variant, set to \"single\".\n   */\n  selectionVariant: \"single\";\n}\n\n/**\n * UseCalendar hook props for a date range selection Calendar.\n */\nexport interface UseCalendarRangeProps\n  extends UseCalendarSelectionRangeProps,\n    UseCalendarBaseProps {\n  /**\n   * The selection variant, set to \"range\".\n   */\n  selectionVariant: \"range\";\n}\n\n/**\n * UseCalendar hook props for a multi-select Calendar.\n */\nexport interface UseCalendarMultiSelectProps\n  extends UseCalendarSelectionMultiSelectProps,\n    UseCalendarBaseProps {\n  /**\n   * The selection variant, set to \"multiselect\".\n   */\n  selectionVariant: \"multiselect\";\n}\n\n/**\n * UseCalendar hook props for an offset date selection Calendar.\n */\nexport interface UseCalendarOffsetProps\n  extends UseCalendarSelectionOffsetProps,\n    UseCalendarBaseProps {\n  /**\n   * The selection variant, set to \"offset\".\n   */\n  selectionVariant: \"offset\";\n}\n\n/**\n * UseCalendar hook props, wth the selection variant determining the return type of the date selection\n */\nexport type UseCalendarProps =\n  | UseCalendarSingleProps\n  | UseCalendarRangeProps\n  | UseCalendarMultiSelectProps\n  | UseCalendarOffsetProps;\n\n/**\n * Default function to determine if a day is unselectable.\n * @returns `false` indicating the day is selectable.\n */\nconst defaultIsDayUnselectable = (): string | false => false;\n\n/**\n * Default function to determine if a day is highlighted.\n * @returns `false` indicating the day is not highlighted.\n */\nconst defaultIsDayHighlighted = (): string | false => false;\n\n/**\n * Default function to determine if a day is disabled.\n * @returns `false` indicating the day is not disabled.\n */\nconst defaultIsDayDisabled = (): false => false;\n\nexport function useCalendar(props: UseCalendarProps) {\n  const {\n    selectedDate,\n    defaultSelectedDate,\n    visibleMonth: visibleMonthProp,\n    hideOutOfRangeDates,\n    timeZone = getLocalTimeZone(),\n    locale = getCurrentLocale(),\n    defaultVisibleMonth = today(timeZone),\n    onSelectedDateChange,\n    onVisibleMonthChange,\n    isDayUnselectable = defaultIsDayUnselectable,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayDisabled = defaultIsDayDisabled,\n    minDate,\n    maxDate,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    select,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp ? startOfMonth(visibleMonthProp) : undefined,\n    default: startOfMonth(defaultVisibleMonth),\n    name: \"Calendar\",\n    state: \"visibleMonth\",\n  });\n\n  const isOutsideAllowedDates = useCallback(\n    (date: DateValue) => {\n      return (\n        (minDate && date.compare(minDate) < 0) ||\n        (maxDate && date.compare(maxDate) > 0)\n      );\n    },\n    [maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = useCallback(\n    (date: DateValue) => {\n      return (\n        (minDate && endOfMonth(date).compare(minDate) < 0) ||\n        (maxDate && startOfMonth(date).compare(maxDate) > 0)\n      );\n    },\n    [minDate, maxDate],\n  );\n\n  const isOutsideAllowedYears = useCallback(\n    (date: DateValue) => {\n      return (\n        (minDate && endOfYear(date).compare(minDate) < 0) ||\n        (maxDate && startOfYear(date).compare(maxDate) > 0)\n      );\n    },\n    [minDate, maxDate],\n  );\n\n  const isDaySelectable = useCallback(\n    (date?: DateValue) =>\n      !(\n        date &&\n        (isDayUnselectable(date) ||\n          isDayDisabled(date) ||\n          isOutsideAllowedDates(date))\n      ),\n    [isDayUnselectable, isDayDisabled, isOutsideAllowedDates],\n  );\n\n  const selectionManager = useCalendarSelection({\n    defaultSelectedDate: defaultSelectedDate,\n    selectedDate,\n    onSelectedDateChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\" ? props.startDateOffset : undefined,\n    endDateOffset:\n      props.selectionVariant === \"offset\" ? props.endDateOffset : undefined,\n    isDaySelectable,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    select,\n  } as UseCalendarSelectionProps);\n\n  const [calendarFocused, setCalendarFocused] = useState(false);\n\n  const isInVisibleMonth = useCallback(\n    (date: DateValue | undefined | null): date is DateValue =>\n      date != null && isSameMonth(date, visibleMonth),\n    [visibleMonth],\n  );\n\n  const getInitialFocusedDate = useCallback(() => {\n    const selectedDate = selectionManager.state.selectedDate;\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isDateRangeSelection(selectedDate)\n    ) {\n      if (isInVisibleMonth(selectedDate?.startDate)) {\n        return selectedDate.startDate;\n      }\n      if (isInVisibleMonth(selectedDate?.endDate)) {\n        return selectedDate.endDate;\n      }\n    } else if (\n      selectionVariant === \"multiselect\" &&\n      Array.isArray(selectedDate)\n    ) {\n      // return first selected day in visible month\n      const selectionInMonth = selectedDate\n        .filter((day) => isInVisibleMonth(day))\n        .sort((a, b) => a.compare(b));\n      if (selectionInMonth.length > 0) {\n        return selectionInMonth[0];\n      }\n    } else if (\n      selectionVariant === \"single\" &&\n      !isDateRangeSelection(selectedDate) &&\n      !Array.isArray(selectedDate) &&\n      isInVisibleMonth(selectedDate)\n    ) {\n      return selectedDate;\n    }\n    // Defaults\n    if (isDaySelectable(today(timeZone)) && isInVisibleMonth(today(timeZone))) {\n      return today(timeZone);\n    }\n    const firstSelectableDate = generateDatesForMonth(visibleMonth).find(\n      (visibleDay) => isDaySelectable(visibleDay),\n    );\n    if (firstSelectableDate) {\n      return firstSelectableDate;\n    }\n    return null;\n  }, [\n    isInVisibleMonth,\n    selectionVariant,\n    selectionManager.state.selectedDate,\n    timeZone,\n    visibleMonth,\n  ]);\n\n  const [focusedDate, setFocusedDateState] = useState<DateValue | null>(\n    getInitialFocusedDate,\n  );\n\n  const isDayVisible = useCallback(\n    (date: DateValue) => {\n      const startInsideDays = startOfMonth(visibleMonth);\n\n      if (date.compare(startInsideDays) < 0) return false;\n\n      const endInsideDays = endOfMonth(visibleMonth);\n\n      return !(date.compare(endInsideDays) > 0);\n    },\n    [visibleMonth],\n  );\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: DateValue) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange],\n  );\n\n  const setFocusedDate = useCallback(\n    (event: SyntheticEvent, date: DateValue) => {\n      if (\n        !focusedDate ||\n        isSameDay(date, focusedDate) ||\n        isOutsideAllowedDates(date)\n      )\n        return;\n\n      setFocusedDateState(date);\n\n      const shouldTransition =\n        !isDayVisible(date) &&\n        isDaySelectable(date) &&\n        !isOutsideAllowedDates(date);\n      if (shouldTransition) {\n        setVisibleMonth(event, startOfMonth(date));\n      }\n    },\n    [\n      focusedDate,\n      isDaySelectable,\n      isDayVisible,\n      isOutsideAllowedDates,\n      setVisibleMonth,\n    ],\n  );\n\n  useEffect(() => {\n    if (visibleMonth && focusedDate && !isDayVisible(focusedDate)) {\n      const focusableDate = getInitialFocusedDate();\n      if (focusableDate) {\n        setFocusedDateState(focusableDate);\n      }\n    }\n  }, [isDayVisible, focusedDate, getInitialFocusedDate, visibleMonth]);\n\n  return useMemo(\n    () => ({\n      state: {\n        visibleMonth,\n        focusedDate,\n        minDate,\n        maxDate,\n        selectionVariant,\n        hideOutOfRangeDates,\n        calendarFocused,\n        timeZone,\n        locale,\n        ...selectionManager.state,\n      },\n      helpers: {\n        setVisibleMonth,\n        setFocusedDate,\n        setCalendarFocused,\n        isDayUnselectable,\n        isDayHighlighted,\n        isDayDisabled,\n        isDayVisible,\n        isOutsideAllowedDates,\n        isOutsideAllowedMonths,\n        isOutsideAllowedYears,\n        ...selectionManager.helpers,\n      },\n    }),\n    [\n      visibleMonth,\n      focusedDate,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      calendarFocused,\n      timeZone,\n      locale,\n      setVisibleMonth,\n      setFocusedDate,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      selectionManager,\n    ],\n  );\n}\n"],"names":["selectedDate"],"mappings":"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"}

package/dist-es/calendar/useCalendarDay.js

@@ -1,21 +1,28 @@
-import { isSameMonth, isSameDay, isToday, getLocalTimeZone } from '@internationalized/date';
+import { isSameMonth, isSameDay, isToday } from '@internationalized/date';
 import { useEffect } from 'react';
 import { useCalendarContext } from './internal/CalendarContext.js';
 import { useFocusManagement } from './internal/useFocusManagement.js';
-import { useSelectionDay } from './useSelection.js';
+import { useCalendarSelectionDay } from './useCalendarSelection.js';
 
 function useCalendarDay({ date, month }, ref) {
   const {
-    state: { focusedDate, hideOutOfRangeDates, calendarFocused },
+    state: {
+      focusedDate,
+      hideOutOfRangeDates,
+      calendarFocused,
+      locale,
+      timeZone
+    },
     helpers: {
       isDayUnselectable,
+      isDaySelectable,
       isDayHighlighted,
       isDayDisabled,
       isOutsideAllowedMonths
     }
   } = useCalendarContext();
-  const selectionManager = useSelectionDay({ date });
-  const focusManager = useFocusManagement({ date });
+  const selectionManager = useCalendarSelectionDay({ date });
+  const focusManager = useFocusManagement({ date, locale });
   const handleClick = (event) => {
     selectionManager == null ? void 0 : selectionManager.handleClick(event);
     focusManager.handleClick(event);
@@ -38,12 +45,12 @@ function useCalendarDay({ date, month }, ref) {
     onMouseOver: handleMouseOver
   };
   const outOfRange = !isSameMonth(date, month);
-  const focused = isSameDay(date, focusedDate) && calendarFocused && !outOfRange;
-  const tabIndex = isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;
-  const today = isToday(date, getLocalTimeZone());
-  const unselectableReason = isDayUnselectable(date);
+  const focused = focusedDate && isSameDay(date, focusedDate) && calendarFocused && !outOfRange;
+  const tabIndex = focusedDate && isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;
+  const today = isToday(date, timeZone);
+  const unselectableReason = isDayUnselectable(date) || isDayDisabled(date);
   const highlightedReason = isDayHighlighted(date);
-  const disabled = isDayDisabled(date) || outOfRange && isOutsideAllowedMonths(date);
+  const disabled = isDayDisabled(date) || outOfRange && isOutsideAllowedMonths(date) || isDaySelectable && !isDaySelectable(date);
   const unselectable = Boolean(unselectableReason);
   const highlighted = Boolean(highlightedReason);
   const hidden = hideOutOfRangeDates && outOfRange;
@@ -72,7 +79,9 @@ function useCalendarDay({ date, month }, ref) {
       ...selectionManager.dayProps
     },
     unselectableReason,
-    highlightedReason
+    highlightedReason,
+    locale,
+    timeZone
   };
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendarDay.js","sources":["../src/calendar/useCalendarDay.ts"],"sourcesContent":["import {\n  type DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  isToday,\n} from \"@internationalized/date\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { useFocusManagement } from \"./internal/useFocusManagement\";\nimport { useSelectionDay } from \"./useSelection\";\n\nexport interface DayStatus {\n  outOfRange?: boolean;\n  selected?: boolean;\n  today?: boolean;\n  unselectable?: string | false;\n  highlighted?: string | false;\n  focused?: boolean;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\nexport interface useCalendarDayProps {\n  date: DateValue;\n  month: DateValue;\n}\n\nexport function useCalendarDay(\n  { date, month }: useCalendarDayProps,\n  ref: RefObject<HTMLElement>,\n) {\n  const {\n    state: { focusedDate, hideOutOfRangeDates, calendarFocused },\n    helpers: {\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n  const selectionManager = useSelectionDay({ date });\n  const focusManager = useFocusManagement({ date });\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager?.handleClick(event);\n    focusManager.handleClick(event);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleKeyDown(event);\n    selectionManager?.handleKeyDown(event);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleFocus(event);\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager.handleMouseOver?.(event);\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    onMouseOver: handleMouseOver,\n  };\n\n  const outOfRange = !isSameMonth(date, month);\n  const focused =\n    isSameDay(date, focusedDate) && calendarFocused && !outOfRange;\n  const tabIndex = isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;\n  const today = isToday(date, getLocalTimeZone());\n\n  const unselectableReason = isDayUnselectable(date);\n  const highlightedReason = isDayHighlighted(date);\n\n  const disabled =\n    isDayDisabled(date) || (outOfRange && isOutsideAllowedMonths(date));\n  const unselectable = Boolean(unselectableReason);\n  const highlighted = Boolean(highlightedReason);\n  const hidden = hideOutOfRangeDates && outOfRange;\n\n  useEffect(() => {\n    if (focused) {\n      ref.current?.focus({ preventScroll: true });\n    }\n  }, [ref, focused]);\n\n  return {\n    status: {\n      outOfRange,\n      today,\n      unselectable,\n      focused,\n      hidden,\n      disabled,\n      highlighted,\n      ...selectionManager.status,\n    } as DayStatus,\n    dayProps: {\n      tabIndex,\n      \"aria-current\": today ? \"date\" : undefined,\n      \"aria-hidden\": hidden ? \"true\" : undefined,\n      ...eventHandlers,\n      ...selectionManager.dayProps,\n    } as ComponentPropsWithoutRef<\"button\">,\n    unselectableReason,\n    highlightedReason,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCalendarDay.js","sources":["../src/calendar/useCalendarDay.ts"],"sourcesContent":["import {\n  type DateValue,\n  isSameDay,\n  isSameMonth,\n  isToday,\n} from \"@internationalized/date\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { useFocusManagement } from \"./internal/useFocusManagement\";\nimport { useCalendarSelectionDay } from \"./useCalendarSelection\";\n\n/**\n * Interface representing the status of a day in the Calendar.\n */\nexport interface DayStatus {\n  /**\n   * If `true`, the day is out of the selectable range.\n   */\n  outOfRange?: boolean;\n  /**\n   * If `true`, the day is selected.\n   */\n  selected?: boolean;\n  /**\n   * If `true`, the day is today.\n   */\n  today?: boolean;\n  /**\n   * If set, the day is unselectable with a reason.\n   */\n  unselectable?: string | false;\n  /**\n   * If set, the day is highlighted with a reason.\n   */\n  highlighted?: string | false;\n  /**\n   * If `true`, the day is focused.\n   */\n  focused?: boolean;\n  /**\n   * If `true`, the day is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the day is hidden.\n   */\n  hidden?: boolean;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status\n */\nexport interface useCalendarDayProps {\n  /**\n   * The date of the calendar day.\n   */\n  date: DateValue;\n  /**\n   * The month of the calendar day.\n   */\n  month: DateValue;\n}\n\nexport function useCalendarDay(\n  { date, month }: useCalendarDayProps,\n  ref: RefObject<HTMLElement>,\n) {\n  const {\n    state: {\n      focusedDate,\n      hideOutOfRangeDates,\n      calendarFocused,\n      locale,\n      timeZone,\n    },\n    helpers: {\n      isDayUnselectable,\n      isDaySelectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n  const selectionManager = useCalendarSelectionDay({ date });\n  const focusManager = useFocusManagement({ date, locale });\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager?.handleClick(event);\n    focusManager.handleClick(event);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleKeyDown(event);\n    selectionManager?.handleKeyDown(event);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleFocus(event);\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager.handleMouseOver?.(event);\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    onMouseOver: handleMouseOver,\n  };\n\n  const outOfRange = !isSameMonth(date, month);\n  const focused =\n    focusedDate &&\n    isSameDay(date, focusedDate) &&\n    calendarFocused &&\n    !outOfRange;\n  const tabIndex =\n    focusedDate && isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;\n  const today = isToday(date, timeZone);\n\n  const unselectableReason = isDayUnselectable(date) || isDayDisabled(date);\n  const highlightedReason = isDayHighlighted(date);\n\n  const disabled =\n    isDayDisabled(date) ||\n    (outOfRange && isOutsideAllowedMonths(date)) ||\n    (isDaySelectable && !isDaySelectable(date));\n  const unselectable = Boolean(unselectableReason);\n  const highlighted = Boolean(highlightedReason);\n  const hidden = hideOutOfRangeDates && outOfRange;\n\n  useEffect(() => {\n    if (focused) {\n      ref.current?.focus({ preventScroll: true });\n    }\n  }, [ref, focused]);\n\n  return {\n    status: {\n      outOfRange,\n      today,\n      unselectable,\n      focused,\n      hidden,\n      disabled,\n      highlighted,\n      ...selectionManager.status,\n    } as DayStatus,\n    dayProps: {\n      tabIndex,\n      \"aria-current\": today ? \"date\" : undefined,\n      \"aria-hidden\": hidden ? \"true\" : undefined,\n      ...eventHandlers,\n      ...selectionManager.dayProps,\n    } as ComponentPropsWithoutRef<\"button\">,\n    unselectableReason,\n    highlightedReason,\n    locale,\n    timeZone,\n  };\n}\n"],"names":[],"mappings":"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"}