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

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendarSelection.js","sources":["../src/calendar/useCalendarSelection.ts"],"sourcesContent":["import {\n  CalendarDate,\n  CalendarDateTime,\n  type DateValue,\n  ZonedDateTime,\n  isSameDay,\n} from \"@internationalized/date\";\nimport { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n} from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\n\n/**\n * Type representing a single date selection.\n */\nexport type SingleDateSelection = DateValue;\n\n/**\n * Type representing multiple date selections.\n */\nexport type MultipleDateSelection = DateValue[];\n\n/**\n * Type representing a date range selection.\n */\nexport type DateRangeSelection = {\n  /**\n   * The start date of the range.\n   */\n  startDate?: DateValue | null;\n  /**\n   * The end date of the range.\n   */\n  endDate?: DateValue | null;\n};\n\n/**\n * Type representing all possible selection value types.\n */\nexport type AllSelectionValueType =\n  | SingleDateSelection\n  | MultipleDateSelection\n  | DateRangeSelection\n  | null;\n\n/**\n * The default minimum year used by the calendar.\n */\nexport const CALENDAR_MIN_YEAR = 1900;\n\n/**\n * The default maximum year used by the calendar.\n */\nexport const CALENDAR_MAX_YEAR = 2100;\n\n/**\n * Checks if a value is a single date selection.\n * @param value - The value to check.\n * @returns `true` if the value is a single date selection, otherwise `false`.\n */\n// biome-ignore lint/suspicious/noExplicitAny: type guard\nexport function isSingleSelectionValueType(value: any): value is DateValue {\n  return (\n    value instanceof CalendarDate ||\n    value instanceof CalendarDateTime ||\n    value instanceof ZonedDateTime\n  );\n}\n\n/**\n * Checks if a value is a date range selection.\n * @param value - The value to check.\n * @returns `true` if the value is a date range selection, otherwise `false`.\n */\n// biome-ignore lint/suspicious/noExplicitAny: type guard\nexport function isDateRangeSelection(value: any): value is DateRangeSelection {\n  return (\n    value &&\n    typeof value === \"object\" &&\n    (\"startDate\" in value || \"endDate\" in value)\n  );\n}\n\n/**\n * Checks if a value is a multiple date selection.\n * @param value - The value to check.\n * @returns `true` if the value is a multiple date selection, otherwise `false`.\n */\nexport function isMultipleDateSelection(\n  // biome-ignore lint/suspicious/noExplicitAny: type guard\n  value: any,\n): value is MultipleDateSelection {\n  return (\n    Array.isArray(value) &&\n    value.every((item) => isSingleSelectionValueType(item))\n  );\n}\n\n/**\n * Base properties for calendar UseCalendarSelection hook.\n * @template SelectionVariantType - The type of the selection variant.\n */\ninterface UseCalendarSelectionBaseProps<SelectionVariantType> {\n  /**\n   * The currently hovered date.\n   */\n  hoveredDate?: DateValue | null;\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: SelectionVariantType | null;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: SelectionVariantType;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectedDateChange?: (\n    event: SyntheticEvent,\n    selectedDate: SelectionVariantType | null,\n  ) => void;\n  /**\n   * Function to determine if a day is selectable.\n   * @param date - The date to check.\n   * @returns `true` if the day is selectable, otherwise `false`.\n   */\n  isDaySelectable?: (date: DateValue) => boolean;\n  /**\n   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate: DateValue | null,\n  ) => void;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status\n */\nexport interface UseCalendarSelectionOffsetProps\n  extends Omit<\n    UseCalendarSelectionBaseProps<DateRangeSelection>,\n    \"startDateOffset\" | \"endDateOffset\"\n  > {\n  /**\n   * The selection variant, set to \"offset\".\n   */\n  selectionVariant: \"offset\";\n  /**\n   * Function to calculate the start date offset.\n   * @param date - The date to offset.\n   * @returns The offset start date.\n   */\n  startDateOffset?: (date: DateValue) => DateValue;\n  /**\n   * Function to calculate the end date offset.\n   * @param date - The date to offset.\n   * @returns The offset end date.\n   */\n  endDateOffset?: (date: DateValue) => DateValue;\n}\n\n/**\n * Properties for the range date selection hook.\n */\nexport interface UseCalendarSelectionRangeProps\n  extends UseCalendarSelectionBaseProps<DateRangeSelection> {\n  /**\n   * The selection variant, set to \"range\".\n   */\n  selectionVariant: \"range\";\n}\n\n/**\n * Properties for the multi-select date selection hook.\n */\nexport interface UseCalendarSelectionMultiSelectProps\n  extends UseCalendarSelectionBaseProps<MultipleDateSelection> {\n  /**\n   * The selection variant, set to \"multiselect\".\n   */\n  selectionVariant: \"multiselect\";\n}\n\n/**\n * Properties for the single date selection hook.\n */\nexport interface UseCalendarSelectionSingleProps\n  extends UseCalendarSelectionBaseProps<SingleDateSelection> {\n  /**\n   * The selection variant, set to \"single\".\n   */\n  selectionVariant: \"single\";\n}\n\n/**\n * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection\n */\nexport type UseCalendarSelectionProps =\n  | UseCalendarSelectionSingleProps\n  | UseCalendarSelectionMultiSelectProps\n  | UseCalendarSelectionRangeProps\n  | UseCalendarSelectionOffsetProps;\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nfunction addOrRemoveFromArray(array: AllSelectionValueType, item: DateValue) {\n  if (Array.isArray(array)) {\n    if (array.find((element) => isSameDay(element, item))) {\n      return array.filter((element) => !isSameDay(element, item));\n    }\n    return array.concat(item);\n  }\n  return [item];\n}\n\nconst updateRangeSelection = (\n  currentSelectedDate: DateRangeSelection,\n  newSelectedDate: DateValue,\n): DateRangeSelection => {\n  let base = { ...currentSelectedDate };\n  if (base?.startDate && base?.endDate) {\n    base = { startDate: newSelectedDate };\n  } else if (base?.startDate && newSelectedDate.compare(base.startDate) < 0) {\n    base = { startDate: newSelectedDate };\n  } else if (base?.startDate && newSelectedDate.compare(base.startDate) >= 0) {\n    base = { ...base, endDate: newSelectedDate };\n  } else {\n    base = { startDate: newSelectedDate };\n  }\n  return base;\n};\n\nexport function useCalendarSelection(props: UseCalendarSelectionProps) {\n  const {\n    hoveredDate: hoveredDateProp,\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    onSelectedDateChange,\n    onHoveredDateChange,\n    isDaySelectable,\n    selectionVariant,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const [selectedDate, setSelectedDateState] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const startDateOffset =\n    selectionVariant === \"offset\" ? props.startDateOffset : undefined;\n  const endDateOffset =\n    selectionVariant === \"offset\" ? props.endDateOffset : undefined;\n\n  const getStartDateOffset = useCallback(\n    (date: DateValue) => {\n      if (selectionVariant === \"offset\" && startDateOffset) {\n        return startDateOffset(date);\n      }\n      return date;\n    },\n    [selectionVariant, startDateOffset],\n  );\n\n  const getEndDateOffset = useCallback(\n    (date: DateValue) => {\n      if (selectionVariant === \"offset\" && endDateOffset) {\n        return endDateOffset(date);\n      }\n      return date;\n    },\n    [selectionVariant, endDateOffset],\n  );\n\n  const setSelectedDate = useCallback(\n    (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: DateValue) => {\n      if (!isDaySelectable || isDaySelectable(newSelectedDate)) {\n        switch (selectionVariant) {\n          case \"single\": {\n            setSelectedDateState(newSelectedDate);\n            onSelectedDateChange?.(event, newSelectedDate);\n            break;\n          }\n          case \"multiselect\": {\n            const newMultiSelectDate = addOrRemoveFromArray(\n              selectedDate as DateValue[],\n              newSelectedDate,\n            );\n            setSelectedDateState(newMultiSelectDate);\n            onSelectedDateChange?.(event, newMultiSelectDate);\n            break;\n          }\n          case \"range\": {\n            const newRangeDate = updateRangeSelection(\n              selectedDate as DateRangeSelection,\n              newSelectedDate,\n            );\n            setSelectedDateState(newRangeDate);\n            onSelectedDateChange?.(event, newRangeDate);\n            break;\n          }\n          case \"offset\": {\n            const newOffsetDate: DateRangeSelection = {\n              startDate: getStartDateOffset(newSelectedDate),\n              endDate: getEndDateOffset(newSelectedDate),\n            };\n            setSelectedDateState(newOffsetDate);\n            props.onSelectedDateChange?.(event, newOffsetDate);\n            break;\n          }\n        }\n      }\n    },\n    [isDaySelectable, selectedDate, selectionVariant, onSelectedDateChange],\n  );\n\n  const isSelected = useCallback(\n    (date: DateValue) => {\n      switch (selectionVariant) {\n        case \"single\":\n          return (\n            isSingleSelectionValueType(selectedDate) &&\n            isSameDay(selectedDate, date)\n          );\n        case \"multiselect\":\n          return (\n            Array.isArray(selectedDate) &&\n            !!selectedDate.find((element) => isSameDay(element, date))\n          );\n        default:\n          return false;\n      }\n    },\n    [selectionVariant, selectedDate],\n  );\n\n  const [hoveredDate, setHoveredDateState] = useControlled({\n    controlled: hoveredDateProp,\n    default: undefined,\n    name: \"Calendar\",\n    state: \"hoveredDate\",\n  });\n\n  const setHoveredDate = useCallback(\n    (event: SyntheticEvent, date: DateValue | null) => {\n      setHoveredDateState(date);\n      onHoveredDateChange?.(event, date);\n    },\n    [onHoveredDateChange],\n  );\n\n  const isHovered = useCallback(\n    (date: DateValue) => {\n      return !!hoveredDate && isSameDay(date, hoveredDate);\n    },\n    [hoveredDate],\n  );\n\n  const isSelectedSpan = useCallback(\n    (date: DateValue) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate?.startDate &&\n        selectedDate?.endDate\n      ) {\n        return (\n          date.compare(selectedDate.startDate) > 0 &&\n          date.compare(selectedDate.endDate) < 0\n        );\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate],\n  );\n  const isHoveredSpan = useCallback(\n    (date: DateValue) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate.startDate &&\n        !selectedDate.endDate &&\n        hoveredDate\n      ) {\n        const isForwardRange =\n          hoveredDate.compare(selectedDate.startDate) > 0 &&\n          ((date.compare(selectedDate.startDate) > 0 &&\n            date.compare(hoveredDate) < 0) ||\n            isSameDay(date, hoveredDate));\n\n        const isValidDayHovered =\n          !isDaySelectable || isDaySelectable(hoveredDate);\n\n        return isForwardRange && isValidDayHovered;\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate, hoveredDate, isDaySelectable],\n  );\n\n  const isSelectedStart = useCallback(\n    (date: DateValue) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate.startDate\n      ) {\n        return isSameDay(selectedDate.startDate, date);\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate],\n  );\n\n  const isSelectedEnd = useCallback(\n    (date: DateValue) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate.endDate\n      ) {\n        return isSameDay(selectedDate.endDate, date);\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate],\n  );\n\n  const isHoveredOffset = useCallback(\n    (date: DateValue) => {\n      if (hoveredDate && selectionVariant === \"offset\") {\n        const startDate = getStartDateOffset(hoveredDate);\n        const endDate = getEndDateOffset(hoveredDate);\n\n        return (\n          date.compare(startDate) >= 0 &&\n          date.compare(endDate) <= 0 &&\n          (!isDaySelectable || isDaySelectable(date))\n        );\n      }\n\n      return false;\n    },\n    [\n      getStartDateOffset,\n      getEndDateOffset,\n      hoveredDate,\n      isDaySelectable,\n      selectionVariant,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      state: {\n        selectedDate,\n        hoveredDate,\n      },\n      helpers: {\n        setSelectedDate,\n        isSelected,\n        setHoveredDate,\n        isHovered,\n        isSelectedSpan,\n        isHoveredSpan,\n        isSelectedStart,\n        isSelectedEnd,\n        isHoveredOffset,\n        isDaySelectable,\n      },\n    }),\n    [\n      selectedDate,\n      hoveredDate,\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isHovered,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHoveredOffset,\n      isDaySelectable,\n    ],\n  );\n}\n\nexport function useCalendarSelectionDay({ date }: { date: DateValue }) {\n  const {\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHovered,\n      isHoveredOffset,\n      isDaySelectable,\n    },\n  } = useCalendarContext();\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setSelectedDate(event, date);\n    },\n    [date, setSelectedDate],\n  );\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      switch (event.key) {\n        case \"Space\":\n        case \"Enter\":\n          setSelectedDate(event, date);\n          event.preventDefault();\n      }\n    },\n    [date, setSelectedDate],\n  );\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setHoveredDate(event, date);\n    },\n    [date, setHoveredDate],\n  );\n\n  const handleMouseLeave: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setHoveredDate(event, null);\n    },\n    [setHoveredDate],\n  );\n\n  const selected = isSelected(date);\n  const selectedSpan = isSelectedSpan(date);\n  const hoveredSpan = isHoveredSpan(date);\n  const selectedStart = isSelectedStart(date);\n  const selectedEnd = isSelectedEnd(date);\n  const hovered = isHovered(date);\n  const hoveredOffset = isHoveredOffset(date);\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleMouseOver,\n    handleMouseLeave,\n    status: {\n      selected,\n      selectedSpan,\n      hoveredSpan,\n      selectedStart,\n      selectedEnd,\n      hovered,\n      hoveredOffset,\n    },\n    dayProps: {\n      className: clsx({\n        [withBaseName(\"selected\")]: selected,\n        [withBaseName(\"selectedSpan\")]: selectedSpan,\n        [withBaseName(\"hoveredSpan\")]: hoveredSpan,\n        [withBaseName(\"selectedStart\")]: selectedStart,\n        [withBaseName(\"selectedEnd\")]: selectedEnd,\n        [withBaseName(\"hovered\")]: hovered,\n        [withBaseName(\"hoveredOffset\")]: hoveredOffset,\n      }),\n      \"aria-pressed\":\n        selected || selectedEnd || selectedStart || selectedSpan\n          ? \"true\"\n          : undefined,\n      \"aria-disabled\":\n        isDaySelectable && !isDaySelectable(date) ? \"true\" : undefined,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCalendarSelection.js","sources":["../src/calendar/useCalendarSelection.ts"],"sourcesContent":["import { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\nimport { clsx } from \"clsx\";\nimport type {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n} from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\n\n/**\n * Type representing a single date selection.\n */\nexport type SingleDateSelection<TDate extends DateFrameworkType> = TDate;\n\n/**\n * Type representing multiple date selections.\n */\nexport type MultipleDateSelection<TDate extends DateFrameworkType> = TDate[];\n\n/**\n * Type representing a date range selection.\n */\nexport type DateRangeSelection<TDate extends DateFrameworkType> = {\n  /**\n   * The start date of the range.\n   */\n  startDate?: TDate | null;\n  /**\n   * The end date of the range.\n   */\n  endDate?: TDate | null;\n};\n\n/**\n * Type representing all possible selection value types.\n */\nexport type AllSelectionValueType<TDate extends DateFrameworkType> =\n  | SingleDateSelection<TDate>\n  | MultipleDateSelection<TDate>\n  | DateRangeSelection<TDate>\n  | null;\n\n/**\n * Checks if a value is a single date selection.\n * @param value - The value to check.\n * @returns `true` if the value is a single date selection, otherwise `false`.\n */\n// biome-ignore lint/suspicious/noExplicitAny: type guard\nexport function isSingleSelectionValueType<TDate extends DateFrameworkType>(\n  value: any,\n): value is TDate {\n  return (\n    !isMultipleDateSelection<TDate>(value) &&\n    !isDateRangeSelection<TDate>(value)\n  );\n}\n\n/**\n * Checks if a value is a date range selection.\n * @param value - The value to check.\n * @returns `true` if the value is a date range selection, otherwise `false`.\n */\n// biome-ignore lint/suspicious/noExplicitAny: type guard\nexport function isDateRangeSelection<TDate extends DateFrameworkType>(\n  value: any,\n): value is DateRangeSelection<TDate> {\n  return (\n    value &&\n    typeof value === \"object\" &&\n    (\"startDate\" in value || \"endDate\" in value)\n  );\n}\n\n/**\n * Checks if a value is a multiple date selection.\n * @param value - The value to check.\n * @returns `true` if the value is a multiple date selection, otherwise `false`.\n */\nexport function isMultipleDateSelection<TDate extends DateFrameworkType>(\n  // biome-ignore lint/suspicious/noExplicitAny: type guard\n  value: any,\n): value is MultipleDateSelection<TDate> {\n  return (\n    Array.isArray(value) &&\n    value.every((item) => isSingleSelectionValueType(item))\n  );\n}\n\n/**\n * Base properties for calendar UseCalendarSelection hook.\n * @template SelectionVariantType - The type of the selection variant.\n */\ninterface UseCalendarSelectionBaseProps<TDate extends DateFrameworkType> {\n  /**\n   * The currently hovered date.\n   */\n  hoveredDate?: TDate | null;\n  /**\n   * Function to determine if a day is selectable.\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   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate: TDate | null,\n  ) => void;\n}\n\n/**\n * UseCalendar hook props to return a calendar day's status\n */\nexport interface UseCalendarSelectionOffsetProps<\n  TDate extends DateFrameworkType,\n> extends Omit<\n    UseCalendarSelectionBaseProps<TDate>,\n    \"startDateOffset\" | \"endDateOffset\"\n  > {\n  /**\n   * The selection variant, set to \"offset\".\n   */\n  selectionVariant: \"offset\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: DateRangeSelection<TDate>;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: DateRangeSelection<TDate>;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: DateRangeSelection<TDate>,\n  ) => void;\n  /**\n   * Function to calculate the start date offset.\n   * @param date - The date to offset.\n   * @returns The offset start date.\n   */\n  startDateOffset?: (date: TDate) => TDate;\n  /**\n   * Function to calculate the end date offset.\n   * @param date - The date to offset.\n   * @returns The offset end date.\n   */\n  endDateOffset?: (date: TDate) => TDate;\n}\n\n/**\n * Properties for the range date selection hook.\n */\nexport interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType>\n  extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The selection variant, set to \"range\".\n   */\n  selectionVariant: \"range\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: DateRangeSelection<TDate>;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: DateRangeSelection<TDate>;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: DateRangeSelection<TDate>,\n  ) => void;\n}\n\n/**\n * Properties for the multi-select date selection hook.\n */\nexport interface UseCalendarSelectionMultiSelectProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The selection variant, set to \"multiselect\".\n   */\n  selectionVariant: \"multiselect\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: MultipleDateSelection<TDate>;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: MultipleDateSelection<TDate>;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: MultipleDateSelection<TDate>,\n  ) => void;\n}\n\n/**\n * Properties for the single date selection hook.\n */\nexport interface UseCalendarSelectionSingleProps<\n  TDate extends DateFrameworkType,\n> extends UseCalendarSelectionBaseProps<TDate> {\n  /**\n   * The selection variant, set to \"single\".\n   */\n  selectionVariant: \"single\";\n  /**\n   * The currently selected date.\n   */\n  selectedDate?: SingleDateSelection<TDate> | null;\n  /**\n   * The default selected date.\n   */\n  defaultSelectedDate?: SingleDateSelection<TDate> | null;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param selectedDate - The new selected date.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate: SingleDateSelection<TDate> | null,\n  ) => void;\n}\n\n/**\n * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection\n */\nexport type UseCalendarSelectionProps<TDate extends DateFrameworkType> =\n  | UseCalendarSelectionSingleProps<TDate>\n  | UseCalendarSelectionMultiSelectProps<TDate>\n  | UseCalendarSelectionRangeProps<TDate>\n  | UseCalendarSelectionOffsetProps<TDate>;\n\nconst withBaseName = makePrefixer(\"saltCalendarDay\");\n\nfunction addOrRemoveFromArray<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  array: AllSelectionValueType<TDate>,\n  item: TDate,\n) {\n  if (Array.isArray(array)) {\n    const filteredArray = array.filter(\n      (element) => !dateAdapter.isSame(element, item, \"day\"),\n    );\n    if (filteredArray.length === array.length) {\n      return array.concat(item);\n    }\n    return filteredArray;\n  }\n  return [item];\n}\n\nfunction updateRangeSelection<TDate extends DateFrameworkType>(\n  datePicker: SaltDateAdapter<TDate>,\n  currentSelectedDate: DateRangeSelection<TDate> | undefined,\n  newSelectedDate: TDate,\n): DateRangeSelection<TDate> {\n  let base = { ...currentSelectedDate };\n  if (base?.startDate && base?.endDate) {\n    base = { startDate: newSelectedDate };\n  } else if (\n    base?.startDate &&\n    datePicker.compare(newSelectedDate, base.startDate) < 0\n  ) {\n    base = { startDate: newSelectedDate };\n  } else if (\n    base?.startDate &&\n    datePicker.compare(newSelectedDate, base.startDate) >= 0\n  ) {\n    base = { ...base, endDate: newSelectedDate };\n  } else {\n    base = { startDate: newSelectedDate };\n  }\n  return base;\n}\n\nexport function useCalendarSelection<TDate extends DateFrameworkType>(\n  props: UseCalendarSelectionProps<TDate>,\n) {\n  const {\n    hoveredDate: hoveredDateProp,\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    onSelectionChange,\n    onHoveredDateChange,\n    isDaySelectable,\n    selectionVariant,\n    // startDateOffset,\n    // endDateOffset,\n  } = props;\n  const { dateAdapter } = useLocalization<TDate>();\n  const [selectedDate, setSelectedDateState] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const startDateOffset =\n    selectionVariant === \"offset\" ? props.startDateOffset : undefined;\n  const endDateOffset =\n    selectionVariant === \"offset\" ? props.endDateOffset : undefined;\n\n  const getStartDateOffset = useCallback(\n    (date: TDate) => {\n      if (selectionVariant === \"offset\" && startDateOffset) {\n        return startDateOffset(date);\n      }\n      return date;\n    },\n    [selectionVariant, startDateOffset],\n  );\n\n  const getEndDateOffset = useCallback(\n    (date: TDate) => {\n      if (selectionVariant === \"offset\" && endDateOffset) {\n        return endDateOffset(date);\n      }\n      return date;\n    },\n    [selectionVariant, endDateOffset],\n  );\n\n  const setSelectedDate = useCallback(\n    (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => {\n      if (!isDaySelectable || isDaySelectable(newSelectedDate)) {\n        switch (selectionVariant) {\n          case \"single\": {\n            setSelectedDateState(newSelectedDate);\n            onSelectionChange?.(event, newSelectedDate);\n            break;\n          }\n          case \"multiselect\": {\n            const newMultiSelectDate = addOrRemoveFromArray<TDate>(\n              dateAdapter,\n              selectedDate as TDate[],\n              newSelectedDate,\n            );\n            setSelectedDateState(newMultiSelectDate);\n            onSelectionChange?.(event, newMultiSelectDate);\n            break;\n          }\n          case \"range\": {\n            const newRangeDate = updateRangeSelection<TDate>(\n              dateAdapter,\n              selectedDate as DateRangeSelection<TDate>,\n              newSelectedDate,\n            );\n            setSelectedDateState(newRangeDate);\n            onSelectionChange?.(event, newRangeDate);\n            break;\n          }\n          case \"offset\": {\n            const newOffsetDate: DateRangeSelection<TDate> = {\n              startDate: getStartDateOffset(newSelectedDate),\n              endDate: getEndDateOffset(newSelectedDate),\n            };\n            setSelectedDateState(newOffsetDate);\n            props.onSelectionChange?.(event, newOffsetDate);\n            break;\n          }\n        }\n      }\n    },\n    [isDaySelectable, selectedDate, selectionVariant, onSelectionChange],\n  );\n\n  const isSelected = useCallback(\n    (date: TDate) => {\n      if (!selectedDate) {\n        return false;\n      }\n      switch (selectionVariant) {\n        case \"single\":\n          return (\n            isSingleSelectionValueType(selectedDate) &&\n            dateAdapter.isSame(selectedDate, date, \"day\")\n          );\n        case \"multiselect\":\n          return (\n            Array.isArray(selectedDate) &&\n            !!selectedDate.find((element) =>\n              dateAdapter.isSame(element, date, \"day\"),\n            )\n          );\n        default:\n          return false;\n      }\n    },\n    [dateAdapter, selectionVariant, selectedDate],\n  );\n\n  const [hoveredDate, setHoveredDateState] = useControlled({\n    controlled: hoveredDateProp,\n    default: undefined,\n    name: \"Calendar\",\n    state: \"hoveredDate\",\n  });\n\n  const setHoveredDate = useCallback(\n    (event: SyntheticEvent, date: TDate | null) => {\n      setHoveredDateState(date);\n      onHoveredDateChange?.(event, date);\n    },\n    [onHoveredDateChange],\n  );\n\n  const isHovered = useCallback(\n    (date: TDate) => {\n      return !!hoveredDate && dateAdapter.isSame(date, hoveredDate, \"day\");\n    },\n    [hoveredDate],\n  );\n\n  const isSelectedSpan = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate?.startDate &&\n        selectedDate?.endDate\n      ) {\n        return (\n          dateAdapter.compare(date, selectedDate.startDate) > 0 &&\n          dateAdapter.compare(date, selectedDate.endDate) < 0\n        );\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate],\n  );\n  const isHoveredSpan = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate.startDate &&\n        !selectedDate.endDate &&\n        hoveredDate\n      ) {\n        const isForwardRange =\n          dateAdapter.compare(hoveredDate, selectedDate.startDate) > 0 &&\n          ((dateAdapter.compare(date, selectedDate.startDate) > 0 &&\n            dateAdapter.compare(date, hoveredDate) < 0) ||\n            dateAdapter.isSame(date, hoveredDate, \"day\"));\n\n        const isValidDayHovered =\n          !isDaySelectable || isDaySelectable(hoveredDate);\n\n        return isForwardRange && isValidDayHovered;\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate, hoveredDate, isDaySelectable],\n  );\n\n  const isSelectedStart = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate.startDate\n      ) {\n        return dateAdapter.isSame(selectedDate.startDate, date, \"day\");\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate],\n  );\n\n  const isSelectedEnd = useCallback(\n    (date: TDate) => {\n      if (\n        (selectionVariant === \"range\" || selectionVariant === \"offset\") &&\n        isDateRangeSelection(selectedDate) &&\n        selectedDate.endDate\n      ) {\n        return dateAdapter.isSame(selectedDate.endDate, date, \"day\");\n      }\n      return false;\n    },\n    [selectionVariant, selectedDate],\n  );\n\n  const isHoveredOffset = useCallback(\n    (date: TDate) => {\n      if (hoveredDate && selectionVariant === \"offset\") {\n        const startDate = getStartDateOffset(hoveredDate);\n        const endDate = getEndDateOffset(hoveredDate);\n\n        return (\n          dateAdapter.compare(date, startDate) >= 0 &&\n          dateAdapter.compare(date, endDate) <= 0 &&\n          (!isDaySelectable || isDaySelectable(date))\n        );\n      }\n\n      return false;\n    },\n    [\n      getStartDateOffset,\n      getEndDateOffset,\n      hoveredDate,\n      isDaySelectable,\n      selectionVariant,\n    ],\n  );\n\n  return useMemo(\n    () => ({\n      state: {\n        selectedDate,\n        hoveredDate,\n      },\n      helpers: {\n        setSelectedDate,\n        isSelected,\n        setHoveredDate,\n        isHovered,\n        isSelectedSpan,\n        isHoveredSpan,\n        isSelectedStart,\n        isSelectedEnd,\n        isHoveredOffset,\n        isDaySelectable,\n      },\n    }),\n    [\n      selectedDate,\n      hoveredDate,\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isHovered,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHoveredOffset,\n      isDaySelectable,\n    ],\n  );\n}\n\nexport function useCalendarSelectionDay<TDate extends DateFrameworkType>({\n  date,\n}: { date: TDate }) {\n  const {\n    helpers: {\n      setSelectedDate,\n      isSelected,\n      setHoveredDate,\n      isSelectedSpan,\n      isHoveredSpan,\n      isSelectedStart,\n      isSelectedEnd,\n      isHovered,\n      isHoveredOffset,\n      isDaySelectable,\n    },\n  } = useCalendarContext<TDate>();\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setSelectedDate(event, date);\n    },\n    [date, setSelectedDate],\n  );\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      switch (event.key) {\n        case \"Space\":\n        case \"Enter\":\n          setSelectedDate(event, date);\n          event.preventDefault();\n      }\n    },\n    [date, setSelectedDate],\n  );\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setHoveredDate(event, date);\n    },\n    [date, setHoveredDate],\n  );\n\n  const handleMouseLeave: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      setHoveredDate(event, null);\n    },\n    [setHoveredDate],\n  );\n\n  const selected = isSelected(date);\n  const selectedSpan = isSelectedSpan(date);\n  const hoveredSpan = isHoveredSpan(date);\n  const selectedStart = isSelectedStart(date);\n  const selectedEnd = isSelectedEnd(date);\n  const hovered = isHovered(date);\n  const hoveredOffset = isHoveredOffset(date);\n\n  return {\n    handleClick,\n    handleKeyDown,\n    handleMouseOver,\n    handleMouseLeave,\n    status: {\n      selected,\n      selectedSpan,\n      hoveredSpan,\n      selectedStart,\n      selectedEnd,\n      hovered,\n      hoveredOffset,\n    },\n    dayProps: {\n      className: clsx({\n        [withBaseName(\"selected\")]: selected,\n        [withBaseName(\"selectedSpan\")]: selectedSpan,\n        [withBaseName(\"hoveredSpan\")]: hoveredSpan,\n        [withBaseName(\"selectedStart\")]: selectedStart,\n        [withBaseName(\"selectedEnd\")]: selectedEnd,\n        [withBaseName(\"hovered\")]: hovered,\n        [withBaseName(\"hoveredOffset\")]: hoveredOffset,\n      }),\n      \"aria-pressed\":\n        selected || selectedEnd || selectedStart || selectedSpan\n          ? \"true\"\n          : undefined,\n      \"aria-disabled\":\n        isDaySelectable && !isDaySelectable(date) ? \"true\" : undefined,\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/date-input/DateInput.css.js

@@ -1,4 +1,4 @@
-var css_248z = "/* Style applied to the root element */\n.saltDateInput {\n  align-items: center;\n  background: var(--saltDateInput-background, var(--input-background));\n  border-radius: var(--salt-palette-corner-weak, 0);\n  color: var(--saltDateInput-color, var(--salt-content-primary-foreground));\n  display: inline-flex;\n  gap: var(--salt-spacing-50);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltDateInput-fontSize, var(--salt-text-fontSize));\n  line-height: var(--saltDateInput-lineHeight, var(--salt-text-lineHeight));\n  letter-spacing: var(--salt-text-letterSpacing);\n  height: var(--saltDateInput-height, var(--salt-size-base));\n  min-height: var(--saltDateInput-minHeight, var(--salt-size-base));\n  min-width: var(--saltDateInput-minWidth, 4em);\n  padding-left: var(--saltDateInput-paddingLeft, var(--salt-spacing-100));\n  padding-right: var(--saltDateInput-paddingRight, var(--salt-spacing-100));\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.saltDateInput:hover {\n  background: var(--saltDateInput-background-hover, var(--input-background-hover));\n  cursor: var(--salt-editable-cursor-hover);\n}\n\n/* Style applied if `bordered={true}` */\n.saltDateInput-bordered.saltDateInput {\n  border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);\n}\n\n.saltDateInput-bordered.saltDateInput:hover {\n  border-style: var(--salt-editable-borderStyle-hover);\n  border-color: var(--input-borderColor-hover);\n}\n\n.saltDateInput-bordered.saltDateInput-focused,\n.saltDateInput-bordered.saltDateInput-focused:hover {\n  border-style: var(--salt-editable-borderStyle-active);\n  border-color: var(--input-borderColor-active);\n}\n\n.saltDateInput-bordered.saltDateInput-readOnly,\n.saltDateInput-bordered.saltDateInput-readOnly:hover {\n  border-style: var(--salt-editable-borderStyle-readonly);\n  border-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDateInput-bordered.saltDateInput-disabled,\n.saltDateInput-bordered.saltDateInput-disabled:hover {\n  border-style: var(--salt-editable-borderStyle-disabled);\n  border-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDateInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);\n}\n\n.saltDateInput:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-editable-borderStyle-hover);\n  border-bottom-color: var(--input-borderColor-hover);\n}\n\n.saltDateInput-focused .saltDateInput-activationIndicator,\n.saltDateInput-focused:hover .saltDateInput-activationIndicator {\n  border-bottom: var(--salt-size-border-strong) var(--salt-editable-borderStyle-active) var(--input-borderColor-active);\n}\n\n.saltDateInput-readOnly .saltDateInput-activationIndicator,\n.saltDateInput-readOnly:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-editable-borderStyle-readonly);\n  border-bottom-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDateInput-disabled .saltDateInput-activationIndicator,\n.saltDateInput-disabled:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-editable-borderStyle-disabled);\n  border-bottom-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDateInput-bordered .saltDateInput-activationIndicator,\n.saltDateInput-bordered.saltDateInput-readOnly .saltDateInput-activationIndicator,\n.saltDateInput-bordered.saltDateInput-disabled:hover .saltDateInput-activationIndicator {\n  border-bottom-width: 0;\n}\n\n.saltDateInput-bordered.saltDateInput-focused .saltDateInput-activationIndicator {\n  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltDateInput-primary {\n  --input-background: var(--salt-editable-primary-background);\n  --input-background-active: var(--salt-editable-primary-background-active);\n  --input-background-hover: var(--salt-editable-primary-background-hover);\n  --input-background-disabled: var(--salt-editable-primary-background-disabled);\n  --input-background-readonly: var(--salt-editable-primary-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltDateInput-secondary {\n  --input-background: var(--salt-editable-secondary-background);\n  --input-background-active: var(--salt-editable-secondary-background-active);\n  --input-background-hover: var(--salt-editable-secondary-background-active);\n  --input-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --input-background-readonly: var(--salt-editable-secondary-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltDateInput-error {\n  --input-background: var(--salt-status-error-background);\n  --input-background-active: var(--salt-status-error-background);\n  --input-background-hover: var(--salt-status-error-background);\n  --input-background-readonly: var(--salt-status-error-background);\n  --input-borderColor: var(--salt-status-error-borderColor);\n  --input-borderColor-active: var(--salt-status-error-borderColor);\n  --input-borderColor-hover: var(--salt-status-error-borderColor);\n  --input-outlineColor: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltDateInput-warning {\n  --input-background: var(--salt-status-warning-background);\n  --input-background-active: var(--salt-status-warning-background);\n  --input-background-hover: var(--salt-status-warning-background);\n  --input-background-readonly: var(--salt-status-warning-background);\n  --input-borderColor: var(--salt-status-warning-borderColor);\n  --input-borderColor-active: var(--salt-status-warning-borderColor);\n  --input-borderColor-hover: var(--salt-status-warning-borderColor);\n  --input-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltDateInput-success {\n  --input-background: var(--salt-status-success-background);\n  --input-background-active: var(--salt-status-success-background);\n  --input-background-hover: var(--salt-status-success-background);\n  --input-background-readonly: var(--salt-status-success-background);\n  --input-borderColor: var(--salt-status-success-borderColor);\n  --input-borderColor-active: var(--salt-status-success-borderColor);\n  --input-borderColor-hover: var(--salt-status-success-borderColor);\n  --input-outlineColor: var(--salt-status-success-borderColor);\n}\n\n/* Styling when focused */\n.saltDateInput-focused,\n.saltDateInput-focused:hover {\n  background: var(--saltDateInput-background-active, var(--input-background-active));\n  cursor: var(--salt-editable-cursor-active);\n  outline: var(--saltDateInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));\n}\n\n/* Style applied if `readOnly={true}` */\n.saltDateInput.saltDateInput-readOnly {\n  background: var(--input-background-readonly);\n  cursor: var(--salt-editable-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` */\n.saltDateInput-disabled,\n.saltDateInput-disabled:hover {\n  background: var(--input-background-disabled);\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--saltDateInput-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n/* Style applied to end adornments */\n.saltDateInput-endAdornmentContainer {\n  display: inline-flex;\n  padding-left: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n  margin-left: auto;\n  align-items: end;\n}\n\n.saltDateInput-endAdornmentContainer .saltButton ~ .saltButton {\n  margin-left: calc(-1 * var(--salt-spacing-50));\n}\n\n.saltDateInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltDateInput-endAdornmentContainer > .saltButton {\n  --saltButton-padding: var(--salt-spacing-50);\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n\n/* Style applied to inner input component */\n.saltDateInput-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: block;\n  font: inherit;\n  height: 100%;\n  letter-spacing: var(--saltDateInput-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: left;\n  width: min-content;\n}\n\n/* Reset in the  class */\n.saltDateInput-input:focus {\n  outline: none;\n}\n\n/* Style applied to selected input */\n.saltDateInput-input::selection {\n  background: var(--salt-content-foreground-highlight);\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltDateInput-disabled .saltDateInput-input::selection {\n  background: none;\n}\n\n/* Style applied to placeholder text */\n.saltDateInput-input::placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n";
+var css_248z = "/* Style applied to the root element */\n.saltDateInput {\n  align-items: center;\n  background: var(--saltDateInput-background, var(--input-background));\n  border-radius: var(--salt-palette-corner-weak, 0);\n  color: var(--saltDateInput-color, var(--salt-content-primary-foreground));\n  display: inline-flex;\n  gap: var(--salt-spacing-50);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltDateInput-fontSize, var(--salt-text-fontSize));\n  line-height: var(--saltDateInput-lineHeight, var(--salt-text-lineHeight));\n  letter-spacing: var(--salt-text-letterSpacing);\n  height: var(--saltDateInput-height, var(--salt-size-base));\n  min-height: var(--saltDateInput-minHeight, var(--salt-size-base));\n  min-width: var(--saltDateInput-minWidth, 4em);\n  padding-left: var(--saltDateInput-paddingLeft, var(--salt-spacing-100));\n  padding-right: var(--saltDateInput-paddingRight, var(--salt-spacing-100));\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.saltDateInput:hover {\n  background: var(--saltDateInput-background-hover, var(--input-background-hover));\n  cursor: var(--salt-editable-cursor-hover);\n}\n\n/* Style applied if `bordered={true}` */\n.saltDateInput-bordered.saltDateInput {\n  border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);\n}\n\n.saltDateInput-bordered.saltDateInput:hover {\n  border-style: var(--salt-editable-borderStyle-hover);\n  border-color: var(--input-borderColor-hover);\n}\n\n.saltDateInput-bordered.saltDateInput-focused,\n.saltDateInput-bordered.saltDateInput-focused:hover {\n  border-style: var(--salt-editable-borderStyle-active);\n  border-color: var(--input-borderColor-active);\n}\n\n.saltDateInput-bordered.saltDateInput-readOnly,\n.saltDateInput-bordered.saltDateInput-readOnly:hover {\n  border-style: var(--salt-editable-borderStyle-readonly);\n  border-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDateInput-bordered.saltDateInput-disabled,\n.saltDateInput-bordered.saltDateInput-disabled:hover {\n  border-style: var(--salt-editable-borderStyle-disabled);\n  border-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDateInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--salt-size-border) var(--salt-editable-borderStyle) var(--input-borderColor);\n}\n\n.saltDateInput:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-editable-borderStyle-hover);\n  border-bottom-color: var(--input-borderColor-hover);\n}\n\n.saltDateInput-focused .saltDateInput-activationIndicator,\n.saltDateInput-focused:hover .saltDateInput-activationIndicator {\n  border-bottom: var(--salt-size-border-strong) var(--salt-editable-borderStyle-active) var(--input-borderColor-active);\n}\n\n.saltDateInput-readOnly .saltDateInput-activationIndicator,\n.saltDateInput-readOnly:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-editable-borderStyle-readonly);\n  border-bottom-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDateInput-disabled .saltDateInput-activationIndicator,\n.saltDateInput-disabled:hover .saltDateInput-activationIndicator {\n  border-bottom-style: var(--salt-editable-borderStyle-disabled);\n  border-bottom-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDateInput-bordered .saltDateInput-activationIndicator,\n.saltDateInput-bordered.saltDateInput-readOnly .saltDateInput-activationIndicator,\n.saltDateInput-bordered.saltDateInput-disabled:hover .saltDateInput-activationIndicator {\n  border-bottom-width: 0;\n}\n\n.saltDateInput-bordered.saltDateInput-focused .saltDateInput-activationIndicator {\n  border-bottom-width: calc(var(--salt-size-border-strong) - var(--salt-size-border));\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltDateInput-primary {\n  --input-background: var(--salt-editable-primary-background);\n  --input-background-active: var(--salt-editable-primary-background-active);\n  --input-background-hover: var(--salt-editable-primary-background-hover);\n  --input-background-disabled: var(--salt-editable-primary-background-disabled);\n  --input-background-readonly: var(--salt-editable-primary-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltDateInput-secondary {\n  --input-background: var(--salt-editable-secondary-background);\n  --input-background-active: var(--salt-editable-secondary-background-active);\n  --input-background-hover: var(--salt-editable-secondary-background-active);\n  --input-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --input-background-readonly: var(--salt-editable-secondary-background-readonly);\n  --input-borderColor: var(--salt-editable-borderColor);\n  --input-borderColor-active: var(--salt-editable-borderColor-active);\n  --input-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --input-outlineColor: var(--salt-focused-outlineColor);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltDateInput-error {\n  --input-background: var(--salt-status-error-background);\n  --input-background-active: var(--salt-status-error-background);\n  --input-background-hover: var(--salt-status-error-background);\n  --input-background-readonly: var(--salt-status-error-background);\n  --input-borderColor: var(--salt-status-error-borderColor);\n  --input-borderColor-active: var(--salt-status-error-borderColor);\n  --input-borderColor-hover: var(--salt-status-error-borderColor);\n  --input-outlineColor: var(--salt-status-error-borderColor);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltDateInput-warning {\n  --input-background: var(--salt-status-warning-background);\n  --input-background-active: var(--salt-status-warning-background);\n  --input-background-hover: var(--salt-status-warning-background);\n  --input-background-readonly: var(--salt-status-warning-background);\n  --input-borderColor: var(--salt-status-warning-borderColor);\n  --input-borderColor-active: var(--salt-status-warning-borderColor);\n  --input-borderColor-hover: var(--salt-status-warning-borderColor);\n  --input-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltDateInput-success {\n  --input-background: var(--salt-status-success-background);\n  --input-background-active: var(--salt-status-success-background);\n  --input-background-hover: var(--salt-status-success-background);\n  --input-background-readonly: var(--salt-status-success-background);\n  --input-borderColor: var(--salt-status-success-borderColor);\n  --input-borderColor-active: var(--salt-status-success-borderColor);\n  --input-borderColor-hover: var(--salt-status-success-borderColor);\n  --input-outlineColor: var(--salt-status-success-borderColor);\n}\n\n/* Styling when focused */\n.saltDateInput-focused,\n.saltDateInput-focused:hover {\n  background: var(--saltDateInput-background-active, var(--input-background-active));\n  cursor: var(--salt-editable-cursor-active);\n  outline: var(--saltDateInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--input-outlineColor));\n}\n\n/* Style applied if `readOnly={true}` */\n.saltDateInput.saltDateInput-readOnly {\n  background: var(--input-background-readonly);\n  cursor: var(--salt-editable-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` */\n.saltDateInput-disabled,\n.saltDateInput-disabled:hover {\n  background: var(--input-background-disabled);\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--saltDateInput-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n/* Style applied to start adornments */\n.saltInput-startAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-right: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n}\n\n/* Style applied to end adornments */\n.saltDateInput-endAdornmentContainer {\n  display: inline-flex;\n  padding-left: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n  margin-left: auto;\n  align-items: end;\n}\n\n.saltDateInput-endAdornmentContainer .saltButton ~ .saltButton {\n  margin-left: calc(-1 * var(--salt-spacing-50));\n}\n\n.saltDateInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltDateInput-endAdornmentContainer > .saltButton {\n  --saltButton-padding: var(--salt-spacing-50);\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n\n/* Style applied to inner input component */\n.saltDateInput-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: block;\n  font: inherit;\n  height: 100%;\n  letter-spacing: var(--saltDateInput-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: left;\n  width: min-content;\n}\n\n/* Reset in the  class */\n.saltDateInput-input:focus {\n  outline: none;\n}\n\n/* Style applied to selected input */\n.saltDateInput-input::selection {\n  background: var(--salt-content-foreground-highlight);\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltDateInput-disabled .saltDateInput-input::selection {\n  background: none;\n}\n\n/* Style applied to placeholder text */\n.saltDateInput-input::placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=DateInput.css.js.map

package/dist-es/date-input/DateInputRange.js

@@ -1,58 +1,54 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { getLocalTimeZone } from '@internationalized/date';
 import { makePrefixer, useForkRef, useId, useControlled, useFormFieldProps, StatusAdornment } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import { clsx } from 'clsx';
-import { forwardRef, useRef, useCallback, useEffect, useState } from 'react';
-import '../calendar/Calendar.js';
-import '../calendar/CalendarNavigation.js';
-import '../calendar/CalendarWeekHeader.js';
-import '../calendar/CalendarDateGrid.js';
-import '../calendar/internal/CalendarContext.js';
-import { getCurrentLocale, formatDate } from '../calendar/formatDate.js';
-import '../calendar/useCalendarSelection.js';
+import { forwardRef, useRef, useMemo, useEffect, useState } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import css_248z from './DateInput.css.js';
-import { parseCalendarDate, extractTimeFieldsFromDateRange } from './utils.js';
 
 const withBaseName = makePrefixer("saltDateInput");
+var DateParserField = /* @__PURE__ */ ((DateParserField2) => {
+  DateParserField2["START"] = "start";
+  DateParserField2["END"] = "end";
+  return DateParserField2;
+})(DateParserField || {});
 const DateInputRange = forwardRef(
-  function DateInputRange2(props, ref) {
+  (props, ref) => {
+    const { dateAdapter } = useLocalization();
     const {
       bordered = false,
       className,
       disabled,
       "aria-label": ariaLabel,
       date: dateProp,
-      defaultDate = {},
+      defaultDate,
       onDateChange,
       value: valueProp,
-      defaultValue = { startDate: "", endDate: "" },
+      locale,
+      format = "DD MMM YYYY",
+      defaultValue = {
+        startDate: dateAdapter.format(void 0, format, locale),
+        endDate: dateAdapter.format(void 0, format, locale)
+      },
       onChange,
       onClick,
       onDateValueChange,
       emptyReadOnlyMarker = "\u2014",
       endAdornment,
-      format: formatProp,
       startInputProps = {},
       endInputProps = {},
       startInputRef: startInputRefProp,
       endInputRef: endInputRefProp,
-      parse = parseCalendarDate,
-      placeholder = "dd mmm yyyy",
+      parse: parseProp,
+      placeholder = format.toLowerCase(),
       readOnly: readOnlyProp,
       validationStatus: validationStatusProp,
       variant = "primary",
-      locale = getCurrentLocale(),
-      timeZone = getLocalTimeZone(),
       ...rest
     } = props;
     const wrapperRef = useRef(null);
     const handleWrapperRef = useForkRef(ref, wrapperRef);
-    const lastError = useRef({
-      startDate: false,
-      endDate: false
-    });
     const startInputRef = useRef(null);
     const handleStartInputRef = useForkRef(startInputRef, startInputRefProp);
     const endInputRef = useRef(null);
@@ -65,40 +61,73 @@ const DateInputRange = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    const [date, setDate] = useControlled({
-      controlled: dateProp,
-      default: defaultDate,
-      name: "DateInputRange",
-      state: "date"
-    });
+    const parseDateValue = (dateValue2, field) => {
+      const parseResult = parseProp ? parseProp(dateValue2 ?? "", field, format, locale) : dateAdapter.parse.bind(dateAdapter)(dateValue2 ?? "", format, locale);
+      const { date: date2, ...parseDetails } = parseResult;
+      return { date: date2, ...parseDetails };
+    };
     const [dateValue, setDateValue] = useControlled({
       controlled: valueProp,
       default: defaultValue,
       name: "DateInputRange",
       state: "dateValue"
     });
-    const preservedTime = useRef({});
-    preservedTime.current = extractTimeFieldsFromDateRange(date);
-    const format = useCallback(
-      (date2) => {
-        return formatProp ? formatProp(date2) : formatDate(date2, locale, { timeZone });
-      },
-      [formatProp, locale, timeZone]
-    );
+    const fallbackDate = useMemo(() => {
+      if (!defaultValue) {
+        return void 0;
+      }
+      const { date: startDate = void 0 } = parseDateValue(defaultValue == null ? void 0 : defaultValue.startDate, "start" /* START */) ?? {};
+      const { date: endDate = void 0 } = parseDateValue(defaultValue == null ? void 0 : defaultValue.endDate, "end" /* END */) ?? {};
+      return {
+        startDate,
+        endDate
+      };
+    }, [defaultValue, dateAdapter, parseProp, format]);
+    const [date, setDate] = useControlled({
+      controlled: dateProp,
+      default: defaultDate ?? fallbackDate,
+      name: "DateInputRange",
+      state: "date"
+    });
+    const lastAppliedValue = useRef(dateValue);
+    const preservedTime = useRef({ startTime: null, endTime: null });
+    preservedTime.current = {
+      startTime: (date == null ? void 0 : date.startDate) && dateAdapter.isValid(date == null ? void 0 : date.startDate) ? dateAdapter.getTime(date.startDate) : null,
+      endTime: (date == null ? void 0 : date.endDate) && dateAdapter.isValid(date == null ? void 0 : date.endDate) ? dateAdapter.getTime(date.endDate) : null
+    };
     const setDateValueFromDate = (newDate) => {
       let newDateValue = { ...dateValue };
-      const formattedStartDate = format((newDate == null ? void 0 : newDate.startDate) ?? null);
-      if (formattedStartDate) {
-        newDateValue = { ...newDateValue, startDate: formattedStartDate };
+      if ((newDate == null ? void 0 : newDate.startDate) && dateAdapter.isValid(newDate == null ? void 0 : newDate.startDate)) {
+        const formattedStartDateValue = dateAdapter.format(
+          newDate == null ? void 0 : newDate.startDate,
+          format,
+          locale
+        );
+        newDateValue = { ...dateValue, startDate: formattedStartDateValue };
+      } else if (!(newDate == null ? void 0 : newDate.startDate)) {
+        newDateValue = {
+          ...dateValue,
+          startDate: dateAdapter.format(void 0, format, locale)
+        };
       }
-      const formattedEndDate = format((newDate == null ? void 0 : newDate.endDate) ?? null);
-      if (formattedEndDate) {
-        newDateValue = { ...newDateValue, endDate: formattedEndDate };
+      if ((newDate == null ? void 0 : newDate.endDate) && dateAdapter.isValid(newDate.endDate)) {
+        const formattedEndDateValue = dateAdapter.format(
+          newDate == null ? void 0 : newDate.endDate,
+          format,
+          locale
+        );
+        newDateValue = { ...newDateValue, endDate: formattedEndDateValue };
+      } else if (!(newDate == null ? void 0 : newDate.endDate)) {
+        newDateValue = {
+          ...newDateValue,
+          endDate: dateAdapter.format(void 0, format, locale)
+        };
       }
       if ((newDateValue == null ? void 0 : newDateValue.startDate) !== (dateValue == null ? void 0 : dateValue.startDate) || (newDateValue == null ? void 0 : newDateValue.endDate) !== (dateValue == null ? void 0 : dateValue.endDate)) {
-        onDateValueChange == null ? void 0 : onDateValueChange(newDateValue, true);
+        onDateValueChange == null ? void 0 : onDateValueChange(null, newDateValue);
+        setDateValue(newDateValue);
       }
-      setDateValue(newDateValue);
+      return newDateValue;
     };
     useEffect(() => {
       setDateValueFromDate(date);
@@ -140,80 +169,47 @@ const DateInputRange = forwardRef(
     } = endInputProps;
     const endInputIsRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : endInputPropsRequired;
     const apply = (event) => {
-      const { date: newStartDate, error: startDateError } = parse(
-        dateValue.startDate ?? ""
-      );
-      const { date: newEndDate, error: endDateError } = parse(
-        dateValue.endDate || ""
-      );
-      const hasDateChanged = (newDate2, oldDate) => {
-        if (newDate2 && oldDate) {
-          return newDate2.compare(oldDate) !== 0;
-        }
-        return newDate2 !== oldDate;
+      const { date: startDate = void 0, ...startDateParseDetails } = parseDateValue(dateValue == null ? void 0 : dateValue.startDate, "start" /* START */) ?? {};
+      const { date: endDate = void 0, ...endDateParseDetails } = parseDateValue(dateValue == null ? void 0 : dateValue.endDate, "end" /* END */) ?? {};
+      const updatedDateRange = {
+        startDate,
+        endDate
       };
-      const createNewDateRange = (startDate, endDate) => {
-        if (!startDate && !endDate) {
-          return null;
-        }
-        const dateRange = {};
-        dateRange.startDate = startDate;
-        dateRange.endDate = endDate;
-        return dateRange;
-      };
-      const hasStartDateChanged = hasDateChanged(
-        newStartDate,
-        (date == null ? void 0 : date.startDate) || null
-      );
-      const hasEndDateChanged = hasDateChanged(
-        newEndDate,
-        (date == null ? void 0 : date.endDate) || null
-      );
-      const hasStartOrEndDateChanged = hasStartDateChanged || hasEndDateChanged;
-      const newDate = createNewDateRange(
-        newStartDate,
-        newEndDate
-      );
-      if ((newDate == null ? void 0 : newDate.startDate) || (newDate == null ? void 0 : newDate.endDate)) {
-        setDateValueFromDate(newDate);
-      }
-      if (hasStartOrEndDateChanged) {
-        setDate(newDate);
-        if ((newDate == null ? void 0 : newDate.startDate) && preservedTime.current.startTime) {
-          newDate.startDate = newDate.startDate.set(
+      const newDateValue = setDateValueFromDate(updatedDateRange);
+      setDate(updatedDateRange);
+      if (lastAppliedValue.current.startDate !== dateValue.startDate || lastAppliedValue.current.endDate !== dateValue.endDate) {
+        if (dateAdapter.isValid(updatedDateRange == null ? void 0 : updatedDateRange.startDate) && preservedTime.current.startTime) {
+          updatedDateRange.startDate = dateAdapter.set(
+            updatedDateRange.startDate,
             preservedTime.current.startTime
           );
         }
-        if ((newDate == null ? void 0 : newDate.endDate) && preservedTime.current.endTime) {
-          newDate.endDate = newDate.endDate.set(preservedTime.current.endTime);
+        if (dateAdapter.isValid(updatedDateRange == null ? void 0 : updatedDateRange.endDate) && preservedTime.current.endTime) {
+          updatedDateRange.endDate = dateAdapter.set(
+            updatedDateRange.endDate,
+            preservedTime.current.endTime
+          );
         }
+        onDateChange == null ? void 0 : onDateChange(event, updatedDateRange, {
+          startDate: startDateParseDetails,
+          endDate: endDateParseDetails
+        });
       }
-      const error = {
-        startDate: startDateError,
-        endDate: endDateError
-      };
-      if (hasStartOrEndDateChanged || lastError.current.startDate !== error.startDate || lastError.current.endDate !== error.endDate) {
-        const error2 = {
-          startDate: startDateError,
-          endDate: endDateError
-        };
-        onDateChange == null ? void 0 : onDateChange(event, newDate, error2);
-        lastError.current = error2;
-      }
+      lastAppliedValue.current = { ...newDateValue };
     };
     const handleStartInputChange = (event) => {
       const newDateValue = { ...dateValue, startDate: event.target.value };
       setDateValue(newDateValue);
       startInputPropsOnChange == null ? void 0 : startInputPropsOnChange(event);
-      onChange == null ? void 0 : onChange(event, newDateValue);
-      onDateValueChange == null ? void 0 : onDateValueChange(newDateValue, false);
+      onChange == null ? void 0 : onChange(event);
+      onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
     };
     const handleEndInputChange = (event) => {
       const newDateValue = { ...dateValue, endDate: event.target.value };
       setDateValue(newDateValue);
       endInputPropsOnChange == null ? void 0 : endInputPropsOnChange(event);
-      onChange == null ? void 0 : onChange(event, newDateValue);
-      onDateValueChange == null ? void 0 : onDateValueChange(newDateValue, false);
+      onChange == null ? void 0 : onChange(event);
+      onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
     };
     const handleStartInputFocus = (event) => {
       setFocused(true);
@@ -293,8 +289,7 @@ const DateInputRange = forwardRef(
               ref: handleStartInputRef,
               tabIndex: isDisabled ? -1 : 0,
               placeholder,
-              size: placeholder.length,
-              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.startDate) ? emptyReadOnlyMarker : dateValue.startDate ?? "",
+              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.startDate) ? emptyReadOnlyMarker : dateValue.startDate ?? dateAdapter.format(void 0, format, locale),
               ...restStartInputProps,
               onBlur: handleStartInputBlur,
               onChange: handleStartInputChange,
@@ -325,8 +320,7 @@ const DateInputRange = forwardRef(
               ref: handleEndInputRef,
               tabIndex: isDisabled ? -1 : 0,
               placeholder,
-              size: placeholder.length,
-              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.endDate) ? emptyReadOnlyMarker : dateValue.endDate ?? "",
+              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.endDate) ? emptyReadOnlyMarker : dateValue.endDate ?? dateAdapter.format(void 0, format, locale),
               ...restEndInputProps,
               onBlur: handleEndInputBlur,
               onChange: handleEndInputChange,
@@ -346,5 +340,5 @@ const DateInputRange = forwardRef(
   }
 );
 
-export { DateInputRange };
+export { DateInputRange, DateParserField };
 //# sourceMappingURL=DateInputRange.js.map