@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.70

package/dist-es/date-picker/DatePickerSingleGridPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerSingleGridPanel.js","sources":["../src/date-picker/DatePickerSingleGridPanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  type ResponsiveProp,\n  StackLayout,\n  makePrefixer,\n  resolveResponsiveValue,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  CalendarGrid,\n  type CalendarGridProps,\n  CalendarNavigation,\n  type CalendarNavigationProps,\n  type CalendarSingleProps,\n} from \"../calendar\";\nimport {\n  Calendar,\n  type DateRangeSelection,\n  type SingleDateSelection,\n} from \"../calendar\";\nimport { generateDatesForMonth } from \"../calendar/internal/utils\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type SingleDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Base props for the DatePickerPanel grid components.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerPanelBaseProps<TDate extends DateFrameworkType>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Helper text to be displayed below the date picker.\n   */\n  helperText?: string;\n  /**\n   * The visible month for the first visible calendar\n   */\n  visibleMonth?: TDate;\n  /**\n   * Number of columns.\n   */\n  columns?: ResponsiveProp<number | string>;\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   * 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   * Callback fired when the focused date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param hoveredDate - The new hovered date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    hoveredDate?: TDate | null,\n  ) => void;\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   * Props to be passed to the CalendarNavigation component.\n   */\n  CalendarNavigationProps?: Partial<CalendarNavigationProps<TDate>>;\n  /**\n   * Props to be passed to the CalendarGrid component.\n   */\n  CalendarGridProps?: Partial<CalendarGridProps<TDate>>;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport type DatePickerSingleGridPanelProps<TDate extends DateFrameworkType> =\n  DatePickerPanelBaseProps<TDate> &\n    SingleDateSelection<TDate> & {\n      onSelectionChange?: (\n        event: SyntheticEvent,\n        selectedDate?: TDate | null,\n      ) => void;\n      CalendarProps?: Partial<\n        Omit<\n          CalendarSingleProps<TDate>,\n          | \"selectionVariant\"\n          | \"selectedDate\"\n          | \"defaultSelectedDate\"\n          | \"onSelectionChange\"\n          | \"onVisibleMonthChange\"\n        >\n      >;\n    };\n\nexport const DatePickerSingleGridPanel = forwardRef(\n  function DatePickerSingleGridPanel<TDate extends DateFrameworkType>(\n    props: DatePickerSingleGridPanelProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      CalendarProps,\n      CalendarNavigationProps,\n      CalendarGridProps,\n      className,\n      defaultVisibleMonth,\n      visibleMonth: visibleMonthProp,\n      onVisibleMonthChange,\n      helperText,\n      onFocusedDateChange,\n      onHoveredDateChange,\n      onSelectionChange,\n      numberOfVisibleMonths = 1,\n      columns = numberOfVisibleMonths,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-single-grid-panel\",\n      css: datePickerPanelCss,\n      window: targetWindow,\n    });\n\n    const stateAndHelpers: SingleDatePickerState<TDate> = useDatePickerContext({\n      selectionVariant: \"single\",\n    });\n\n    const {\n      state: {\n        timezone,\n        selectedDate = null,\n        minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n        maxDate = dateAdapter.add(minDate, { months: 1 }),\n      },\n      helpers: { select, isDayDisabled, isDayHighlighted, isDayUnselectable },\n    } = stateAndHelpers;\n\n    const { matchedBreakpoints } = useBreakpoint();\n\n    const responsiveColumns =\n      resolveResponsiveValue(columns, matchedBreakpoints) ?? 1;\n    const responsiveNumberOfVisibleMonths =\n      resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n    const {\n      state: { focused, initialFocusRef },\n    } = useDatePickerOverlay();\n\n    const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n\n    const [uncontrolledDefaultVisibleMonth] = useState(() => {\n      const validDate = dateAdapter.isValid(selectedDate)\n        ? selectedDate\n        : dateAdapter.today(timezone);\n      return defaultVisibleMonth || dateAdapter.startOf(validDate, \"month\");\n    });\n    const [visibleMonth, setVisibleMonth] = useControlled({\n      controlled: visibleMonthProp,\n      default: uncontrolledDefaultVisibleMonth,\n      name: \"DatePickerSingleGridPanel\",\n      state: \"visibleMonth\",\n    });\n\n    const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n    const calendarGridFocused = useRef(false);\n\n    const handleSelectionChange = useCallback(\n      (\n        event: SyntheticEvent,\n        newDate: TDate | DateRangeSelection<TDate> | null,\n      ) => {\n        const singleDate = newDate as TDate | null;\n        select(event, singleDate);\n        onSelectionChange?.(event, singleDate);\n      },\n      [onSelectionChange, select],\n    );\n\n    const handleHoveredDateChange = useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n    const handleVisibleMonthChange = useCallback(\n      (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n        setVisibleMonth(newVisibleMonth);\n        onVisibleMonthChange?.(event, newVisibleMonth);\n      },\n      [onVisibleMonthChange],\n    );\n\n    const handleFocusedDateChange = useCallback(\n      (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n        setFocusedDate(newFocusedDate);\n        if (!newFocusedDate) {\n          onFocusedDateChange?.(event, newFocusedDate);\n          return;\n        }\n\n        const startOfFocusedMonth = dateAdapter.startOf(\n          newFocusedDate,\n          \"month\",\n        );\n        const lastVisibleMonth = dateAdapter.add(visibleMonth, {\n          months: responsiveNumberOfVisibleMonths - 1,\n        });\n\n        const isBeforeVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, visibleMonth) < 0;\n        const isAfterLastVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, lastVisibleMonth) > 0;\n\n        if (isBeforeVisibleMonth) {\n          handleVisibleMonthChange(event, startOfFocusedMonth);\n        } else if (isAfterLastVisibleMonth) {\n          const newLastVisibleMonth = dateAdapter.subtract(\n            startOfFocusedMonth,\n            {\n              months: responsiveNumberOfVisibleMonths - 1,\n            },\n          );\n          handleVisibleMonthChange(event, newLastVisibleMonth);\n        }\n        onFocusedDateChange?.(event, newFocusedDate);\n      },\n      [\n        dateAdapter,\n        handleVisibleMonthChange,\n        onFocusedDateChange,\n        responsiveNumberOfVisibleMonths,\n        visibleMonth,\n      ],\n    );\n\n    const getNextFocusedDate = useCallback(() => {\n      const isOutsideAllowedDates = (date: TDate) => {\n        return (\n          dateAdapter.compare(date, minDate) < 0 ||\n          dateAdapter.compare(date, maxDate) > 0\n        );\n      };\n      const isDaySelectable = (date: TDate) =>\n        !(\n          date &&\n          (isDayUnselectable?.(date) ||\n            isDayDisabled?.(date) ||\n            isOutsideAllowedDates(date))\n        );\n\n      const startVisibleMonth = dateAdapter.startOf(visibleMonth, \"month\");\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n      const selectedDateStartOfMonth = selectedDate\n        ? dateAdapter.startOf(selectedDate, \"month\")\n        : null;\n\n      const getVisibleSelectedDate = () => {\n        if (\n          selectedDateStartOfMonth &&\n          dateAdapter.compare(selectedDateStartOfMonth, startVisibleMonth) >=\n            0 &&\n          dateAdapter.compare(selectedDateStartOfMonth, endVisibleMonth) <= 0\n        ) {\n          return selectedDate;\n        }\n        return null;\n      };\n\n      const focusSelectedDate = getVisibleSelectedDate();\n      if (focusSelectedDate && isDaySelectable(focusSelectedDate)) {\n        return focusSelectedDate;\n      }\n\n      // Today\n      const today = dateAdapter.today(timezone);\n      const todayStartOfMonth = dateAdapter.startOf(today, \"month\");\n      if (\n        dateAdapter.compare(todayStartOfMonth, startVisibleMonth) >= 0 &&\n        dateAdapter.compare(todayStartOfMonth, endVisibleMonth) <= 0 &&\n        isDaySelectable(today)\n      ) {\n        return today;\n      }\n\n      // First selectable date across visible months\n      const getFirstSelectableDate = (\n        startMonth: TDate,\n        numberOfMonths: number,\n      ) => {\n        for (let i = 0; i < numberOfMonths; i++) {\n          const currentMonth = dateAdapter.add(startMonth, { months: i });\n          const firstSelectableDate = generateDatesForMonth(\n            dateAdapter,\n            currentMonth,\n          ).find((visibleDay) => isDaySelectable(visibleDay));\n\n          if (firstSelectableDate) {\n            return firstSelectableDate;\n          }\n        }\n\n        return null;\n      };\n\n      return getFirstSelectableDate(\n        startVisibleMonth,\n        responsiveNumberOfVisibleMonths,\n      );\n    }, [\n      dateAdapter,\n      isDayDisabled,\n      isDayUnselectable,\n      minDate,\n      maxDate,\n      responsiveNumberOfVisibleMonths,\n      selectedDate,\n      visibleMonth,\n      timezone,\n    ]);\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n    useLayoutEffect(() => {\n      // Called when the overlay opens or the focus shifts between trigger and overlay\n      if (focused && !calendarGridFocused.current) {\n        setFocusedDate((prevFocusedDate) => {\n          if (!prevFocusedDate) {\n            return getNextFocusedDate();\n          }\n          return prevFocusedDate;\n        });\n      }\n      calendarGridFocused.current = focused;\n    }, [focused]);\n\n    const calendarProps = {\n      visibleMonth,\n      focusedDateRef: initialFocusRef,\n      focusedDate: calendarGridFocused?.current ? focusedDate : null,\n      hoveredDate,\n      isDayDisabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      hideOutOfRangeDates: true,\n      selectedDate,\n      minDate,\n      maxDate,\n      numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n      onFocusedDateChange: handleFocusedDateChange,\n      onHoveredDateChange: handleHoveredDateChange,\n      onSelectionChange: handleSelectionChange,\n      onVisibleMonthChange: handleVisibleMonthChange,\n      timezone,\n      ...CalendarProps,\n    };\n\n    return (\n      <StackLayout\n        separators\n        gap={0}\n        className={clsx(className, withBaseName(\"container\"))}\n        ref={ref}\n        {...rest}\n      >\n        {helperText && (\n          <FlexItem className={withBaseName(\"header\")}>\n            <FormFieldHelperText>{helperText}</FormFieldHelperText>\n          </FlexItem>\n        )}\n        <FlexLayout gap={0}>\n          <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n            <Calendar\n              selectionVariant={\"single\"}\n              {...(calendarProps as Partial<CalendarSingleProps<TDate>>)}\n            >\n              <CalendarNavigation {...CalendarNavigationProps} />\n              <CalendarGrid\n                columns={responsiveColumns}\n                {...CalendarGridProps}\n              />\n            </Calendar>\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    );\n  },\n);\n"],"names":["DatePickerSingleGridPanel","datePickerPanelCss"],"mappings":"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"}

