@salt-ds/lab 1.0.0-alpha.71 → 1.0.0-alpha.73

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  type ResponsiveProp,\n  resolveResponsiveValue,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { type SyntheticEvent, useCallback, useEffect, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type UseCalendarSelectionBaseProps,\n  type UseCalendarSelectionMultiSelectProps,\n  type UseCalendarSelectionOffsetProps,\n  type UseCalendarSelectionProps,\n  type UseCalendarSelectionRangeProps,\n  type UseCalendarSelectionSingleProps,\n  useCalendarSelection,\n} from \"./useCalendarSelection\";\n\n/**\n * Base properties for the UseCalendar hook.\n * @template TDate - The type of the date object.\n */\ninterface UseCalendarBaseProps<TDate>\n  extends UseCalendarSelectionBaseProps<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 or null if triggered by code.\n   * @param visibleMonth - The new visible month.\n   */\n  onVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\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: 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   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: TDate;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: TDate;\n  /**\n   * Number of visible months, maximum 12, defaults to 1.\n   */\n  numberOfVisibleMonths?: ResponsiveProp<\n    1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n  >;\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 * @template TDate - The type of the date object.\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 * @template TDate - The type of the date object.\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 * @template TDate - The type of the date object.\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 * @template TDate - The type of the date object.\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 * @template TDate - The type of the date object.\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     *  Focusable dates based on current state\n     */\n    focusableDates: TDate[];\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     * Number of visible months\n     */\n    numberOfVisibleMonths: number;\n    /**\n     * Specifies the timezone behavior:\n     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n     * - If set to \"default\", the default timezone of the date library will be used.\n     * - If set to \"system\", the local system's timezone will be applied.\n     * - If set to \"UTC\", the time will be returned in UTC.\n     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n     */\n    timezone?: Timezone;\n    /**\n     * Additional state properties from selectionManager.state.\n     */\n    // biome-ignore lint/suspicious/noExplicitAny: user defined\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 or null if triggered by code.\n     * @param newVisibleMonth - The new visible month to set.\n     */\n    setVisibleMonth: (\n      event: SyntheticEvent | null,\n      newVisibleMonth: TDate,\n    ) => void;\n\n    /**\n     * Sets the focused date in the calendar.\n     *\n     * @param event - The synthetic event or null if triggered by code.\n     * @param date - The new date to focus.\n     */\n    setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => 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    timezone,\n    defaultSelectedDate,\n    defaultVisibleMonth = dateAdapter.today(timezone),\n    hideOutOfRangeDates,\n    hoveredDate,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    isDayDisabled = defaultIsDayDisabled,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayUnselectable = defaultIsDayUnselectable,\n    maxDate = defaultMaxDate,\n    minDate = defaultMinDate,\n    numberOfVisibleMonths = 1,\n    onHoveredDateChange,\n    onSelectionChange,\n    onVisibleMonthChange,\n    onFocusedDateChange,\n    selectedDate,\n    selectionVariant,\n    visibleMonth: visibleMonthProp,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { matchedBreakpoints } = useBreakpoint();\n\n  const responsiveNumberOfVisibleMonths =\n    resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp\n      ? dateAdapter.startOf(visibleMonthProp, \"month\")\n      : undefined,\n    // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount\n    default: useMemo(\n      () => dateAdapter.startOf(defaultVisibleMonth, \"month\"),\n      [],\n    ),\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    [dateAdapter, maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = useCallback(\n    (date: TDate) => {\n      const startOfMonth = dateAdapter.startOf(date, \"month\");\n      const endOfMonth = dateAdapter.endOf(date, \"month\");\n      return (\n        dateAdapter.compare(endOfMonth, minDate) < 0 ||\n        dateAdapter.compare(startOfMonth, maxDate) > 0\n      );\n    },\n    [dateAdapter, minDate, maxDate],\n  );\n\n  const isOutsideAllowedYears = useCallback(\n    (date: TDate) => {\n      const startOfYear = dateAdapter.startOf(date, \"year\");\n      const endOfYear = dateAdapter.endOf(date, \"year\");\n      return (\n        dateAdapter.compare(endOfYear, minDate) < 0 ||\n        dateAdapter.compare(startOfYear, maxDate) > 0\n      );\n    },\n    [dateAdapter, 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 isDayVisible = useCallback(\n    (date?: TDate | null) => {\n      if (!date) {\n        return false;\n      }\n      const startInsideDays = dateAdapter.startOf(visibleMonth, \"month\");\n\n      if (dateAdapter.compare(date, startInsideDays) < 0) return false;\n\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n      const endInsideDays = dateAdapter.endOf(endVisibleMonth, \"month\");\n\n      return !(dateAdapter.compare(date, endInsideDays) > 0);\n    },\n    [dateAdapter, responsiveNumberOfVisibleMonths, visibleMonth],\n  );\n\n  const selectionManager = useCalendarSelection<TDate>({\n    defaultSelectedDate,\n    selectedDate,\n    onSelectionChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\" ? props.startDateOffset : undefined,\n    endDateOffset:\n      props.selectionVariant === \"offset\" ? props.endDateOffset : undefined,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    isDayVisible,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    onFocusedDateChange,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    timezone,\n    visibleMonth,\n  } as UseCalendarSelectionProps<TDate>);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: isDayVisible ignored (due to dependency on visibleMonth)\n  useEffect(() => {\n    const focusedDate = selectionManager?.state?.focusedDate;\n    const shouldTransition =\n      focusedDate &&\n      !focusedDateProp !== undefined &&\n      !isDayVisible(focusedDate) &&\n      isDaySelectable(focusedDate) &&\n      !isOutsideAllowedDates(focusedDate);\n\n    if (shouldTransition) {\n      setVisibleMonth(null, dateAdapter.startOf(focusedDate, \"month\"));\n    }\n  }, [\n    dateAdapter,\n    focusedDateProp,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    selectionManager?.state?.focusedDate,\n  ]);\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange],\n  );\n\n  return useMemo(\n    () =>\n      ({\n        state: {\n          visibleMonth,\n          timezone,\n          minDate,\n          maxDate,\n          numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n          selectionVariant,\n          hideOutOfRangeDates,\n          ...selectionManager.state,\n        },\n        helpers: {\n          setVisibleMonth,\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      timezone,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      setVisibleMonth,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      responsiveNumberOfVisibleMonths,\n      selectionManager,\n    ],\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","sources":["../src/calendar/useCalendar.ts"],"sourcesContent":["import {\n  type ResponsiveProp,\n  resolveResponsiveValue,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { type SyntheticEvent, useCallback, useEffect, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type UseCalendarSelectionBaseProps,\n  type UseCalendarSelectionMultiselectOffsetProps,\n  type UseCalendarSelectionMultiselectRangeProps,\n  type UseCalendarSelectionMultiselectSingleProps,\n  type UseCalendarSelectionOffsetProps,\n  type UseCalendarSelectionProps,\n  type UseCalendarSelectionRangeProps,\n  type UseCalendarSelectionSingleProps,\n  useCalendarSelection,\n} from \"./useCalendarSelection\";\n\n/**\n * Base properties for the UseCalendar hook.\n * @template TDate - The type of the date object.\n */\ninterface UseCalendarBaseProps<TDate>\n  extends UseCalendarSelectionBaseProps<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 or null if triggered by code.\n   * @param visibleMonth - The new visible month.\n   */\n  onVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: TDate,\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: 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   * If `true`, hides dates that are out of the selectable range.\n   */\n  hideOutOfRangeDates?: boolean;\n  /**\n   * The minimum selectable date.\n   */\n  minDate?: TDate;\n  /**\n   * The maximum selectable date.\n   */\n  maxDate?: TDate;\n  /**\n   * Number of visible months, maximum 12, defaults to 1.\n   */\n  numberOfVisibleMonths?: ResponsiveProp<\n    1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n  >;\n  /**\n   * If `true`, the calendar will be multiselect.\n   */\n  multiselect?: boolean;\n}\n\n/**\n * UseCalendar hook props for a single date selection.\n */\nexport interface UseCalendarSingleProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionSingleProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, single date selection.\n */\nexport interface UseCalendarMultiselectSingleProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectSingleProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props for a date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarRangeProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionRangeProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarMultiselectRangeProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectRangeProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props for an offset date selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarOffsetProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionOffsetProps<TDate>,\n    UseCalendarBaseProps<TDate> {}\n\n/**\n * UseCalendar hook props for a multi-select, offset selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseCalendarMultiselectOffsetProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionMultiselectOffsetProps<TDate>,\n    Omit<UseCalendarBaseProps<TDate>, \"multiselect\"> {}\n\n/**\n * UseCalendar hook props, wth the selection variant determining the return type of the date selection\n * @template TDate - The type of the date object.\n */\nexport type UseCalendarProps<TDate extends DateFrameworkType> =\n  | UseCalendarSingleProps<TDate>\n  | UseCalendarMultiselectSingleProps<TDate>\n  | UseCalendarRangeProps<TDate>\n  | UseCalendarMultiselectRangeProps<TDate>\n  | UseCalendarOffsetProps<TDate>\n  | UseCalendarMultiselectOffsetProps<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 * @template TDate - The type of the date object.\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     *  Focusable dates based on current state\n     */\n    focusableDates: TDate[];\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\" | \"offset\";\n\n    /**\n     * Whether to hide dates that are out of the selectable range.\n     */\n    hideOutOfRangeDates?: boolean;\n\n    /**\n     * Number of visible months\n     */\n    numberOfVisibleMonths: number;\n    /**\n     * Specifies the timezone behavior:\n     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n     * - If set to \"default\", the default timezone of the date library will be used.\n     * - If set to \"system\", the local system's timezone will be applied.\n     * - If set to \"UTC\", the time will be returned in UTC.\n     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n     */\n    timezone?: Timezone;\n    /**\n     * Additional state properties from selectionManager.state.\n     */\n    // biome-ignore lint/suspicious/noExplicitAny: user defined\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 or null if triggered by code.\n     * @param newVisibleMonth - The new visible month to set.\n     */\n    setVisibleMonth: (\n      event: SyntheticEvent | null,\n      newVisibleMonth: TDate,\n    ) => void;\n\n    /**\n     * Sets the focused date in the calendar.\n     *\n     * @param event - The synthetic event or null if triggered by code.\n     * @param date - The new date to focus.\n     */\n    setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => 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    timezone,\n    defaultSelectedDate,\n    defaultVisibleMonth = dateAdapter.today(timezone),\n    hideOutOfRangeDates,\n    hoveredDate,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    isDayDisabled = defaultIsDayDisabled,\n    isDayHighlighted = defaultIsDayHighlighted,\n    isDayUnselectable = defaultIsDayUnselectable,\n    multiselect,\n    maxDate = defaultMaxDate,\n    minDate = defaultMinDate,\n    numberOfVisibleMonths = 1,\n    onHoveredDateChange,\n    onSelectionChange,\n    onVisibleMonthChange,\n    onFocusedDateChange,\n    select,\n    selectedDate,\n    selectionVariant,\n    visibleMonth: visibleMonthProp,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { matchedBreakpoints } = useBreakpoint();\n\n  const responsiveNumberOfVisibleMonths =\n    resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n  const [visibleMonth, setVisibleMonthState] = useControlled({\n    controlled: visibleMonthProp\n      ? dateAdapter.startOf(visibleMonthProp, \"month\")\n      : undefined,\n    // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount\n    default: useMemo(\n      () => dateAdapter.startOf(defaultVisibleMonth, \"month\"),\n      [],\n    ),\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    [dateAdapter, maxDate, minDate],\n  );\n\n  const isOutsideAllowedMonths = useCallback(\n    (date: TDate) => {\n      const startOfMonth = dateAdapter.startOf(date, \"month\");\n      const endOfMonth = dateAdapter.endOf(date, \"month\");\n      return (\n        dateAdapter.compare(endOfMonth, minDate) < 0 ||\n        dateAdapter.compare(startOfMonth, maxDate) > 0\n      );\n    },\n    [dateAdapter, minDate, maxDate],\n  );\n\n  const isOutsideAllowedYears = useCallback(\n    (date: TDate) => {\n      const startOfYear = dateAdapter.startOf(date, \"year\");\n      const endOfYear = dateAdapter.endOf(date, \"year\");\n      return (\n        dateAdapter.compare(endOfYear, minDate) < 0 ||\n        dateAdapter.compare(startOfYear, maxDate) > 0\n      );\n    },\n    [dateAdapter, 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 isDayVisible = useCallback(\n    (date?: TDate | null) => {\n      if (!date) {\n        return false;\n      }\n      const startInsideDays = dateAdapter.startOf(visibleMonth, \"month\");\n\n      if (dateAdapter.compare(date, startInsideDays) < 0) return false;\n\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n      const endInsideDays = dateAdapter.endOf(endVisibleMonth, \"month\");\n\n      return !(dateAdapter.compare(date, endInsideDays) > 0);\n    },\n    [dateAdapter, responsiveNumberOfVisibleMonths, visibleMonth],\n  );\n\n  const selectionManager = useCalendarSelection<TDate>({\n    defaultSelectedDate,\n    selectedDate,\n    onSelectionChange,\n    startDateOffset:\n      props.selectionVariant === \"offset\" ? props.startDateOffset : undefined,\n    endDateOffset:\n      props.selectionVariant === \"offset\" ? props.endDateOffset : undefined,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    isDayVisible,\n    focusedDate: focusedDateProp,\n    focusedDateRef,\n    multiselect,\n    onFocusedDateChange,\n    select,\n    selectionVariant,\n    onHoveredDateChange,\n    hoveredDate,\n    timezone,\n    visibleMonth,\n  } as UseCalendarSelectionProps<TDate>);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: isDayVisible ignored (due to dependency on visibleMonth)\n  useEffect(() => {\n    const focusedDate = selectionManager?.state?.focusedDate;\n    const shouldTransition =\n      focusedDate &&\n      !focusedDateProp !== undefined &&\n      !isDayVisible(focusedDate) &&\n      isDaySelectable(focusedDate) &&\n      !isOutsideAllowedDates(focusedDate);\n\n    if (shouldTransition) {\n      setVisibleMonth(null, dateAdapter.startOf(focusedDate, \"month\"));\n    }\n  }, [\n    dateAdapter,\n    focusedDateProp,\n    isOutsideAllowedDates,\n    isDaySelectable,\n    selectionManager?.state?.focusedDate,\n  ]);\n\n  const setVisibleMonth = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n      setVisibleMonthState(newVisibleMonth);\n      onVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [onVisibleMonthChange],\n  );\n\n  return useMemo(\n    () =>\n      ({\n        state: {\n          visibleMonth,\n          timezone,\n          multiselect,\n          minDate,\n          maxDate,\n          numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n          selectionVariant,\n          hideOutOfRangeDates,\n          ...selectionManager.state,\n        },\n        helpers: {\n          setVisibleMonth,\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      timezone,\n      multiselect,\n      minDate,\n      maxDate,\n      selectionVariant,\n      hideOutOfRangeDates,\n      setVisibleMonth,\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isDayVisible,\n      isOutsideAllowedDates,\n      isOutsideAllowedMonths,\n      isOutsideAllowedYears,\n      responsiveNumberOfVisibleMonths,\n      selectionManager,\n    ],\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist-es/calendar/useCalendarSelection.js

@@ -5,43 +5,49 @@ import { useLocalization } from '../localization-provider/LocalizationProvider.j
 import { useCalendarContext } from './internal/CalendarContext.js';
 import { generateDatesForMonth } from './internal/utils.js';
 
-function isSingleSelectionValueType(value) {
-  return !isMultipleDateSelection(value) && !isDateRangeSelection(value);
-}
 function isDateRangeSelection(value) {
-  return value && typeof value === "object" && ("startDate" in value || "endDate" in value);
+  return value && !Array.isArray(value) && typeof value === "object" && ("startDate" in value || "endDate" in value);
 }
-function isMultipleDateSelection(value) {
-  return Array.isArray(value) && value.every((item) => isSingleSelectionValueType(item));
+function isMultiselect(props) {
+  return props.multiselect === true;
 }
 const withBaseName = makePrefixer("saltCalendarDay");
-function addOrRemoveFromArray(dateAdapter, array, item) {
-  if (Array.isArray(array)) {
-    const filteredArray = array.filter(
-      (element) => !dateAdapter.isSame(element, item, "day")
-    );
-    if (filteredArray.length === array.length) {
-      return array.concat(item);
-    }
-    return filteredArray;
+function selectDateRange(dateAdapter, previousSelectedDate, newDate) {
+  if ((previousSelectedDate == null ? void 0 : previousSelectedDate.startDate) && (previousSelectedDate == null ? void 0 : previousSelectedDate.endDate)) {
+    return {
+      startDate: newDate
+    };
   }
-  return [item];
+  if ((previousSelectedDate == null ? void 0 : previousSelectedDate.startDate) && dateAdapter.compare(newDate, previousSelectedDate == null ? void 0 : previousSelectedDate.startDate) >= 0) {
+    return {
+      ...previousSelectedDate,
+      endDate: newDate
+    };
+  }
+  return {
+    startDate: newDate
+  };
 }
-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) && datePicker.compare(newSelectedDate, base.startDate) < 0) {
-    base = { startDate: newSelectedDate };
-  } else if ((base == null ? void 0 : base.startDate) && datePicker.compare(newSelectedDate, base.startDate) >= 0) {
-    base = { ...base, endDate: newSelectedDate };
-  } else {
-    base = { startDate: newSelectedDate };
+function selectMultiselectDateRange(dateAdapter, previousSelectedDate, newDate) {
+  const lastRange = previousSelectedDate.length ? previousSelectedDate[previousSelectedDate.length - 1] : void 0;
+  const isIncompleteRange = !(lastRange == null ? void 0 : lastRange.endDate);
+  if (isIncompleteRange) {
+    const isNewSelection = previousSelectedDate.length === 0;
+    if (isNewSelection) {
+      return [{ startDate: newDate }];
+    }
+    const completeDateRange = selectDateRange(
+      dateAdapter,
+      previousSelectedDate[previousSelectedDate.length - 1],
+      newDate
+    );
+    return [...previousSelectedDate.slice(0, -1), completeDateRange];
   }
-  return base;
+  return [...previousSelectedDate, { startDate: newDate }];
 }
 function useCalendarSelection(props) {
   const {
+    multiselect,
     focusedDate: focusedDateProp,
     hoveredDate: hoveredDateProp,
     selectedDate: selectedDateProp,
@@ -53,6 +59,7 @@ function useCalendarSelection(props) {
     isOutsideAllowedDates = () => true,
     focusedDateRef,
     onFocusedDateChange,
+    select: selectProp,
     selectionVariant,
     timezone,
     visibleMonth
@@ -89,39 +96,74 @@ function useCalendarSelection(props) {
   const setSelectedDate = useCallback(
     (event, newSelectedDate) => {
       if (!isDaySelectable || isDaySelectable(newSelectedDate)) {
+        const handleSelectionChange = (updatedSelection, changeHandler) => {
+          changeHandler == null ? void 0 : changeHandler(event, updatedSelection);
+          setSelectedDateState(updatedSelection);
+        };
         switch (selectionVariant) {
           case "single": {
-            setSelectedDateState(newSelectedDate);
-            onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
-            break;
-          }
-          case "multiselect": {
-            const newMultiSelectDate = addOrRemoveFromArray(
-              dateAdapter,
-              selectedDate,
-              newSelectedDate
-            );
-            setSelectedDateState(newMultiSelectDate);
-            onSelectionChange == null ? void 0 : onSelectionChange(event, newMultiSelectDate);
+            if (isMultiselect(props)) {
+              const multipleSingleSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(multipleSingleSelectedDate ?? [], newSelectedDate) : [...multipleSingleSelectedDate ?? [], newSelectedDate];
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            } else {
+              const singleSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(singleSelectedDate, newSelectedDate) : newSelectedDate;
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            }
             break;
           }
           case "range": {
-            const newRangeDate = updateRangeSelection(
-              dateAdapter,
-              selectedDate,
-              newSelectedDate
-            );
-            setSelectedDateState(newRangeDate);
-            onSelectionChange == null ? void 0 : onSelectionChange(event, newRangeDate);
+            if (isMultiselect(props)) {
+              const multipleRangeSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(multipleRangeSelectedDate ?? [], newSelectedDate) : selectMultiselectDateRange(
+                dateAdapter,
+                multipleRangeSelectedDate ?? [],
+                newSelectedDate
+              );
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            } else {
+              const rangeSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(rangeSelectedDate, newSelectedDate) : selectDateRange(
+                dateAdapter,
+                rangeSelectedDate,
+                newSelectedDate
+              );
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            }
             break;
           }
           case "offset": {
-            const newOffsetDate = {
-              startDate: getStartDateOffset(newSelectedDate),
-              endDate: getEndDateOffset(newSelectedDate)
-            };
-            setSelectedDateState(newOffsetDate);
-            onSelectionChange == null ? void 0 : onSelectionChange(event, newOffsetDate);
+            if (isMultiselect(props)) {
+              const multipleOffsetSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(multipleOffsetSelectedDate ?? [], newSelectedDate) : [
+                ...multipleOffsetSelectedDate ?? [],
+                {
+                  startDate: getStartDateOffset(newSelectedDate),
+                  endDate: getEndDateOffset(newSelectedDate)
+                }
+              ];
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            } else {
+              const offsetSelectedDate = selectedDate;
+              const select = selectProp;
+              const updatedSelection = select ? select(offsetSelectedDate, newSelectedDate) : {
+                startDate: getStartDateOffset(newSelectedDate),
+                endDate: getEndDateOffset(newSelectedDate)
+              };
+              const changeHandler = onSelectionChange;
+              handleSelectionChange(updatedSelection, changeHandler);
+            }
             break;
           }
         }
@@ -132,9 +174,12 @@ function useCalendarSelection(props) {
       getEndDateOffset,
       getStartDateOffset,
       isDaySelectable,
+      selectProp,
       selectedDate,
       selectionVariant,
-      onSelectionChange
+      onSelectionChange,
+      props
+      // Ensure props is included in the dependency array
     ]
   );
   const isSelected = useCallback(
@@ -142,34 +187,53 @@ function useCalendarSelection(props) {
       if (!selectedDate) {
         return false;
       }
+      const isSingleDateSelected = (element) => dateAdapter.isSame(element, date, "day");
+      const isDateRangeSelected = (range) => range.startDate && range.endDate && dateAdapter.compare(date, range.startDate) >= 0 && dateAdapter.compare(date, range.endDate) <= 0;
+      if (Array.isArray(selectedDate)) {
+        return selectedDate.some(
+          (element) => isDateRangeSelection(element) ? isDateRangeSelected(element) : isSingleDateSelected(element)
+        );
+      }
       switch (selectionVariant) {
         case "single":
-          return isSingleSelectionValueType(selectedDate) && dateAdapter.isSame(selectedDate, date, "day");
-        case "multiselect":
-          return Array.isArray(selectedDate) && !!selectedDate.find(
-            (element) => dateAdapter.isSame(element, date, "day")
+          return isSingleDateSelected(
+            selectedDate
           );
+        case "range":
+        case "offset":
+          return isDateRangeSelected(selectedDate);
         default:
           return false;
       }
     },
-    [dateAdapter, selectionVariant, selectedDate]
+    [dateAdapter, selectedDate, selectionVariant]
   );
   const getDefaultFocusedDate = () => {
-    if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate)) {
-      if ((selectedDate == null ? void 0 : selectedDate.startDate) && isDayVisible(selectedDate.startDate)) {
-        return selectedDate.startDate;
-      }
-      if ((selectedDate == null ? void 0 : selectedDate.endDate) && isDayVisible(selectedDate.endDate)) {
-        return selectedDate.endDate;
+    if (selectedDate && (selectionVariant === "range" || selectionVariant === "offset")) {
+      const getFocusableDate = (result, selection) => {
+        if ((selection == null ? void 0 : selection.startDate) && isDayVisible(selection.startDate)) {
+          return [...result, selection.startDate];
+        }
+        if ((selection == null ? void 0 : selection.endDate) && isDayVisible(selection.endDate)) {
+          return [...result, selection.endDate];
+        }
+        return result;
+      };
+      let focusableSelectedDates;
+      if (!multiselect) {
+        focusableSelectedDates = [selectedDate];
+      } else {
+        focusableSelectedDates = selectedDate;
       }
-    } else if (selectionVariant === "multiselect" && Array.isArray(selectedDate)) {
-      const selectionInMonth = selectedDate.filter((day) => isDayVisible(day)).sort((a, b) => dateAdapter.compare(a, b));
+      const selectionInMonth = focusableSelectedDates.reduce(getFocusableDate, []).sort((a, b) => dateAdapter.compare(a, b));
       if (selectionInMonth.length > 0) {
         return selectionInMonth[0];
       }
-    } else if (selectedDate && selectionVariant === "single" && !isDateRangeSelection(selectedDate) && !Array.isArray(selectedDate) && isDayVisible(selectedDate)) {
-      return selectedDate;
+    } else if (selectedDate && selectionVariant === "single") {
+      const focusableSelectedDate = multiselect ? selectedDate == null ? void 0 : selectedDate[0] : selectedDate;
+      if (focusableSelectedDate && isDayVisible(focusableSelectedDate)) {
+        return focusableSelectedDate;
+      }
     }
     if ((isDaySelectable == null ? void 0 : isDaySelectable(dateAdapter.today(timezone))) && isDayVisible(dateAdapter.today(timezone))) {
       return dateAdapter.today(timezone);
@@ -229,19 +293,28 @@ function useCalendarSelection(props) {
   );
   const getFocusableDates = useCallback(() => {
     const focusableDates = [];
-    if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate)) {
-      if ((selectedDate == null ? void 0 : selectedDate.startDate) && isDayVisible(selectedDate.startDate)) {
-        focusableDates.push(selectedDate.startDate);
-      } else if ((selectedDate == null ? void 0 : selectedDate.endDate) && isDayVisible(selectedDate.endDate)) {
-        focusableDates.push(selectedDate.endDate);
-      }
-    } else if (selectionVariant === "multiselect" && Array.isArray(selectedDate)) {
-      const selectionInMonth = selectedDate.filter((day) => isDayVisible(day)).sort((a, b) => dateAdapter.compare(a, b));
-      if (selectionInMonth.length > 0) {
-        focusableDates.push(selectionInMonth[0]);
+    if (Array.isArray(selectedDate)) {
+      selectedDate.forEach((selection) => {
+        if (isDateRangeSelection(selection)) {
+          if (selection.startDate && isDayVisible(selection.startDate)) {
+            focusableDates.push(selection.startDate);
+          } else if (selection.endDate && isDayVisible(selection.endDate)) {
+            focusableDates.push(selection.endDate);
+          }
+        } else if (isDayVisible(selection)) {
+          focusableDates.push(selection);
+        }
+      });
+    } else if (selectedDate) {
+      if (isDateRangeSelection(selectedDate)) {
+        if (selectedDate.startDate && isDayVisible(selectedDate.startDate)) {
+          focusableDates.push(selectedDate.startDate);
+        } else if (selectedDate.endDate && isDayVisible(selectedDate.endDate)) {
+          focusableDates.push(selectedDate.endDate);
+        }
+      } else if (isDayVisible(selectedDate)) {
+        focusableDates.push(selectedDate);
       }
-    } else if (selectionVariant === "single" && !isDateRangeSelection(selectedDate) && !Array.isArray(selectedDate) && selectedDate && isDayVisible(selectedDate)) {
-      focusableDates.push(selectedDate);
     }
     if (focusedDate && visibleMonth && dateAdapter.isSame(focusedDate, visibleMonth, "month")) {
       focusableDates.push(focusedDate);
@@ -266,27 +339,32 @@ function useCalendarSelection(props) {
     isDaySelectable,
     isDayVisible,
     selectedDate,
-    selectionVariant,
     timezone,
     visibleMonth
   ]);
   const isSelectedSpan = useCallback(
     (date) => {
-      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.startDate) && dateAdapter.isValid(selectedDate.endDate) && !isOutsideAllowedDates(selectedDate.startDate) && !isOutsideAllowedDates(selectedDate.endDate)) {
-        return dateAdapter.compare(date, selectedDate.startDate) > 0 && dateAdapter.compare(date, selectedDate.endDate) < 0;
-      }
-      return false;
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.startDate) && dateAdapter.isValid(range.endDate) && !isOutsideAllowedDates(range.startDate) && !isOutsideAllowedDates(range.endDate)) {
+          return dateAdapter.compare(date, range.startDate) > 0 && dateAdapter.compare(date, range.endDate) < 0;
+        }
+        return false;
+      });
     },
     [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
   );
   const isHoveredSpan = useCallback(
     (date) => {
-      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.startDate) && !dateAdapter.isValid(selectedDate.endDate) && !isOutsideAllowedDates(selectedDate.startDate) && 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;
-      }
-      return false;
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.startDate) && !dateAdapter.isValid(range.endDate) && !isOutsideAllowedDates(range.startDate) && hoveredDate) {
+          const isForwardRange = dateAdapter.compare(hoveredDate, range.startDate) >= 0 && (dateAdapter.compare(date, range.startDate) >= 0 && dateAdapter.compare(date, hoveredDate) <= 0 || dateAdapter.isSame(date, hoveredDate, "day"));
+          const isValidDayHovered = !isDaySelectable || isDaySelectable(hoveredDate);
+          return isForwardRange && isValidDayHovered;
+        }
+        return false;
+      });
     },
     [
       dateAdapter,
@@ -299,19 +377,25 @@ function useCalendarSelection(props) {
   );
   const isSelectedStart = useCallback(
     (date) => {
-      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.startDate) && !isOutsideAllowedDates(selectedDate.startDate)) {
-        return dateAdapter.isSame(selectedDate.startDate, date, "day");
-      }
-      return false;
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.startDate) && !isOutsideAllowedDates(range.startDate)) {
+          return dateAdapter.isSame(range.startDate, date, "day");
+        }
+        return false;
+      });
     },
     [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
   );
   const isSelectedEnd = useCallback(
     (date) => {
-      if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(selectedDate) && dateAdapter.isValid(selectedDate.endDate) && !isOutsideAllowedDates(selectedDate.endDate)) {
-        return dateAdapter.isSame(selectedDate.endDate, date, "day");
-      }
-      return false;
+      const dateRanges = Array.isArray(selectedDate) ? selectedDate : [selectedDate];
+      return dateRanges.some((range) => {
+        if ((selectionVariant === "range" || selectionVariant === "offset") && isDateRangeSelection(range) && dateAdapter.isValid(range.endDate) && !isOutsideAllowedDates(range.endDate)) {
+          return dateAdapter.isSame(range.endDate, date, "day");
+        }
+        return false;
+      });
     },
     [dateAdapter, isOutsideAllowedDates, selectionVariant, selectedDate]
   );
@@ -343,10 +427,10 @@ function useCalendarSelection(props) {
         focusableDates: getFocusableDates()
       },
       helpers: {
-        setSelectedDate,
         isSelected,
-        setHoveredDate,
+        setSelectedDate,
         isHovered,
+        setHoveredDate,
         isSelectedSpan,
         isHoveredSpan,
         isSelectedStart,
@@ -444,5 +528,5 @@ function useCalendarSelectionDay({
   };
 }
 
-export { isDateRangeSelection, isMultipleDateSelection, isSingleSelectionValueType, useCalendarSelection, useCalendarSelectionDay };
+export { isDateRangeSelection, useCalendarSelection, useCalendarSelectionDay };
 //# sourceMappingURL=useCalendarSelection.js.map