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

package/dist-es/calendar/useCalendar.js

@@ -1,7 +1,6 @@
-import { getLocalTimeZone, today, startOfMonth, endOfMonth, endOfYear, startOfYear, isSameMonth, isSameDay } from '@internationalized/date';
 import { useControlled } from '@salt-ds/core';
 import { useCallback, useState, useEffect, useMemo } from 'react';
-import { getCurrentLocale } from './formatDate.js';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import { generateDatesForMonth } from './internal/utils.js';
 import { useCalendarSelection, isDateRangeSelection } from './useCalendarSelection.js';
 
@@ -9,21 +8,24 @@ const defaultIsDayUnselectable = () => false;
 const defaultIsDayHighlighted = () => false;
 const defaultIsDayDisabled = () => false;
 function useCalendar(props) {
+  const {
+    dateAdapter,
+    defaultDates: { minDate: defaultMinDate, maxDate: defaultMaxDate }
+  } = useLocalization();
   const {
     selectedDate,
     defaultSelectedDate,
     visibleMonth: visibleMonthProp,
     hideOutOfRangeDates,
-    timeZone = getLocalTimeZone(),
-    locale = getCurrentLocale(),
-    defaultVisibleMonth = today(timeZone),
-    onSelectedDateChange,
+    locale,
+    defaultVisibleMonth = dateAdapter.today(locale),
+    onSelectionChange,
     onVisibleMonthChange,
     isDayUnselectable = defaultIsDayUnselectable,
     isDayHighlighted = defaultIsDayHighlighted,
     isDayDisabled = defaultIsDayDisabled,
-    minDate,
-    maxDate,
+    minDate = defaultMinDate,
+    maxDate = defaultMaxDate,
     selectionVariant,
     onHoveredDateChange,
     hoveredDate
@@ -31,26 +33,30 @@ function useCalendar(props) {
     // endDateOffset,
   } = props;
   const [visibleMonth, setVisibleMonthState] = useControlled({
-    controlled: visibleMonthProp ? startOfMonth(visibleMonthProp) : void 0,
-    default: startOfMonth(defaultVisibleMonth),
+    controlled: visibleMonthProp ? dateAdapter.startOf(visibleMonthProp, "month", locale) : void 0,
+    default: dateAdapter.startOf(defaultVisibleMonth, "month", locale),
     name: "Calendar",
     state: "visibleMonth"
   });
   const isOutsideAllowedDates = useCallback(
     (date) => {
-      return minDate && date.compare(minDate) < 0 || maxDate && date.compare(maxDate) > 0;
+      return dateAdapter.compare(date, minDate) < 0 || dateAdapter.compare(date, maxDate) > 0;
     },
     [maxDate, minDate]
   );
   const isOutsideAllowedMonths = useCallback(
     (date) => {
-      return minDate && endOfMonth(date).compare(minDate) < 0 || maxDate && startOfMonth(date).compare(maxDate) > 0;
+      const startOfMonth = dateAdapter.startOf(date, "month", locale);
+      const endOfMonth = dateAdapter.endOf(date, "month", locale);
+      return dateAdapter.compare(endOfMonth, minDate) < 0 || dateAdapter.compare(startOfMonth, maxDate) > 0;
     },
     [minDate, maxDate]
   );
   const isOutsideAllowedYears = useCallback(
     (date) => {
-      return minDate && endOfYear(date).compare(minDate) < 0 || maxDate && startOfYear(date).compare(maxDate) > 0;
+      const startOfYear = dateAdapter.startOf(date, "year", locale);
+      const endOfYear = dateAdapter.endOf(date, "year", locale);
+      return dateAdapter.compare(endOfYear, minDate) < 0 || dateAdapter.compare(startOfYear, maxDate) > 0;
     },
     [minDate, maxDate]
   );
@@ -61,7 +67,7 @@ function useCalendar(props) {
   const selectionManager = useCalendarSelection({
     defaultSelectedDate,
     selectedDate,
-    onSelectedDateChange,
+    onSelectionChange,
     startDateOffset: props.selectionVariant === "offset" ? props.startDateOffset : void 0,
     endDateOffset: props.selectionVariant === "offset" ? props.endDateOffset : void 0,
     isDaySelectable,
@@ -71,7 +77,7 @@ function useCalendar(props) {
   });
   const [calendarFocused, setCalendarFocused] = useState(false);
   const isInVisibleMonth = useCallback(
-    (date) => date != null && isSameMonth(date, visibleMonth),
+    (date) => date != null && dateAdapter.isSame(date, visibleMonth, "month"),
     [visibleMonth]
   );
   const getInitialFocusedDate = useCallback(() => {
@@ -84,19 +90,20 @@ function useCalendar(props) {
         return selectedDate2.endDate;
       }
     } else if (selectionVariant === "multiselect" && Array.isArray(selectedDate2)) {
-      const selectionInMonth = selectedDate2.filter((day) => isInVisibleMonth(day)).sort((a, b) => a.compare(b));
+      const selectionInMonth = selectedDate2.filter((day) => isInVisibleMonth(day)).sort((a, b) => dateAdapter.compare(a, b));
       if (selectionInMonth.length > 0) {
         return selectionInMonth[0];
       }
     } else if (selectionVariant === "single" && !isDateRangeSelection(selectedDate2) && !Array.isArray(selectedDate2) && isInVisibleMonth(selectedDate2)) {
       return selectedDate2;
     }
-    if (isDaySelectable(today(timeZone)) && isInVisibleMonth(today(timeZone))) {
-      return today(timeZone);
+    if (isDaySelectable(dateAdapter.today(locale)) && isInVisibleMonth(dateAdapter.today(locale))) {
+      return dateAdapter.today(locale);
     }
-    const firstSelectableDate = generateDatesForMonth(visibleMonth).find(
-      (visibleDay) => isDaySelectable(visibleDay)
-    );
+    const firstSelectableDate = generateDatesForMonth(
+      dateAdapter,
+      visibleMonth
+    ).find((visibleDay) => isDaySelectable(visibleDay));
     if (firstSelectableDate) {
       return firstSelectableDate;
     }
@@ -105,7 +112,6 @@ function useCalendar(props) {
     isInVisibleMonth,
     selectionVariant,
     selectionManager.state.selectedDate,
-    timeZone,
     visibleMonth
   ]);
   const [focusedDate, setFocusedDateState] = useState(
@@ -113,10 +119,14 @@ function useCalendar(props) {
   );
   const isDayVisible = useCallback(
     (date) => {
-      const startInsideDays = startOfMonth(visibleMonth);
-      if (date.compare(startInsideDays) < 0) return false;
-      const endInsideDays = endOfMonth(visibleMonth);
-      return !(date.compare(endInsideDays) > 0);
+      const startInsideDays = dateAdapter.startOf(
+        visibleMonth,
+        "month",
+        locale
+      );
+      if (dateAdapter.compare(date, startInsideDays) < 0) return false;
+      const endInsideDays = dateAdapter.endOf(visibleMonth, "month", locale);
+      return !(dateAdapter.compare(date, endInsideDays) > 0);
     },
     [visibleMonth]
   );
@@ -129,12 +139,12 @@ function useCalendar(props) {
   );
   const setFocusedDate = useCallback(
     (event, date) => {
-      if (!focusedDate || isSameDay(date, focusedDate) || isOutsideAllowedDates(date))
+      if (!focusedDate || dateAdapter.isSame(date, focusedDate, "day") || isOutsideAllowedDates(date))
         return;
       setFocusedDateState(date);
       const shouldTransition = !isDayVisible(date) && isDaySelectable(date) && !isOutsideAllowedDates(date);
       if (shouldTransition) {
-        setVisibleMonth(event, startOfMonth(date));
+        setVisibleMonth(event, dateAdapter.startOf(date, "month", locale));
       }
     },
     [
@@ -158,13 +168,12 @@ function useCalendar(props) {
       state: {
         visibleMonth,
         focusedDate,
+        locale,
         minDate,
         maxDate,
         selectionVariant,
         hideOutOfRangeDates,
         calendarFocused,
-        timeZone,
-        locale,
         ...selectionManager.state
       },
       helpers: {
@@ -184,13 +193,12 @@ function useCalendar(props) {
     [
       visibleMonth,
       focusedDate,
+      locale,
       minDate,
       maxDate,
       selectionVariant,
       hideOutOfRangeDates,
       calendarFocused,
-      timeZone,
-      locale,
       setVisibleMonth,
       setFocusedDate,
       isDayUnselectable,

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 {\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    // 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  } 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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"}
+{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport {\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { useLocalization } from \"../localization-provider\";\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<TDate> {\n  /**\n   * The default visible month.\n   */\n  defaultVisibleMonth?: TDate;\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?: (event: SyntheticEvent, visibleMonth: TDate) => 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: TDate) => 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: TDate) => 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: TDate) => string | false | undefined;\n  /**\n   * The currently visible month.\n   */\n  visibleMonth?: TDate;\n  /**\n   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n  /**\n   * Locale for date formatting\n   */\n  locale?: any;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: TDate;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: TDate;\n}\n\n/**\n * UseCalendar hook props for a single date selection Calendar.\n */\nexport interface UseCalendarSingleProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionSingleProps<TDate>,\n    UseCalendarBaseProps<TDate> {\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<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionRangeProps<TDate>,\n    UseCalendarBaseProps<TDate> {\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<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionMultiSelectProps<TDate>,\n    UseCalendarBaseProps<TDate> {\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<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionOffsetProps<TDate>,\n    UseCalendarBaseProps<TDate> {\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<TDate extends DateFrameworkType> =\n  | UseCalendarSingleProps<TDate>\n  | UseCalendarRangeProps<TDate>\n  | UseCalendarMultiSelectProps<TDate>\n  | UseCalendarOffsetProps<TDate>;\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\n/**\n * Represents the return type of the useCalendar hook.\n *\n * @template TDate - The type of the date object used in the calendar.\n */\nexport interface UseCalendarReturn<TDate extends DateFrameworkType> {\n  /**\n   * The state of the calendar.\n   */\n  state: {\n    /**\n     * The currently visible month in the calendar.\n     */\n    visibleMonth: TDate;\n\n    /**\n     * The currently focused date in the calendar, or null if no date is focused.\n     */\n    focusedDate: TDate | null;\n\n    /**\n     * The locale used for date formatting.\n     */\n    locale: any;\n\n    /**\n     * The minimum selectable date in the calendar.\n     */\n    minDate: TDate;\n\n    /**\n     * The maximum selectable date in the calendar.\n     */\n    maxDate: TDate;\n\n    /**\n     * The selection variant of the calendar, indicating the type of selection allowed.\n     */\n    selectionVariant: \"single\" | \"range\" | \"multiselect\" | \"offset\";\n\n    /**\n     * Whether to hide dates that are out of the selectable range.\n     */\n    hideOutOfRangeDates?: boolean;\n\n    /**\n     * Whether the calendar is currently focused.\n     */\n    calendarFocused: boolean;\n\n    /**\n     * Additional state properties from selectionManager.state.\n     */\n    [key: string]: any; // Use a more specific type if possible\n  };\n\n  /**\n   * Helper functions for interacting with the calendar.\n   */\n  helpers: {\n    /**\n     * Sets the visible month in the calendar.\n     *\n     * @param event - The synthetic event triggering the change.\n     * @param newVisibleMonth - The new visible month to set.\n     */\n    setVisibleMonth: (event: SyntheticEvent, newVisibleMonth: TDate) => void;\n\n    /**\n     * Sets the focused date in the calendar.\n     *\n     * @param event - The synthetic event triggering the change.\n     * @param date - The new date to focus.\n     */\n    setFocusedDate: (event: SyntheticEvent, date: TDate) => void;\n\n    /**\n     * Sets whether the calendar is focused.\n     *\n     * @param focused - Whether the calendar should be focused.\n     */\n    setCalendarFocused: (focused: boolean) => void;\n\n    /**\n     * Determines if a day is unselectable.\n     *\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: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is highlighted.\n     *\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: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is disabled.\n     *\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: TDate) => string | false | undefined;\n\n    /**\n     * Determines if a day is visible in the calendar.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the day is visible, otherwise `false`.\n     */\n    isDayVisible: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is outside the allowed date range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedDates: (date: TDate) => boolean;\n\n    /**\n     * Determines if a month is outside the allowed range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the month is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedMonths: (date: TDate) => boolean;\n\n    /**\n     * Determines if a year is outside the allowed range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the year is outside the allowed range, otherwise `false`.\n     */\n    isOutsideAllowedYears: (date: TDate) => boolean;\n\n    /**\n     * Sets the selected date in the calendar.\n     *\n     * @param event - The event triggering the change.\n     * @param newSelectedDate - The new date to select.\n     */\n    setSelectedDate: (\n      event:\n        | React.KeyboardEvent<HTMLButtonElement>\n        | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n      newSelectedDate: TDate,\n    ) => void;\n\n    /**\n     * Determines if a date is selected.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is selected, otherwise `false`.\n     */\n    isSelected: (date: TDate) => boolean;\n\n    /**\n     * Sets the hovered date in the calendar.\n     *\n     * @param event - The event triggering the change.\n     * @param newHoveredDate - The new date to hover.\n     */\n    setHoveredDate: (\n      event: SyntheticEvent,\n      newHoveredDate: TDate | null,\n    ) => void;\n\n    /**\n     * Determines if a date is part of a selected span.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a selected span, otherwise `false`.\n     */\n    isSelectedSpan: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is part of a hovered span.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a hovered span, otherwise `false`.\n     */\n    isHoveredSpan: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is the start of a selected range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the start of a selected range, otherwise `false`.\n     */\n    isSelectedStart: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is the end of a selected range.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is the end of a selected range, otherwise `false`.\n     */\n    isSelectedEnd: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is hovered.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is hovered, otherwise `false`.\n     */\n    isHovered: (date: TDate) => boolean;\n\n    /**\n     * Determines if a date is part of a hovered offset.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the date is part of a hovered offset, otherwise `false`.\n     */\n    isHoveredOffset: (date: TDate) => boolean;\n\n    /**\n     * Determines if a day is selectable.\n     *\n     * @param date - The date to check.\n     * @returns `true` if the day is selectable, otherwise `false`.\n     */\n    isDaySelectable: (date: TDate) => boolean;\n  };\n}\n\nexport function useCalendar<TDate extends DateFrameworkType>(\n  props: UseCalendarProps<TDate>,\n): UseCalendarReturn<TDate> {\n  const {\n    dateAdapter,\n    defaultDates: { minDate: defaultMinDate, maxDate: defaultMaxDate },\n  } = useLocalization<TDate>();\n  const {\n    selectedDate,\n    defaultSelectedDate,\n    visibleMonth: visibleMonthProp,\n    hideOutOfRangeDates,\n    locale,\n    defaultVisibleMonth = dateAdapter.today(locale),\n    onSelectionChange,\n    onVisibleMonthChange,\n    isDayUnselectable = defaultIsDayUnselectable,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayDisabled = defaultIsDayDisabled,\n    minDate = defaultMinDate,\n    maxDate = defaultMaxDate,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp\n      ? dateAdapter.startOf(visibleMonthProp, \"month\", locale)\n      : undefined,\n    default: dateAdapter.startOf(defaultVisibleMonth, \"month\", locale),\n    name: \"Calendar\",\n    state: \"visibleMonth\",\n  });\n\n  const isOutsideAllowedDates = useCallback(\n    (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    },\n    [maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = useCallback(\n    (date: TDate) => {\n      const startOfMonth = dateAdapter.startOf(date, \"month\", locale);\n      const endOfMonth = dateAdapter.endOf(date, \"month\", locale);\n      return (\n        dateAdapter.compare(endOfMonth, minDate) < 0 ||\n        dateAdapter.compare(startOfMonth, maxDate) > 0\n      );\n    },\n    [minDate, maxDate],\n  );\n\n  const isOutsideAllowedYears = useCallback(\n    (date: TDate) => {\n      const startOfYear = dateAdapter.startOf(date, \"year\", locale);\n      const endOfYear = dateAdapter.endOf(date, \"year\", locale);\n      return (\n        dateAdapter.compare(endOfYear, minDate) < 0 ||\n        dateAdapter.compare(startOfYear, maxDate) > 0\n      );\n    },\n    [minDate, maxDate],\n  );\n\n  const isDaySelectable = useCallback(\n    (date?: TDate) =>\n      !(\n        date &&\n        (isDayUnselectable(date) ||\n          isDayDisabled(date) ||\n          isOutsideAllowedDates(date))\n      ),\n    [isDayUnselectable, isDayDisabled, isOutsideAllowedDates],\n  );\n\n  const selectionManager = useCalendarSelection<TDate>({\n    defaultSelectedDate: defaultSelectedDate,\n    selectedDate,\n    onSelectionChange,\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  } as UseCalendarSelectionProps<TDate>);\n\n  const [calendarFocused, setCalendarFocused] = useState(false);\n\n  const isInVisibleMonth = useCallback(\n    (date: TDate | undefined | null): date is TDate =>\n      date != null && dateAdapter.isSame(date, visibleMonth, \"month\"),\n    [visibleMonth],\n  );\n\n  const getInitialFocusedDate = useCallback(() => {\n    const selectedDate = selectionManager.state.selectedDate;\n    if (\n      (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n      isDateRangeSelection<TDate>(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) => dateAdapter.compare(a, 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 (\n      isDaySelectable(dateAdapter.today(locale)) &&\n      isInVisibleMonth(dateAdapter.today(locale))\n    ) {\n      return dateAdapter.today(locale);\n    }\n    const firstSelectableDate = generateDatesForMonth(\n      dateAdapter,\n      visibleMonth,\n    ).find((visibleDay) => isDaySelectable(visibleDay));\n    if (firstSelectableDate) {\n      return firstSelectableDate;\n    }\n    return null;\n  }, [\n    isInVisibleMonth,\n    selectionVariant,\n    selectionManager.state.selectedDate,\n    visibleMonth,\n  ]);\n\n  const [focusedDate, setFocusedDateState] = useState<TDate | null>(\n    getInitialFocusedDate,\n  );\n\n  const isDayVisible = useCallback(\n    (date: TDate) => {\n      const startInsideDays = dateAdapter.startOf(\n        visibleMonth,\n        \"month\",\n        locale,\n      );\n\n      if (dateAdapter.compare(date, startInsideDays) < 0) return false;\n\n      const endInsideDays = dateAdapter.endOf(visibleMonth, \"month\", locale);\n\n      return !(dateAdapter.compare(date, endInsideDays) > 0);\n    },\n    [visibleMonth],\n  );\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: TDate) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange],\n  );\n\n  const setFocusedDate = useCallback(\n    (event: SyntheticEvent, date: TDate) => {\n      if (\n        !focusedDate ||\n        dateAdapter.isSame(date, focusedDate, \"day\") ||\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, dateAdapter.startOf(date, \"month\", locale));\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      ({\n        state: {\n          visibleMonth,\n          focusedDate,\n          locale,\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      }) as UseCalendarReturn<TDate>,\n    [\n      visibleMonth,\n      focusedDate,\n      locale,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      calendarFocused,\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,18 +1,14 @@
-import { isSameMonth, isSameDay, isToday } from '@internationalized/date';
 import { useEffect } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import { useCalendarContext } from './internal/CalendarContext.js';
 import { useFocusManagement } from './internal/useFocusManagement.js';
 import { useCalendarSelectionDay } from './useCalendarSelection.js';
 
-function useCalendarDay({ date, month }, ref) {
+function useCalendarDay(props, ref) {
+  const { date, month } = props;
+  const { dateAdapter } = useLocalization();
   const {
-    state: {
-      focusedDate,
-      hideOutOfRangeDates,
-      calendarFocused,
-      locale,
-      timeZone
-    },
+    state: { focusedDate, hideOutOfRangeDates, locale, calendarFocused },
     helpers: {
       isDayUnselectable,
       isDaySelectable,
@@ -22,7 +18,7 @@ function useCalendarDay({ date, month }, ref) {
     }
   } = useCalendarContext();
   const selectionManager = useCalendarSelectionDay({ date });
-  const focusManager = useFocusManagement({ date, locale });
+  const focusManager = useFocusManagement({ date });
   const handleClick = (event) => {
     selectionManager == null ? void 0 : selectionManager.handleClick(event);
     focusManager.handleClick(event);
@@ -44,10 +40,10 @@ function useCalendarDay({ date, month }, ref) {
     onFocus: handleFocus,
     onMouseOver: handleMouseOver
   };
-  const outOfRange = !isSameMonth(date, month);
-  const focused = focusedDate && isSameDay(date, focusedDate) && calendarFocused && !outOfRange;
-  const tabIndex = focusedDate && isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;
-  const today = isToday(date, timeZone);
+  const outOfRange = !dateAdapter.isSame(date, month, "month");
+  const focused = focusedDate && dateAdapter.isSame(date, focusedDate, "day") && calendarFocused && !outOfRange;
+  const tabIndex = focusedDate && dateAdapter.isSame(date, focusedDate, "day") && !outOfRange ? 0 : -1;
+  const today = dateAdapter.isSame(dateAdapter.today(locale), date, "day");
   const unselectableReason = isDayUnselectable(date) || isDayDisabled(date);
   const highlightedReason = isDayHighlighted(date);
   const disabled = isDayDisabled(date) || outOfRange && isOutsideAllowedMonths(date) || isDaySelectable && !isDaySelectable(date);
@@ -79,9 +75,7 @@ function useCalendarDay({ date, month }, ref) {
       ...selectionManager.dayProps
     },
     unselectableReason,
-    highlightedReason,
-    locale,
-    timeZone
+    highlightedReason
   };
 }
 

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  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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"}
+{"version":3,"file":"useCalendarDay.js","sources":["../src/calendar/useCalendarDay.ts"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { useLocalization } from \"../localization-provider\";\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<TDate> {\n  /**\n   * The date of the calendar day.\n   */\n  date: TDate;\n  /**\n   * The month of the calendar day.\n   */\n  month: TDate;\n}\n\nexport function useCalendarDay<TDate extends DateFrameworkType>(\n  props: useCalendarDayProps<TDate>,\n  ref: RefObject<HTMLElement>,\n) {\n  const { date, month } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    state: { focusedDate, hideOutOfRangeDates, locale, calendarFocused },\n    helpers: {\n      isDayUnselectable,\n      isDaySelectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext<TDate>();\n  const selectionManager = useCalendarSelectionDay<TDate>({ date });\n  const focusManager = useFocusManagement<TDate>({ 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 = !dateAdapter.isSame(date, month, \"month\");\n  const focused =\n    focusedDate &&\n    dateAdapter.isSame(date, focusedDate, \"day\") &&\n    calendarFocused &&\n    !outOfRange;\n  const tabIndex =\n    focusedDate && dateAdapter.isSame(date, focusedDate, \"day\") && !outOfRange\n      ? 0\n      : -1;\n  const today = dateAdapter.isSame(dateAdapter.today(locale), date, \"day\");\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  };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/calendar/useCalendarSelection.js

@@ -1,13 +1,11 @@
-import { CalendarDate, CalendarDateTime, ZonedDateTime, isSameDay } from '@internationalized/date';
 import { makePrefixer, useControlled } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { useCallback, useMemo } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import { useCalendarContext } from './internal/CalendarContext.js';
 
-const CALENDAR_MIN_YEAR = 1900;
-const CALENDAR_MAX_YEAR = 2100;
 function isSingleSelectionValueType(value) {
-  return value instanceof CalendarDate || value instanceof CalendarDateTime || value instanceof ZonedDateTime;
+  return !isMultipleDateSelection(value) && !isDateRangeSelection(value);
 }
 function isDateRangeSelection(value) {
   return value && typeof value === "object" && ("startDate" in value || "endDate" in value);
@@ -16,40 +14,44 @@ function isMultipleDateSelection(value) {
   return Array.isArray(value) && value.every((item) => isSingleSelectionValueType(item));
 }
 const withBaseName = makePrefixer("saltCalendarDay");
-function addOrRemoveFromArray(array, item) {
+function addOrRemoveFromArray(dateAdapter, array, item) {
   if (Array.isArray(array)) {
-    if (array.find((element) => isSameDay(element, item))) {
-      return array.filter((element) => !isSameDay(element, item));
+    const filteredArray = array.filter(
+      (element) => !dateAdapter.isSame(element, item, "day")
+    );
+    if (filteredArray.length === array.length) {
+      return array.concat(item);
     }
-    return array.concat(item);
+    return filteredArray;
   }
   return [item];
 }
-const updateRangeSelection = (currentSelectedDate, newSelectedDate) => {
+function updateRangeSelection(datePicker, currentSelectedDate, newSelectedDate) {
   let base = { ...currentSelectedDate };
   if ((base == null ? void 0 : base.startDate) && (base == null ? void 0 : base.endDate)) {
     base = { startDate: newSelectedDate };
-  } else if ((base == null ? void 0 : base.startDate) && newSelectedDate.compare(base.startDate) < 0) {
+  } else if ((base == null ? void 0 : base.startDate) && datePicker.compare(newSelectedDate, base.startDate) < 0) {
     base = { startDate: newSelectedDate };
-  } else if ((base == null ? void 0 : base.startDate) && newSelectedDate.compare(base.startDate) >= 0) {
+  } else if ((base == null ? void 0 : base.startDate) && datePicker.compare(newSelectedDate, base.startDate) >= 0) {
     base = { ...base, endDate: newSelectedDate };
   } else {
     base = { startDate: newSelectedDate };
   }
   return base;
-};
+}
 function useCalendarSelection(props) {
   const {
     hoveredDate: hoveredDateProp,
     selectedDate: selectedDateProp,
     defaultSelectedDate,
-    onSelectedDateChange,
+    onSelectionChange,
     onHoveredDateChange,
     isDaySelectable,
     selectionVariant
     // startDateOffset,
     // endDateOffset,
   } = props;
+  const { dateAdapter } = useLocalization();
   const [selectedDate, setSelectedDateState] = useControlled({
     controlled: selectedDateProp,
     default: defaultSelectedDate,
@@ -83,25 +85,27 @@ function useCalendarSelection(props) {
         switch (selectionVariant) {
           case "single": {
             setSelectedDateState(newSelectedDate);
-            onSelectedDateChange == null ? void 0 : onSelectedDateChange(event, newSelectedDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
             break;
           }
           case "multiselect": {
             const newMultiSelectDate = addOrRemoveFromArray(
+              dateAdapter,
               selectedDate,
               newSelectedDate
             );
             setSelectedDateState(newMultiSelectDate);
-            onSelectedDateChange == null ? void 0 : onSelectedDateChange(event, newMultiSelectDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newMultiSelectDate);
             break;
           }
           case "range": {
             const newRangeDate = updateRangeSelection(
+              dateAdapter,
               selectedDate,
               newSelectedDate
             );
             setSelectedDateState(newRangeDate);
-            onSelectedDateChange == null ? void 0 : onSelectedDateChange(event, newRangeDate);
+            onSelectionChange == null ? void 0 : onSelectionChange(event, newRangeDate);
             break;
           }
           case "offset": {
@@ -110,26 +114,31 @@ function useCalendarSelection(props) {
               endDate: getEndDateOffset(newSelectedDate)
             };
             setSelectedDateState(newOffsetDate);
-            (_a = props.onSelectedDateChange) == null ? void 0 : _a.call(props, event, newOffsetDate);
+            (_a = props.onSelectionChange) == null ? void 0 : _a.call(props, event, newOffsetDate);
             break;
           }
         }
       }
     },
-    [isDaySelectable, selectedDate, selectionVariant, onSelectedDateChange]
+    [isDaySelectable, selectedDate, selectionVariant, onSelectionChange]
   );
   const isSelected = useCallback(
     (date) => {
+      if (!selectedDate) {
+        return false;
+      }
       switch (selectionVariant) {
         case "single":
-          return isSingleSelectionValueType(selectedDate) && isSameDay(selectedDate, date);
+          return isSingleSelectionValueType(selectedDate) && dateAdapter.isSame(selectedDate, date, "day");
         case "multiselect":
-          return Array.isArray(selectedDate) && !!selectedDate.find((element) => isSameDay(element, date));
+          return Array.isArray(selectedDate) && !!selectedDate.find(
+            (element) => dateAdapter.isSame(element, date, "day")
+          );
         default:
           return false;
       }
     },
-    [selectionVariant, selectedDate]
+    [dateAdapter, selectionVariant, selectedDate]
   );
   const [hoveredDate, setHoveredDateState] = useControlled({
     controlled: hoveredDateProp,
@@ -146,14 +155,14 @@ function useCalendarSelection(props) {
   );
   const isHovered = useCallback(
     (date) => {
-      return !!hoveredDate && isSameDay(date, hoveredDate);
+      return !!hoveredDate && dateAdapter.isSame(date, hoveredDate, "day");
     },
     [hoveredDate]
   );
   const isSelectedSpan = useCallback(
     (date) => {
       if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && (selectedDate == null ? void 0 : selectedDate.startDate) && (selectedDate == null ? void 0 : selectedDate.endDate)) {
-        return date.compare(selectedDate.startDate) > 0 && date.compare(selectedDate.endDate) < 0;
+        return dateAdapter.compare(date, selectedDate.startDate) > 0 && dateAdapter.compare(date, selectedDate.endDate) < 0;
       }
       return false;
     },
@@ -162,7 +171,7 @@ function useCalendarSelection(props) {
   const isHoveredSpan = useCallback(
     (date) => {
       if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && selectedDate.startDate && !selectedDate.endDate && hoveredDate) {
-        const isForwardRange = hoveredDate.compare(selectedDate.startDate) > 0 && (date.compare(selectedDate.startDate) > 0 && date.compare(hoveredDate) < 0 || isSameDay(date, hoveredDate));
+        const isForwardRange = dateAdapter.compare(hoveredDate, selectedDate.startDate) > 0 && (dateAdapter.compare(date, selectedDate.startDate) > 0 && dateAdapter.compare(date, hoveredDate) < 0 || dateAdapter.isSame(date, hoveredDate, "day"));
         const isValidDayHovered = !isDaySelectable || isDaySelectable(hoveredDate);
         return isForwardRange && isValidDayHovered;
       }
@@ -173,7 +182,7 @@ function useCalendarSelection(props) {
   const isSelectedStart = useCallback(
     (date) => {
       if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && selectedDate.startDate) {
-        return isSameDay(selectedDate.startDate, date);
+        return dateAdapter.isSame(selectedDate.startDate, date, "day");
       }
       return false;
     },
@@ -182,7 +191,7 @@ function useCalendarSelection(props) {
   const isSelectedEnd = useCallback(
     (date) => {
       if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && selectedDate.endDate) {
-        return isSameDay(selectedDate.endDate, date);
+        return dateAdapter.isSame(selectedDate.endDate, date, "day");
       }
       return false;
     },
@@ -193,7 +202,7 @@ function useCalendarSelection(props) {
       if (hoveredDate && selectionVariant === "offset") {
         const startDate = getStartDateOffset(hoveredDate);
         const endDate = getEndDateOffset(hoveredDate);
-        return date.compare(startDate) >= 0 && date.compare(endDate) <= 0 && (!isDaySelectable || isDaySelectable(date));
+        return dateAdapter.compare(date, startDate) >= 0 && dateAdapter.compare(date, endDate) <= 0 && (!isDaySelectable || isDaySelectable(date));
       }
       return false;
     },
@@ -240,7 +249,9 @@ function useCalendarSelection(props) {
     ]
   );
 }
-function useCalendarSelectionDay({ date }) {
+function useCalendarSelectionDay({
+  date
+}) {
   const {
     helpers: {
       setSelectedDate,
@@ -321,5 +332,5 @@ function useCalendarSelectionDay({ date }) {
   };
 }
 
-export { CALENDAR_MAX_YEAR, CALENDAR_MIN_YEAR, isDateRangeSelection, isMultipleDateSelection, isSingleSelectionValueType, useCalendarSelection, useCalendarSelectionDay };
+export { isDateRangeSelection, isMultipleDateSelection, isSingleSelectionValueType, useCalendarSelection, useCalendarSelectionDay };
 //# sourceMappingURL=useCalendarSelection.js.map