package/dist-es/date-picker/DatePickerSingleInput.js

@@ -0,0 +1,141 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useControlled, Button } from '@salt-ds/core';
+import { DateDetailError } from '@salt-ds/date-adapters';
+import { CalendarIcon } from '@salt-ds/icons';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useCallback, useEffect } from 'react';
+import { DateInputSingle } from '../date-input/DateInputSingle.js';
+import '../date-input/DateInputRange.js';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
+import { useDatePickerContext } from './DatePickerContext.js';
+import { useDatePickerOverlay } from './DatePickerOverlayProvider.js';
+
+const withBaseName = makePrefixer("saltDatePickerSingleInput");
+function defaultSingleValidation(dateAdapter, date, details, minDate, maxDate) {
+  var _a, _b, _c;
+  if (!date) {
+    details.errors = details.errors ?? [];
+    (_a = details.errors) == null ? void 0 : _a.push({
+      type: DateDetailError.UNSET,
+      message: "no date defined"
+    });
+  } else {
+    if (minDate && dateAdapter.isValid(date) && dateAdapter.compare(date, minDate) < 0) {
+      details.errors = details.errors ?? [];
+      (_b = details.errors) == null ? void 0 : _b.push({
+        type: "min-date",
+        message: "is before min date"
+      });
+    } else if (maxDate && dateAdapter.isValid(date) && dateAdapter.compare(date, maxDate) > 0) {
+      details.errors = details.errors ?? [];
+      (_c = details.errors) == null ? void 0 : _c.push({
+        type: "max-date",
+        message: "is after max date"
+      });
+    }
+  }
+  return details;
+}
+const DatePickerSingleInput = forwardRef(
+  (props, ref) => {
+    const { dateAdapter } = useLocalization();
+    const {
+      className,
+      value: valueProp,
+      validate,
+      defaultValue,
+      onDateValueChange,
+      ...rest
+    } = props;
+    const {
+      state: {
+        selectedDate,
+        disabled,
+        readOnly,
+        cancelled,
+        minDate,
+        maxDate,
+        timezone
+      },
+      helpers: { select }
+    } = useDatePickerContext({ selectionVariant: "single" });
+    const {
+      state: { open },
+      helpers: { setOpen }
+    } = useDatePickerOverlay();
+    const previousValue = useRef();
+    const [value, setValue] = useControlled({
+      controlled: valueProp,
+      default: defaultValue,
+      name: "DatePickerSingleInput",
+      state: "value"
+    });
+    const handleCalendarButton = useCallback(
+      (event) => {
+        event.persist();
+        setOpen(!open, event.nativeEvent, "click");
+        event.stopPropagation();
+      },
+      [open, setOpen]
+    );
+    const handleDateChange = useCallback(
+      (event, date, details) => {
+        const validatedDetails = validate ? validate(date, details) : defaultSingleValidation(
+          dateAdapter,
+          date,
+          details,
+          minDate,
+          maxDate
+        );
+        select(event, date, validatedDetails);
+      },
+      [dateAdapter, minDate, maxDate, select, validate]
+    );
+    const handleDateValueChange = useCallback(
+      (event, newDateValue) => {
+        setValue(newDateValue);
+        onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
+      },
+      [onDateValueChange]
+    );
+    useEffect(() => {
+      if (open) {
+        previousValue.current = value;
+      }
+    }, [open]);
+    useEffect(() => {
+      if (cancelled) {
+        setValue(previousValue == null ? void 0 : previousValue.current);
+      }
+    }, [cancelled]);
+    return /* @__PURE__ */ jsx(
+      DateInputSingle,
+      {
+        value: value ?? "",
+        className: clsx(withBaseName(), className),
+        date: selectedDate ?? null,
+        readOnly,
+        disabled,
+        ref,
+        onDateChange: handleDateChange,
+        onDateValueChange: handleDateValueChange,
+        endAdornment: !readOnly && /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "transparent",
+            sentiment: "neutral",
+            onClick: handleCalendarButton,
+            disabled,
+            "aria-label": "Open Calendar",
+            children: /* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": true })
+          }
+        ),
+        timezone,
+        ...rest
+      }
+    );
+  }
+);
+
+export { DatePickerSingleInput };
+//# sourceMappingURL=DatePickerSingleInput.js.map

package/dist-es/date-picker/DatePickerSingleInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerSingleInput.js","sources":["../src/date-picker/DatePickerSingleInput.tsx"],"sourcesContent":["import { Button, makePrefixer, useControlled } from \"@salt-ds/core\";\nimport {\n  DateDetailError,\n  type DateFrameworkType,\n  type SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type MouseEventHandler,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { SingleDateSelection } from \"../calendar\";\nimport {\n  DateInputSingle,\n  type DateInputSingleDetails,\n  type DateInputSingleProps,\n} from \"../date-input\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerSingleInput\");\n\n/**\n * Props for the DatePickerSingleInput component.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerSingleInputProps<TDate extends DateFrameworkType>\n  extends DateInputSingleProps<TDate> {\n  /**\n   * Function to validate the entered date\n   * @param date - The selected date\n   * @param details - The details of date selection, either a valid date or error\n   * @returns updated DateInputSingleDetails details\n   */\n  validate?: (\n    date: SingleDateSelection<TDate>,\n    details: DateInputSingleDetails,\n  ) => DateInputSingleDetails;\n}\n\nfunction defaultSingleValidation<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  date: TDate,\n  details: DateInputSingleDetails,\n  minDate?: TDate,\n  maxDate?: TDate,\n): DateInputSingleDetails {\n  if (!date) {\n    details.errors = details.errors ?? [];\n    details.errors?.push({\n      type: DateDetailError.UNSET,\n      message: \"no date defined\",\n    });\n  } else {\n    if (\n      minDate &&\n      dateAdapter.isValid(date) &&\n      dateAdapter.compare(date, minDate) < 0\n    ) {\n      details.errors = details.errors ?? [];\n      details.errors?.push({\n        type: \"min-date\",\n        message: \"is before min date\",\n      });\n    } else if (\n      maxDate &&\n      dateAdapter.isValid(date) &&\n      dateAdapter.compare(date, maxDate) > 0\n    ) {\n      details.errors = details.errors ?? [];\n      details.errors?.push({\n        type: \"max-date\",\n        message: \"is after max date\",\n      });\n    }\n  }\n  return details;\n}\n\nexport const DatePickerSingleInput = forwardRef<\n  HTMLDivElement,\n  DatePickerSingleInputProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DatePickerSingleInputProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      className,\n      value: valueProp,\n      validate,\n      defaultValue,\n      onDateValueChange,\n      ...rest\n    } = props;\n\n    const {\n      state: {\n        selectedDate,\n        disabled,\n        readOnly,\n        cancelled,\n        minDate,\n        maxDate,\n        timezone,\n      },\n      helpers: { select },\n    } = useDatePickerContext<TDate>({ selectionVariant: \"single\" });\n    const {\n      state: { open },\n      helpers: { setOpen },\n    } = useDatePickerOverlay();\n\n    const previousValue = useRef<typeof valueProp>();\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"DatePickerSingleInput\",\n      state: \"value\",\n    });\n\n    const handleCalendarButton: MouseEventHandler<HTMLButtonElement> =\n      useCallback(\n        (event) => {\n          event.persist();\n          setOpen(!open, event.nativeEvent, \"click\");\n          event.stopPropagation();\n        },\n        [open, setOpen],\n      );\n\n    const handleDateChange = useCallback(\n      (\n        event: SyntheticEvent,\n        date: SingleDateSelection<TDate>,\n        details: DateInputSingleDetails,\n      ) => {\n        const validatedDetails = validate\n          ? validate(date, details)\n          : defaultSingleValidation<TDate>(\n              dateAdapter,\n              date,\n              details,\n              minDate,\n              maxDate,\n            );\n        select(event, date, validatedDetails);\n      },\n      [dateAdapter, minDate, maxDate, select, validate],\n    );\n\n    const handleDateValueChange = useCallback(\n      (event: SyntheticEvent | null, newDateValue: string) => {\n        setValue(newDateValue);\n        onDateValueChange?.(event, newDateValue);\n      },\n      [onDateValueChange],\n    );\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: should run when open changes and not selected date or value\n    useEffect(() => {\n      if (open) {\n        previousValue.current = value;\n      }\n    }, [open]);\n\n    useEffect(() => {\n      if (cancelled) {\n        setValue(previousValue?.current);\n      }\n    }, [cancelled]);\n\n    return (\n      <DateInputSingle\n        value={value ?? \"\"}\n        className={clsx(withBaseName(), className)}\n        date={selectedDate ?? null}\n        readOnly={readOnly}\n        disabled={disabled}\n        ref={ref}\n        onDateChange={handleDateChange}\n        onDateValueChange={handleDateValueChange}\n        endAdornment={\n          !readOnly && (\n            <Button\n              appearance=\"transparent\"\n              sentiment=\"neutral\"\n              onClick={handleCalendarButton}\n              disabled={disabled}\n              aria-label=\"Open Calendar\"\n            >\n              <CalendarIcon aria-hidden />\n            </Button>\n          )\n        }\n        timezone={timezone}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":[],"mappings":"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"}

package/dist-es/date-picker/DatePickerSinglePanel.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { DatePickerSingleGridPanel } from './DatePickerSingleGridPanel.js';
+
+const DatePickerSinglePanel = forwardRef(function DatePickerSinglePanel2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    DatePickerSingleGridPanel,
+    {
+      ref,
+      columns: 1,
+      numberOfVisibleMonths: 1,
+      ...props
+    }
+  );
+});
+
+export { DatePickerSinglePanel };
+//# sourceMappingURL=DatePickerSinglePanel.js.map

package/dist-es/date-picker/DatePickerSinglePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerSinglePanel.js","sources":["../src/date-picker/DatePickerSinglePanel.tsx"],"sourcesContent":["import type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { forwardRef } from \"react\";\nimport {\n  DatePickerSingleGridPanel,\n  type DatePickerSingleGridPanelProps,\n} from \"./DatePickerSingleGridPanel\";\n\n/**\n * @deprecated DatePickerSinglePanel is deprecated. Use DatePickerSingleGridPanel instead.\n * This component will be deleted when we move DatePickerSingleGridPanel from labs to core.\n */\nexport const DatePickerSinglePanel = forwardRef(function DatePickerSinglePanel<\n  TDate,\n>(\n  props: DatePickerSingleGridPanelProps<TDate>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  return (\n    <DatePickerSingleGridPanel\n      ref={ref}\n      columns={1}\n      numberOfVisibleMonths={1}\n      {...(props as DatePickerSingleGridPanelProps<DateFrameworkType>)}\n    />\n  );\n});\n"],"names":["DatePickerSinglePanel"],"mappings":";;;;AAWO,MAAM,qBAAwB,GAAA,UAAA,CAAW,SAASA,sBAAAA,CAGvD,OACA,GACA,EAAA;AACA,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,OAAS,EAAA,CAAA;AAAA,MACT,qBAAuB,EAAA,CAAA;AAAA,MACtB,GAAI;AAAA;AAAA,GACP;AAEJ,CAAC;;;;"}

package/dist-es/date-picker/DatePickerTrigger.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { useDatePickerOverlay } from './DatePickerOverlayProvider.js';
+
+const withBaseName = makePrefixer("saltDatePickerTrigger");
+const DatePickerTrigger = forwardRef((props, ref) => {
+  const { children, className, ...rest } = props;
+  const {
+    state: { floatingUIResult },
+    helpers: { getReferenceProps }
+  } = useDatePickerOverlay();
+  const triggerRef = useForkRef(
+    ref,
+    floatingUIResult == null ? void 0 : floatingUIResult.reference
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(withBaseName(), className),
+      ref: triggerRef,
+      ...getReferenceProps(rest),
+      children
+    }
+  );
+});
+
+export { DatePickerTrigger };
+//# sourceMappingURL=DatePickerTrigger.js.map

package/dist-es/date-picker/DatePickerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTrigger.js","sources":["../src/date-picker/DatePickerTrigger.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ReactNode, forwardRef } from \"react\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerTrigger\");\n\n/**\n * Props for the DatePickerTrigger component.\n */\nexport interface DatePickerTriggerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const DatePickerTrigger = forwardRef<\n  HTMLDivElement,\n  DatePickerTriggerProps\n>((props: DatePickerTriggerProps, ref: React.Ref<HTMLDivElement>) => {\n  const { children, className, ...rest } = props;\n\n  const {\n    state: { floatingUIResult },\n    helpers: { getReferenceProps },\n  } = useDatePickerOverlay();\n\n  const triggerRef = useForkRef<HTMLDivElement>(\n    ref,\n    floatingUIResult?.reference,\n  );\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      ref={triggerRef}\n      {...getReferenceProps(rest)}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA;AAUlD,MAAM,iBAAoB,GAAA,UAAA,CAG/B,CAAC,KAAA,EAA+B,GAAmC,KAAA;AACnE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,gBAAiB,EAAA;AAAA,IAC1B,OAAA,EAAS,EAAE,iBAAkB;AAAA,MAC3B,oBAAqB,EAAA;AAEzB,EAAA,MAAM,UAAa,GAAA,UAAA;AAAA,IACjB,GAAA;AAAA,IACA,gBAAkB,IAAA,IAAA,GAAA,MAAA,GAAA,gBAAA,CAAA;AAAA,GACpB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAK,EAAA,UAAA;AAAA,MACJ,GAAG,kBAAkB,IAAI,CAAA;AAAA,MAEzB;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/date-picker/useDatePicker.js

@@ -0,0 +1,216 @@
+import { useForkRef, useControlled, useFormFieldProps } from '@salt-ds/core';
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
+import { useDatePickerOverlay } from './DatePickerOverlayProvider.js';
+
+function useDatePicker(props, ref) {
+  const {
+    dateAdapter,
+    defaultDates: { minDate: defaultMinDate, maxDate: defaultMaxDate }
+  } = useLocalization();
+  const {
+    readOnly = false,
+    disabled,
+    selectionVariant,
+    defaultSelectedDate,
+    isDayDisabled,
+    isDayHighlighted,
+    isDayUnselectable,
+    selectedDate: selectedDateProp,
+    onSelectionChange,
+    onApply,
+    minDate = defaultMinDate,
+    maxDate = defaultMaxDate,
+    onCancel,
+    timezone
+  } = props;
+  const previousSelectedDate = useRef();
+  const datePickerRef = useRef(null);
+  const containerRef = useForkRef(ref, datePickerRef);
+  const {
+    state: { open },
+    helpers: { setOpen, setOnDismiss }
+  } = useDatePickerOverlay();
+  const [selectedDate, setSelectedDate] = useControlled({
+    controlled: selectedDateProp,
+    default: defaultSelectedDate,
+    name: "DatePicker",
+    state: "selectedDate"
+  });
+  const [enableApply, setEnableApply] = useState(false);
+  const [cancelled, setCancelled] = useState(false);
+  useEffect(() => {
+    if (open) {
+      previousSelectedDate.current = selectedDate;
+      if (enableApply) {
+        setOnDismiss(cancel);
+      }
+      setCancelled(false);
+    }
+  }, [enableApply, open, setOnDismiss, setCancelled]);
+  useEffect(() => {
+    if (cancelled) {
+      setSelectedDate(previousSelectedDate == null ? void 0 : previousSelectedDate.current);
+    }
+  }, [cancelled, setSelectedDate]);
+  const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = useFormFieldProps();
+  const isReadOnly = readOnly || formFieldReadOnly || false;
+  const isDisabled = disabled || formFieldDisabled || false;
+  const applySingle = useCallback(
+    (event, date) => {
+      setCancelled(false);
+      setOpen(false, event.nativeEvent, "apply");
+      if (selectionVariant === "single") {
+        onApply == null ? void 0 : onApply(event, date);
+      }
+    },
+    [selectionVariant, setOpen, onApply]
+  );
+  const checkAndAddError = useCallback(
+    (date, checkFunction, errorType, details = {}) => {
+      const errorMessage = date ? checkFunction == null ? void 0 : checkFunction(date) : false;
+      if (errorMessage) {
+        details.errors = details.errors ?? [];
+        details.errors.push({
+          type: errorType,
+          message: errorMessage
+        });
+      }
+    },
+    []
+  );
+  const selectSingle = useCallback(
+    (event, date, details) => {
+      var _a;
+      const canBeApplied = dateAdapter.isValid(date) && !((_a = details == null ? void 0 : details.errors) == null ? void 0 : _a.length);
+      setSelectedDate(date);
+      checkAndAddError(date, isDayDisabled, "disabled", details);
+      checkAndAddError(date, isDayUnselectable, "unselectable", details);
+      if (selectionVariant === "single") {
+        onSelectionChange == null ? void 0 : onSelectionChange(event, date, details);
+      }
+      if (!enableApply && canBeApplied) {
+        applySingle(event, date);
+      }
+    },
+    [
+      checkAndAddError,
+      dateAdapter,
+      applySingle,
+      isDayDisabled,
+      isDayUnselectable,
+      enableApply,
+      onSelectionChange,
+      selectionVariant
+    ]
+  );
+  const applyRange = useCallback(
+    (event, date) => {
+      setCancelled(false);
+      setOpen(false, event.nativeEvent, "apply");
+      if (selectionVariant === "range") {
+        onApply == null ? void 0 : onApply(event, date);
+      }
+    },
+    [onApply, setOpen, selectionVariant]
+  );
+  const selectRange = useCallback(
+    (event, date, details) => {
+      var _a, _b, _c, _d;
+      setSelectedDate(date);
+      checkAndAddError(
+        date == null ? void 0 : date.startDate,
+        isDayDisabled,
+        "disabled",
+        details == null ? void 0 : details.startDate
+      );
+      checkAndAddError(
+        date == null ? void 0 : date.endDate,
+        isDayDisabled,
+        "disabled",
+        details == null ? void 0 : details.endDate
+      );
+      checkAndAddError(
+        date == null ? void 0 : date.startDate,
+        isDayUnselectable,
+        "unselectable",
+        details == null ? void 0 : details.startDate
+      );
+      checkAndAddError(
+        date == null ? void 0 : date.endDate,
+        isDayUnselectable,
+        "unselectable",
+        details == null ? void 0 : details.endDate
+      );
+      if (selectionVariant === "range") {
+        onSelectionChange == null ? void 0 : onSelectionChange(event, date, details);
+      }
+      const isAValidRange = dateAdapter.isValid(date == null ? void 0 : date.startDate) && dateAdapter.isValid(date == null ? void 0 : date.endDate);
+      const isValidSelection = !((_b = (_a = details == null ? void 0 : details.startDate) == null ? void 0 : _a.errors) == null ? void 0 : _b.length) && !((_d = (_c = details == null ? void 0 : details.endDate) == null ? void 0 : _c.errors) == null ? void 0 : _d.length);
+      const canBeApplied = isAValidRange && isValidSelection;
+      if (!enableApply && canBeApplied) {
+        applyRange(event, date);
+      }
+    },
+    [
+      checkAndAddError,
+      dateAdapter,
+      applyRange,
+      isDayDisabled,
+      isDayUnselectable,
+      enableApply,
+      onSelectionChange,
+      selectionVariant
+    ]
+  );
+  const cancel = useCallback(
+    (event) => {
+      setCancelled(true);
+      setOpen(false, event, "cancel");
+      onCancel == null ? void 0 : onCancel();
+    },
+    [setOpen, onCancel]
+  );
+  const returnValue = {
+    state: {
+      selectionVariant,
+      selectedDate,
+      cancelled,
+      enableApply,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      containerRef,
+      minDate,
+      maxDate,
+      timezone
+    },
+    helpers: {
+      cancel,
+      isDayDisabled,
+      isDayHighlighted,
+      isDayUnselectable,
+      setEnableApply
+    }
+  };
+  if (props.selectionVariant === "range") {
+    return {
+      ...returnValue,
+      helpers: {
+        ...returnValue.helpers,
+        apply: applyRange,
+        select: selectRange
+      }
+    };
+  }
+  return {
+    ...returnValue,
+    helpers: {
+      ...returnValue.helpers,
+      apply: applySingle,
+      select: selectSingle
+    }
+  };
+}
+
+export { useDatePicker };
+//# sourceMappingURL=useDatePicker.js.map

package/dist-es/date-picker/useDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatePicker.js","sources":["../src/date-picker/useDatePicker.ts"],"sourcesContent":["import { useControlled, useForkRef, useFormFieldProps } from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport {\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport type {\n  DateInputRangeDetails,\n  DateInputSingleDetails,\n} from \"../date-input\";\nimport { useLocalization } from \"../localization-provider\";\nimport type {\n  RangeDatePickerState,\n  SingleDatePickerState,\n} from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\ninterface UseDatePickerBaseProps<TDate> {\n  /** If `true`, the component is disabled. */\n  disabled?: boolean;\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   * 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 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  /** If `true`, the component is read-only. */\n  readOnly?: boolean;\n  /**\n   * The minimum date for the range, default is 1900.\n   */\n  minDate?: TDate;\n  /**\n   * The maximum date for the range, default is 2100.\n   */\n  maxDate?: TDate;\n  /**\n   * Handler for when the date selection is cancelled.\n   */\n  onCancel?: () => void;\n  /**\n   * Timezone, if un-defined will take the timezone from passed date (or defaultSelectedDate/selectedDate)\n   * Can also be set to \"default\" to use the default timezone of the date library\n   * Can also be set to \"system\" to take the timezone of the local system.\n   */\n  timezone?: Timezone;\n}\n\n/**\n * Props for single date selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseDatePickerSingleProps<TDate extends DateFrameworkType>\n  extends UseDatePickerBaseProps<TDate> {\n  /**\n   * Single date selection.\n   */\n  selectionVariant: \"single\";\n  /**\n   * The selected date. The selected date will be controlled when this prop is provided.\n   */\n  selectedDate?: SingleDateSelection<TDate> | null;\n  /**\n   * The initial selected date, when the selected date is uncontrolled.\n   */\n  defaultSelectedDate?: SingleDateSelection<TDate> | null;\n  /**\n   * Handler called when the selected date changes.\n   * @param event - The synthetic event.\n   * @param date - The selected date or null.\n   * @param details - The selected date details.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    date: SingleDateSelection<TDate> | null,\n    details?: DateInputSingleDetails,\n  ) => void;\n  /**\n   * Handler called when the selected date is confirmed/applied.\n   * @param event - The synthetic event.\n   * @param date - The selected date or null.\n   */\n  onApply?: (\n    event: SyntheticEvent,\n    date: SingleDateSelection<TDate> | null,\n  ) => void;\n}\n\n/**\n * Props for date range selection.\n * @template TDate - The type of the date object.\n */\nexport interface UseDatePickerRangeProps<TDate extends DateFrameworkType>\n  extends UseDatePickerBaseProps<TDate> {\n  /**\n   * Date range selection.\n   */\n  selectionVariant: \"range\";\n  /**\n   * The selected date range. The selected date will be controlled when this prop is provided.\n   */\n  selectedDate?: DateRangeSelection<TDate> | null;\n  /**\n   * The initial selected date range, when the selected date is uncontrolled.\n   */\n  defaultSelectedDate?: DateRangeSelection<TDate> | null;\n  /**\n   * Handler called when the selected date range changes.\n   * @param event - The synthetic event.\n   * @param date - The selected date range or null.\n   * @param details - The selected date range details.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    date: DateRangeSelection<TDate> | null,\n    details?: DateInputRangeDetails,\n  ) => void;\n  /**\n   * Handler called when the selected date range is confirmed/applied.\n   * @param event - The synthetic event.\n   * @param date - The selected date range.\n   */\n  onApply?: (\n    event: SyntheticEvent,\n    date: DateRangeSelection<TDate> | null,\n  ) => void;\n}\n\n/**\n * Props for the useDatePicker hook.\n * @template TDate - The type of the date object.\n * @template SelectionVariant - The selection variant, either \"single\" or \"range\".\n */\nexport type UseDatePickerProps<\n  TDate extends DateFrameworkType,\n  SelectionVariant,\n> = SelectionVariant extends \"single\"\n  ? UseDatePickerSingleProps<TDate>\n  : SelectionVariant extends \"range\"\n    ? UseDatePickerRangeProps<TDate>\n    : never;\n\n/**\n * Custom hook for managing date picker state.\n * @template TDate - The type of the date object.\n * @template SelectionVariant - The selection variant, either \"single\" or \"range\".\n * @param props - The props for the date picker.\n * @param ref - The ref for the date picker container.\n * @returns The date picker state and helpers.\n */\nexport function useDatePicker<\n  TDate extends DateFrameworkType,\n  SelectionVariant extends \"single\" | \"range\",\n>(\n  props: UseDatePickerProps<TDate, SelectionVariant>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n): SingleDatePickerState<TDate> | RangeDatePickerState<TDate> {\n  const {\n    dateAdapter,\n    defaultDates: { minDate: defaultMinDate, maxDate: defaultMaxDate },\n  } = useLocalization<TDate>();\n  const {\n    readOnly = false,\n    disabled,\n    selectionVariant,\n    defaultSelectedDate,\n    isDayDisabled,\n    isDayHighlighted,\n    isDayUnselectable,\n    selectedDate: selectedDateProp,\n    onSelectionChange,\n    onApply,\n    minDate = defaultMinDate,\n    maxDate = defaultMaxDate,\n    onCancel,\n    timezone,\n  } = props;\n\n  const previousSelectedDate = useRef<typeof selectedDateProp>();\n  const datePickerRef = useRef<HTMLDivElement>(null);\n  const containerRef = useForkRef(ref, datePickerRef);\n\n  const {\n    state: { open },\n    helpers: { setOpen, setOnDismiss },\n  } = useDatePickerOverlay();\n\n  const [selectedDate, setSelectedDate] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"DatePicker\",\n    state: \"selectedDate\",\n  });\n\n  const [enableApply, setEnableApply] = useState<boolean>(false);\n  const [cancelled, setCancelled] = useState<boolean>(false);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: should run when open changes and not selected date or value\n  useEffect(() => {\n    if (open) {\n      previousSelectedDate.current = selectedDate;\n      if (enableApply) {\n        setOnDismiss(cancel);\n      }\n      setCancelled(false);\n    }\n  }, [enableApply, open, setOnDismiss, setCancelled]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: avoid excessive re-rendering\n  useEffect(() => {\n    if (cancelled) {\n      setSelectedDate(previousSelectedDate?.current);\n    }\n  }, [cancelled, setSelectedDate]);\n\n  const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n    useFormFieldProps();\n  const isReadOnly = readOnly || formFieldReadOnly || false;\n  const isDisabled = disabled || formFieldDisabled || false;\n\n  const applySingle = useCallback(\n    (event: SyntheticEvent, date: SingleDateSelection<TDate> | null): void => {\n      setCancelled(false);\n      setOpen(false, event.nativeEvent, \"apply\");\n      if (selectionVariant === \"single\") {\n        onApply?.(event, date);\n      }\n    },\n    [selectionVariant, setOpen, onApply],\n  );\n\n  const checkAndAddError = useCallback(\n    (\n      date: TDate | null | undefined,\n      checkFunction: ((date: TDate) => string | false | undefined) | undefined,\n      errorType: string,\n      details: {\n        errors?: { type: string; message: string | false | undefined }[];\n      } = {},\n    ) => {\n      const errorMessage = date ? checkFunction?.(date) : false;\n      if (errorMessage) {\n        details.errors = details.errors ?? [];\n        details.errors.push({\n          type: errorType,\n          message: errorMessage,\n        });\n      }\n    },\n    [],\n  );\n\n  const selectSingle = useCallback(\n    (\n      event: SyntheticEvent,\n      date: SingleDateSelection<TDate> | null,\n      details: DateInputSingleDetails,\n    ) => {\n      const canBeApplied =\n        dateAdapter.isValid(date) && !details?.errors?.length;\n      setSelectedDate(date);\n      checkAndAddError(date, isDayDisabled, \"disabled\", details);\n      checkAndAddError(date, isDayUnselectable, \"unselectable\", details);\n\n      if (selectionVariant === \"single\") {\n        onSelectionChange?.(event, date, details);\n      }\n      if (!enableApply && canBeApplied) {\n        applySingle(event, date);\n      }\n    },\n    [\n      checkAndAddError,\n      dateAdapter,\n      applySingle,\n      isDayDisabled,\n      isDayUnselectable,\n      enableApply,\n      onSelectionChange,\n      selectionVariant,\n    ],\n  );\n\n  const applyRange = useCallback(\n    (event: SyntheticEvent, date: DateRangeSelection<TDate> | null): void => {\n      setCancelled(false);\n      setOpen(false, event.nativeEvent, \"apply\");\n      if (selectionVariant === \"range\") {\n        onApply?.(event, date);\n      }\n    },\n    [onApply, setOpen, selectionVariant],\n  );\n\n  const selectRange = useCallback(\n    (\n      event: SyntheticEvent,\n      date: DateRangeSelection<TDate> | null,\n      details: DateInputRangeDetails,\n    ) => {\n      setSelectedDate(date);\n      checkAndAddError(\n        date?.startDate,\n        isDayDisabled,\n        \"disabled\",\n        details?.startDate,\n      );\n      checkAndAddError(\n        date?.endDate,\n        isDayDisabled,\n        \"disabled\",\n        details?.endDate,\n      );\n      checkAndAddError(\n        date?.startDate,\n        isDayUnselectable,\n        \"unselectable\",\n        details?.startDate,\n      );\n      checkAndAddError(\n        date?.endDate,\n        isDayUnselectable,\n        \"unselectable\",\n        details?.endDate,\n      );\n\n      if (selectionVariant === \"range\") {\n        onSelectionChange?.(event, date, details);\n      }\n      const isAValidRange =\n        dateAdapter.isValid(date?.startDate) &&\n        dateAdapter.isValid(date?.endDate);\n      const isValidSelection =\n        !details?.startDate?.errors?.length &&\n        !details?.endDate?.errors?.length;\n      const canBeApplied = isAValidRange && isValidSelection;\n      if (!enableApply && canBeApplied) {\n        applyRange(event, date);\n      }\n    },\n    [\n      checkAndAddError,\n      dateAdapter,\n      applyRange,\n      isDayDisabled,\n      isDayUnselectable,\n      enableApply,\n      onSelectionChange,\n      selectionVariant,\n    ],\n  );\n\n  const cancel = useCallback(\n    (event?: Event) => {\n      setCancelled(true);\n      setOpen(false, event, \"cancel\");\n      onCancel?.();\n    },\n    [setOpen, onCancel],\n  );\n\n  const returnValue = {\n    state: {\n      selectionVariant,\n      selectedDate,\n      cancelled,\n      enableApply,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      containerRef,\n      minDate,\n      maxDate,\n      timezone,\n    },\n    helpers: {\n      cancel,\n      isDayDisabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      setEnableApply,\n    },\n  };\n  if (props.selectionVariant === \"range\") {\n    return {\n      ...returnValue,\n      helpers: {\n        ...returnValue.helpers,\n        apply: applyRange,\n        select: selectRange,\n      },\n    } as RangeDatePickerState<TDate>;\n  }\n  return {\n    ...returnValue,\n    helpers: {\n      ...returnValue.helpers,\n      apply: applySingle,\n      select: selectSingle,\n    },\n  } as SingleDatePickerState<TDate>;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/date-picker/useFocusOut.js

@@ -0,0 +1,41 @@
+import { useMemo } from 'react';
+
+function getTabbableElements(parent) {
+  const focusableSelectors = [
+    "button:not([disabled])",
+    "input:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])'
+  ];
+  const tabbableElements = parent.querySelectorAll(
+    focusableSelectors.join(",")
+  );
+  return Array.from(tabbableElements).filter(
+    (element) => !element.hasAttribute("disabled") && element.tabIndex >= 0
+  );
+}
+function useFocusOut(context, props) {
+  const { onOpenChange} = context;
+  const { enabled = true } = props;
+  const reference = useMemo(() => {
+    const referenceElement = context.elements.reference;
+    if (!referenceElement) {
+      return {};
+    }
+    return {
+      onKeyDown(event) {
+        if (event.key === "Tab") {
+          const tabbableElements = getTabbableElements(referenceElement);
+          const tabbedBeforeFirstElement = event.shiftKey && document.activeElement === tabbableElements[0];
+          const tabbedAfterLastElement = document.activeElement === tabbableElements[tabbableElements.length - 1];
+          if (tabbedBeforeFirstElement || tabbedAfterLastElement) {
+            onOpenChange(false, event.nativeEvent, "focus-out");
+          }
+        }
+      }
+    };
+  }, [onOpenChange, context.elements.reference]);
+  return useMemo(() => enabled ? { reference } : {}, [enabled, reference]);
+}
+
+export { useFocusOut };
+//# sourceMappingURL=useFocusOut.js.map

package/dist-es/date-picker/useFocusOut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusOut.js","sources":["../src/date-picker/useFocusOut.ts"],"sourcesContent":["import type { ElementProps, FloatingContext } from \"@floating-ui/react\";\nimport { useMemo } from \"react\";\n\nexport interface UseFocusOutProps {\n  /**\n   * Whether the hook is enabled\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nfunction getTabbableElements(parent: Element): HTMLElement[] {\n  const focusableSelectors = [\n    \"button:not([disabled])\",\n    \"input:not([disabled])\",\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ];\n  const tabbableElements = parent.querySelectorAll<HTMLElement>(\n    focusableSelectors.join(\",\"),\n  );\n  return Array.from(tabbableElements).filter(\n    (element) => !element.hasAttribute(\"disabled\") && element.tabIndex >= 0,\n  );\n}\n//\n// This hook is needed to close the overlay, when,\n// 1. the floating element is opened\n// 2. the user re-focuses into the reference element with the mouse\n// 3. the user tabs out of the reference element\n// Without this hook, the floating element can re-receive focus\nexport function useFocusOut(\n  context: FloatingContext,\n  props: UseFocusOutProps,\n): ElementProps {\n  const { onOpenChange, open } = context;\n  const { enabled = true } = props;\n\n  const reference: ElementProps[\"reference\"] = useMemo<\n    React.HTMLProps<Element>\n  >(() => {\n    const referenceElement = context.elements.reference as Element | undefined;\n\n    if (!referenceElement) {\n      return {};\n    }\n\n    return {\n      onKeyDown(event: React.KeyboardEvent<Element>) {\n        if (event.key === \"Tab\") {\n          const tabbableElements = getTabbableElements(referenceElement);\n          const tabbedBeforeFirstElement =\n            event.shiftKey && document.activeElement === tabbableElements[0];\n          const tabbedAfterLastElement =\n            document.activeElement ===\n            tabbableElements[tabbableElements.length - 1];\n          if (tabbedBeforeFirstElement || tabbedAfterLastElement) {\n            onOpenChange(false, event.nativeEvent, \"focus-out\");\n          }\n        }\n      },\n    };\n  }, [onOpenChange, context.elements.reference]);\n\n  return useMemo(() => (enabled ? { reference } : {}), [enabled, reference]);\n}\n"],"names":[],"mappings":";;AAWA,SAAS,oBAAoB,MAAgC,EAAA;AAC3D,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,wBAAA;AAAA,IACA,uBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,mBAAmB,MAAO,CAAA,gBAAA;AAAA,IAC9B,kBAAA,CAAmB,KAAK,GAAG;AAAA,GAC7B;AACA,EAAO,OAAA,KAAA,CAAM,IAAK,CAAA,gBAAgB,CAAE,CAAA,MAAA;AAAA,IAClC,CAAC,YAAY,CAAC,OAAA,CAAQ,aAAa,UAAU,CAAA,IAAK,QAAQ,QAAY,IAAA;AAAA,GACxE;AACF;AAOgB,SAAA,WAAA,CACd,SACA,KACc,EAAA;AACd,EAAM,MAAA,EAAE,YAAmB,CAAI,GAAA,OAAA;AAC/B,EAAM,MAAA,EAAE,OAAU,GAAA,IAAA,EAAS,GAAA,KAAA;AAE3B,EAAM,MAAA,SAAA,GAAuC,QAE3C,MAAM;AACN,IAAM,MAAA,gBAAA,GAAmB,QAAQ,QAAS,CAAA,SAAA;AAE1C,IAAA,IAAI,CAAC,gBAAkB,EAAA;AACrB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAO,OAAA;AAAA,MACL,UAAU,KAAqC,EAAA;AAC7C,QAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,UAAM,MAAA,gBAAA,GAAmB,oBAAoB,gBAAgB,CAAA;AAC7D,UAAA,MAAM,2BACJ,KAAM,CAAA,QAAA,IAAY,QAAS,CAAA,aAAA,KAAkB,iBAAiB,CAAC,CAAA;AACjE,UAAA,MAAM,yBACJ,QAAS,CAAA,aAAA,KACT,gBAAiB,CAAA,gBAAA,CAAiB,SAAS,CAAC,CAAA;AAC9C,UAAA,IAAI,4BAA4B,sBAAwB,EAAA;AACtD,YAAa,YAAA,CAAA,KAAA,EAAO,KAAM,CAAA,WAAA,EAAa,WAAW,CAAA;AAAA;AACpD;AACF;AACF,KACF;AAAA,KACC,CAAC,YAAA,EAAc,OAAQ,CAAA,QAAA,CAAS,SAAS,CAAC,CAAA;AAE7C,EAAO,OAAA,OAAA,CAAQ,MAAO,OAAA,GAAU,EAAE,SAAA,EAAc,GAAA,EAAK,EAAA,CAAC,OAAS,EAAA,SAAS,CAAC,CAAA;AAC3E;;;;"}

package/dist-es/date-picker/useKeyboard.js

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+
+function useKeyboard(_context, props) {
+  const { enabled = true, onArrowDown } = props;
+  const reference = useMemo(
+    () => ({
+      onKeyDown(event) {
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          onArrowDown == null ? void 0 : onArrowDown(event);
+        }
+      }
+    }),
+    [onArrowDown]
+  );
+  return useMemo(() => enabled ? { reference } : {}, [enabled, reference]);
+}
+
+export { useKeyboard };
+//# sourceMappingURL=useKeyboard.js.map

package/dist-es/date-picker/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sources":["../src/date-picker/useKeyboard.ts"],"sourcesContent":["import type { ElementProps, FloatingContext } from \"@floating-ui/react\";\nimport { type KeyboardEvent, useMemo } from \"react\";\n\nexport interface UseKeyboardProps {\n  /**\n   * Whether the hook is enabled\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Handler for when the arrow key down is pressed\n   * @param event\n   */\n  onArrowDown?: (event: KeyboardEvent) => void;\n}\n\n/**\n * Floating UI Interactions hook, that will open DatePicker on keydown\n * @param context\n * @param props\n */\nexport function useKeyboard(\n  _context: FloatingContext,\n  props: UseKeyboardProps,\n): ElementProps {\n  const { enabled = true, onArrowDown } = props;\n  const reference = useMemo(\n    () => ({\n      onKeyDown(event: KeyboardEvent) {\n        if (event.key === \"ArrowDown\") {\n          event.preventDefault();\n          onArrowDown?.(event);\n        }\n      },\n    }),\n    [onArrowDown],\n  );\n\n  return useMemo(() => (enabled ? { reference } : {}), [enabled, reference]);\n}\n"],"names":[],"mappings":";;AAqBgB,SAAA,WAAA,CACd,UACA,KACc,EAAA;AACd,EAAA,MAAM,EAAE,OAAA,GAAU,IAAM,EAAA,WAAA,EAAgB,GAAA,KAAA;AACxC,EAAA,MAAM,SAAY,GAAA,OAAA;AAAA,IAChB,OAAO;AAAA,MACL,UAAU,KAAsB,EAAA;AAC9B,QAAI,IAAA,KAAA,CAAM,QAAQ,WAAa,EAAA;AAC7B,UAAA,KAAA,CAAM,cAAe,EAAA;AACrB,UAAc,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,KAAA,CAAA;AAAA;AAChB;AACF,KACF,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAO,OAAA,OAAA,CAAQ,MAAO,OAAA,GAAU,EAAE,SAAA,EAAc,GAAA,EAAK,EAAA,CAAC,OAAS,EAAA,SAAS,CAAC,CAAA;AAC3E;;;;"}

package/dist-es/deck-item/DeckItem.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltDeckItem {\n  display: inline-block;\n}\n\n.saltDeckLayout-slide-vertical .saltDeckItem {\n  display: block;\n}\n\n.saltDeckItem-fade-previous,\n.saltDeckItem-fade-next,\n.saltDeckItem-static-previous,\n.saltDeckItem-static-next {\n  display: none;\n}\n\n.saltDeckItem-fade-in {\n  animation: var(--salt-animation-fade-in-center);\n}\n.saltDeckItem-fade-out {\n  animation: var(--salt-animation-fade-out-back);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=DeckItem.css.js.map

package/dist-es/deck-item/DeckItem.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeckItem.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}