@salt-ds/date-components 0.0.0-snapshot-20260330155807

package/dist-cjs/date-picker/DatePickerRangePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerRangePanel.js","sources":["../src/date-picker/DatePickerRangePanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useControlled,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\n  Timezone,\n} 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  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  type CalendarGridProps,\n  CalendarNavigation,\n  type CalendarNavigationProps,\n  type CalendarOffsetProps,\n  type CalendarProps,\n  type CalendarRangeProps,\n  type DateRangeSelection,\n  type UseCalendarSelectionRangeProps,\n} from \"../calendar\";\nimport { generateDatesForMonth } from \"../calendar/internal/utils\";\nimport { useLocalization } from \"../localization-provider\";\nimport {\n  type RangeDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n */\nexport interface DatePickerRangePanelProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Callback fired when a date range is selected.\n   * @param event - The synthetic event.\n   * @param selectedDate - The selected date range or null.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateRangeSelection | null,\n  ) => void;\n\n  /**\n   * Helper text to be displayed below the date picker.\n   */\n  helperText?: string;\n\n  /**\n   * The currently visible month for the start date.\n   */\n  startVisibleMonth?: DateFrameworkType;\n\n  /**\n   * The default visible month for the start date.\n   */\n  defaultStartVisibleMonth?: DateFrameworkType;\n\n  /**\n   * Callback fired when the visible month for the start date changes.\n   * @param event - The synthetic event, or null if called by effect.\n   * @param visibleMonth - The new visible month for the start date.\n   */\n  onStartVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: DateFrameworkType,\n  ) => void;\n\n  /**\n   * The currently visible month for the end date.\n   */\n  endVisibleMonth?: DateFrameworkType;\n\n  /**\n   * The default visible month for the end date.\n   */\n  defaultEndVisibleMonth?: DateFrameworkType;\n\n  /**\n   * Callback fired when the visible month for the end date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param visibleMonth - The new visible month for the end date.\n   */\n  onEndVisibleMonthChange?: (\n    event: SyntheticEvent | null,\n    visibleMonth: DateFrameworkType,\n  ) => void;\n\n  /**\n   * Callback fired when the focused date changes.\n   * @param event - The synthetic event or null if triggered by code.\n   * @param focusedDate - The new focused date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    focusedDate?: DateFrameworkType | 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?: DateFrameworkType | null,\n  ) => void;\n\n  /**\n   * Props to be passed to the start date CalendarNavigation component.\n   */\n  StartCalendarNavigationProps?: CalendarNavigationProps;\n\n  /**\n   * Props to be passed to the start date calendar component.\n   */\n  StartCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps | CalendarOffsetProps,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"multiselect\"\n      | \"onFocusedDateChange\"\n      | \"onHoveredDateChange\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n  /**\n   * Props to be passed to the start date CalendarGrid component.\n   */\n  StartCalendarGridProps?: CalendarGridProps;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"multiselect\"\n      | \"onFocusedDateChange\"\n      | \"onHoveredDateChange\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarNavigationProps?: CalendarNavigationProps;\n  /**\n   * Props to be passed to the end date CalendarGrid component.\n   */\n  EndCalendarGridProps?: CalendarGridProps;\n}\n\nfunction getFallbackVisibleMonths(\n  dateAdapter: SaltDateAdapter,\n  selectedDate: DateRangeSelection | null,\n  timezone: Timezone = \"default\",\n) {\n  function createConsecutiveRange(date: DateFrameworkType) {\n    const startDate = dateAdapter.startOf(date, \"month\");\n    const endDate = dateAdapter.add(startDate, { months: 1 });\n    return [startDate, endDate];\n  }\n\n  if (selectedDate && dateAdapter.isValid(selectedDate?.startDate)) {\n    const { startDate, endDate } = selectedDate;\n    if (dateAdapter.isValid(endDate)) {\n      return dateAdapter.isSame(startDate, endDate, \"month\")\n        ? createConsecutiveRange(startDate)\n        : [\n            dateAdapter.startOf(startDate, \"month\"),\n            dateAdapter.startOf(endDate, \"month\"),\n          ];\n    }\n    return createConsecutiveRange(startDate);\n  }\n\n  const currentMonth = dateAdapter.startOf(\n    dateAdapter.today(timezone),\n    \"month\",\n  );\n  return [currentMonth, dateAdapter.add(currentMonth, { months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerRangePanel = forwardRef(function DatePickerRangePanel(\n  props: DatePickerRangePanelProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const { dateAdapter } = useLocalization();\n\n  const {\n    className,\n    defaultStartVisibleMonth: defaultStartVisibleMonthProp,\n    startVisibleMonth: startVisibleMonthProp,\n    onStartVisibleMonthChange,\n    defaultEndVisibleMonth: defaultEndVisibleMonthProp,\n    endVisibleMonth: endVisibleMonthProp,\n    onEndVisibleMonthChange,\n    helperText,\n    onFocusedDateChange,\n    onHoveredDateChange,\n    onSelectionChange,\n    StartCalendarProps: StartCalendarPropsProp,\n    StartCalendarNavigationProps,\n    StartCalendarGridProps,\n    EndCalendarProps: EndCalendarPropsProp,\n    EndCalendarNavigationProps,\n    EndCalendarGridProps,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-range-panel\",\n    css: datePickerPanelCss,\n    window: targetWindow,\n  });\n\n  const calendarsRef = useRef<HTMLDivElement>(null);\n  const containerRef = useForkRef(ref, calendarsRef);\n\n  const {\n    state: {\n      timezone,\n      selectedDate,\n      minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n      maxDate = dateAdapter.add(minDate, { months: 1 }),\n    },\n    helpers: { select, isDayHighlighted, isDayUnselectable },\n  } = useDatePickerContext({\n    selectionVariant: \"range\",\n  }) as RangeDatePickerState;\n\n  const {\n    state: { initialFocusRef, focused },\n  } = useDatePickerOverlay();\n\n  const [hoveredDate, setHoveredDate] = useState<DateFrameworkType | null>(\n    null,\n  );\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths(dateAdapter, selectedDate, timezone),\n  );\n\n  const [startVisibleMonth, setStartVisibleMonth] = useControlled({\n    controlled: startVisibleMonthProp,\n    default: defaultStartVisibleMonthProp || fallbackStartVisibleMonth,\n    name: \"DatePickerRangePanel\",\n    state: \"startVisibleMonth\",\n  });\n\n  const [endVisibleMonth, setEndVisibleMonth] = useControlled({\n    controlled: endVisibleMonthProp,\n    default: defaultEndVisibleMonthProp || fallbackEndVisibleMonth,\n    name: \"DatePickerRangePanel\",\n    state: \"endVisibleMonth\",\n  });\n\n  const handleSelectionChange = useCallback(\n    (event: SyntheticEvent, newDate: DateRangeSelection | null) => {\n      select(event, newDate);\n      onSelectionChange?.(event, newDate);\n    },\n    [select, onSelectionChange],\n  );\n\n  const handleHoveredStartDateChange: CalendarProps[\"onHoveredDateChange\"] =\n    useCallback(\n      (event: SyntheticEvent, newHoveredDate: DateFrameworkType | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: DateFrameworkType | null) => {\n      setHoveredDate(newHoveredDate);\n      onHoveredDateChange?.(event, newHoveredDate);\n    },\n    [onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: DateFrameworkType) => {\n      setStartVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, endVisibleMonth) >= 0) {\n        setEndVisibleMonth(dateAdapter.add(newVisibleMonth, { months: 1 }));\n      }\n      onStartVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [dateAdapter, endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, newVisibleMonth: DateFrameworkType) => {\n      setEndVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, startVisibleMonth) <= 0) {\n        setStartVisibleMonth(\n          dateAdapter.startOf(\n            dateAdapter.subtract(newVisibleMonth, { months: 1 }),\n            \"month\",\n          ),\n        );\n      }\n      onEndVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [dateAdapter, startVisibleMonth, onEndVisibleMonthChange],\n  );\n\n  const calendarSelectedDate = {\n    startDate:\n      selectedDate && dateAdapter.isValid(selectedDate.startDate)\n        ? selectedDate.startDate\n        : null,\n    endDate:\n      selectedDate && dateAdapter.isValid(selectedDate.endDate)\n        ? selectedDate.endDate\n        : null,\n  };\n\n  const [focusedDate, setFocusedDate] = useState<DateFrameworkType | null>(\n    null,\n  );\n\n  const handleStartCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: DateFrameworkType) => {\n      setFocusedDate(newFocusedDate);\n      if (\n        newFocusedDate &&\n        !dateAdapter.isSame(startVisibleMonth, newFocusedDate, \"month\")\n      ) {\n        handleStartVisibleMonthChange(\n          event,\n          dateAdapter.startOf(newFocusedDate, \"month\"),\n        );\n      }\n      onFocusedDateChange?.(event, newFocusedDate);\n    },\n    [\n      dateAdapter,\n      startVisibleMonth,\n      handleStartVisibleMonthChange,\n      onFocusedDateChange,\n    ],\n  );\n\n  const handleEndCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: DateFrameworkType) => {\n      setFocusedDate(newFocusedDate);\n      if (\n        newFocusedDate &&\n        !dateAdapter.isSame(endVisibleMonth, newFocusedDate, \"month\")\n      ) {\n        handleEndVisibleMonthChange(\n          event,\n          dateAdapter.startOf(newFocusedDate, \"month\"),\n        );\n      }\n      onFocusedDateChange?.(event, newFocusedDate);\n    },\n    [\n      dateAdapter,\n      endVisibleMonth,\n      handleEndVisibleMonthChange,\n      onFocusedDateChange,\n    ],\n  );\n\n  const getNextFocusedDate = (\n    nextStartVisibleMonth: DateFrameworkType,\n    nextEndVisibleMonth: DateFrameworkType,\n  ) => {\n    const isOutsideAllowedDates = (date: DateFrameworkType) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    };\n    const isDaySelectable = (date: DateFrameworkType) =>\n      !(\n        date &&\n        (isDayUnselectable?.(date) ||\n          isOutsideAllowedDates(date as DateFrameworkType))\n      );\n\n    const getVisibleSelectedDate = (visibleMonth: DateFrameworkType) => {\n      if (\n        selectedDate?.startDate &&\n        dateAdapter.isSame(visibleMonth, selectedDate.startDate, \"month\") &&\n        isDaySelectable(selectedDate.startDate)\n      ) {\n        return selectedDate.startDate;\n      }\n      if (\n        selectedDate?.endDate &&\n        dateAdapter.isSame(visibleMonth, selectedDate.endDate, \"month\") &&\n        isDaySelectable(selectedDate.endDate)\n      ) {\n        return selectedDate.endDate;\n      }\n      return null;\n    };\n    let focusSelectedDate = getVisibleSelectedDate(nextStartVisibleMonth);\n    focusSelectedDate =\n      focusSelectedDate ?? getVisibleSelectedDate(nextEndVisibleMonth);\n    if (focusSelectedDate && isDaySelectable(focusSelectedDate)) {\n      return focusSelectedDate;\n    }\n    // Today\n    const today = dateAdapter.today(timezone);\n    if (\n      (dateAdapter.isSame(nextStartVisibleMonth, today, \"month\") ||\n        dateAdapter.isSame(nextEndVisibleMonth, today, \"month\")) &&\n      isDaySelectable(today)\n    ) {\n      return today;\n    }\n    // First selectable date in either calendar\n    const getFirstSelectableDate = (visibleMonth: DateFrameworkType) => {\n      const firstSelectableDate = generateDatesForMonth(\n        dateAdapter,\n        visibleMonth,\n      ).find((visibleDay) => isDaySelectable(visibleDay));\n      return firstSelectableDate ?? null;\n    };\n\n    return (\n      getFirstSelectableDate(nextStartVisibleMonth) ??\n      getFirstSelectableDate(nextEndVisibleMonth)\n    );\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n  useIsomorphicLayoutEffect(() => {\n    if (!focused) {\n      setFocusedDate(null);\n      return;\n    }\n\n    const isStartDateValid =\n      selectedDate?.startDate &&\n      dateAdapter.isValid(selectedDate.startDate) &&\n      dateAdapter.compare(selectedDate.startDate, minDate) >= 0 &&\n      dateAdapter.compare(selectedDate.startDate, maxDate) <= 0;\n\n    const isEndDateValid =\n      selectedDate?.endDate &&\n      dateAdapter.isValid(selectedDate.endDate) &&\n      dateAdapter.compare(selectedDate.endDate, minDate) >= 0 &&\n      dateAdapter.compare(selectedDate.endDate, maxDate) <= 0;\n\n    let nextStartVisibleMonth = startVisibleMonth;\n    let nextEndVisibleMonth = endVisibleMonth;\n\n    const setVisibleMonths = (\n      start: typeof nextStartVisibleMonth,\n      end: typeof nextEndVisibleMonth,\n    ) => {\n      nextStartVisibleMonth = dateAdapter.startOf(start, \"month\");\n      nextEndVisibleMonth = dateAdapter.startOf(end, \"month\");\n    };\n\n    if (\n      selectedDate?.startDate &&\n      selectedDate?.endDate &&\n      isStartDateValid &&\n      isEndDateValid\n    ) {\n      if (\n        dateAdapter.isSame(\n          selectedDate.startDate,\n          startVisibleMonth,\n          \"month\",\n        ) &&\n        dateAdapter.isSame(selectedDate.endDate, startVisibleMonth, \"month\")\n      ) {\n        setVisibleMonths(\n          selectedDate.startDate,\n          dateAdapter.add(selectedDate.startDate, { months: 1 }),\n        );\n      } else {\n        setVisibleMonths(selectedDate.startDate, selectedDate.endDate);\n      }\n    } else if (selectedDate?.startDate && isStartDateValid) {\n      setVisibleMonths(\n        selectedDate.startDate,\n        dateAdapter.add(selectedDate.startDate, { months: 1 }),\n      );\n    } else if (selectedDate?.endDate && isEndDateValid) {\n      setVisibleMonths(\n        dateAdapter.subtract(selectedDate.endDate, { months: 1 }),\n        selectedDate.endDate,\n      );\n    }\n\n    if (!focusedDate) {\n      setFocusedDate((prevFocusedDate: DateFrameworkType | null) => {\n        if (!prevFocusedDate) {\n          return getNextFocusedDate(nextStartVisibleMonth, nextEndVisibleMonth);\n        }\n        return prevFocusedDate;\n      });\n    }\n  }, [dateAdapter, minDate, maxDate, focused]);\n\n  const StartCalendarProps = {\n    visibleMonth: startVisibleMonth,\n    hoveredDate,\n    selectedDate: calendarSelectedDate,\n    isDayHighlighted,\n    isDayUnselectable,\n    focusedDateRef: initialFocusRef,\n    focusedDate:\n      focusedDate &&\n      dateAdapter.compare(\n        focusedDate,\n        dateAdapter.startOf(endVisibleMonth, \"month\"),\n      ) < 0\n        ? focusedDate\n        : null,\n    onHoveredDateChange: handleHoveredStartDateChange,\n    onFocusedDateChange: handleStartCalendarFocusedDateChange,\n    onVisibleMonthChange: handleStartVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    timezone,\n    ...StartCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    isDayHighlighted,\n    isDayUnselectable,\n    focusedDateRef: initialFocusRef,\n    focusedDate:\n      focusedDate &&\n      dateAdapter.compare(\n        focusedDate,\n        dateAdapter.startOf(endVisibleMonth, \"month\"),\n      ) >= 0\n        ? focusedDate\n        : null,\n    selectedDate: calendarSelectedDate,\n    onFocusedDateChange: handleEndCalendarFocusedDateChange,\n    onHoveredDateChange: handleHoveredEndDateChange,\n    onVisibleMonthChange: handleEndVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    timezone,\n    ...EndCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps>;\n\n  return (\n    <StackLayout\n      separators\n      gap={0}\n      className={clsx(className, withBaseName(\"container\"))}\n      ref={containerRef}\n      {...rest}\n    >\n      {helperText && (\n        <FlexItem className={withBaseName(\"header\")}>\n          <FormFieldHelperText>{helperText}</FormFieldHelperText>\n        </FlexItem>\n      )}\n      <FlexLayout gap={0}>\n        {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n        <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n          <Calendar selectionVariant={\"range\"} {...StartCalendarProps}>\n            <CalendarNavigation\n              NextButtonProps={{\n                disabled: dateAdapter.isSame(\n                  startVisibleMonth,\n                  dateAdapter.subtract(maxDate, { months: 1 }),\n                  \"month\",\n                ),\n              }}\n              {...StartCalendarNavigationProps}\n            />\n            <CalendarGrid {...StartCalendarGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation\n              NextButtonProps={{\n                disabled: dateAdapter.isSame(\n                  endVisibleMonth,\n                  dateAdapter.add(minDate, { months: 1 }),\n                  \"month\",\n                ),\n              }}\n              {...EndCalendarNavigationProps}\n            />\n            <CalendarGrid {...EndCalendarGridProps} />\n          </Calendar>\n        </FormFieldContext.Provider>\n      </FlexLayout>\n    </StackLayout>\n  );\n});\n"],"names":["makePrefixer","forwardRef","DatePickerRangePanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useRef","useForkRef","useDatePickerContext","useDatePickerOverlay","useState","useControlled","useCallback","generateDatesForMonth","useIsomorphicLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}

package/dist-cjs/date-picker/DatePickerSingleGridPanel.js

@@ -0,0 +1,262 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var react = require('react');
+var Calendar = require('../calendar/Calendar.js');
+var CalendarGrid = require('../calendar/CalendarGrid.js');
+var CalendarNavigation = require('../calendar/CalendarNavigation.js');
+require('../calendar/CalendarWeekHeader.js');
+var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
+var utils = require('../calendar/internal/utils.js');
+require('../calendar/useCalendarSelection.js');
+require('../calendar/internal/CalendarContext.js');
+var DatePickerContext = require('./DatePickerContext.js');
+var DatePickerOverlayProvider = require('./DatePickerOverlayProvider.js');
+var DatePickerPanel = require('./DatePickerPanel.css.js');
+
+const withBaseName = core.makePrefixer("saltDatePickerPanel");
+const DatePickerSingleGridPanel = react.forwardRef(
+  function DatePickerSingleGridPanel2(props, ref) {
+    const { dateAdapter } = LocalizationProvider.useLocalization();
+    const {
+      CalendarProps,
+      CalendarNavigationProps,
+      CalendarGridProps,
+      className,
+      defaultVisibleMonth,
+      visibleMonth: visibleMonthProp,
+      onVisibleMonthChange,
+      helperText,
+      onFocusedDateChange,
+      onHoveredDateChange,
+      onSelectionChange,
+      numberOfVisibleMonths = 1,
+      columns = numberOfVisibleMonths,
+      ...rest
+    } = props;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-date-picker-single-grid-panel",
+      css: DatePickerPanel,
+      window: targetWindow
+    });
+    const stateAndHelpers = DatePickerContext.useDatePickerContext({
+      selectionVariant: "single"
+    });
+    const {
+      state: {
+        timezone,
+        selectedDate = null,
+        minDate = dateAdapter.startOf(dateAdapter.today(timezone), "month"),
+        maxDate = dateAdapter.add(minDate, { months: 1 })
+      },
+      helpers: { select, isDayHighlighted, isDayUnselectable }
+    } = stateAndHelpers;
+    const { matchedBreakpoints } = core.useBreakpoint();
+    const responsiveColumns = core.resolveResponsiveValue(columns, matchedBreakpoints) ?? 1;
+    const responsiveNumberOfVisibleMonths = core.resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;
+    const {
+      state: { focused, initialFocusRef }
+    } = DatePickerOverlayProvider.useDatePickerOverlay();
+    const [hoveredDate, setHoveredDate] = react.useState(
+      null
+    );
+    const [uncontrolledDefaultVisibleMonth] = react.useState(() => {
+      const validDate = dateAdapter.isValid(selectedDate) ? selectedDate : dateAdapter.today(timezone);
+      return defaultVisibleMonth || dateAdapter.startOf(validDate, "month");
+    });
+    const [visibleMonth, setVisibleMonth] = core.useControlled({
+      controlled: visibleMonthProp,
+      default: uncontrolledDefaultVisibleMonth,
+      name: "DatePickerSingleGridPanel",
+      state: "visibleMonth"
+    });
+    const [focusedDate, setFocusedDate] = react.useState(
+      null
+    );
+    const calendarGridFocused = react.useRef(false);
+    const handleSelectionChange = react.useCallback(
+      (event, newDate) => {
+        const singleDate = newDate;
+        select(event, singleDate);
+        onSelectionChange == null ? void 0 : onSelectionChange(event, singleDate);
+      },
+      [onSelectionChange, select]
+    );
+    const handleHoveredDateChange = react.useCallback(
+      (event, newHoveredDate) => {
+        setHoveredDate(newHoveredDate);
+        onHoveredDateChange == null ? void 0 : onHoveredDateChange(event, newHoveredDate);
+      },
+      [onHoveredDateChange]
+    );
+    const handleVisibleMonthChange = react.useCallback(
+      (event, newVisibleMonth) => {
+        setVisibleMonth(newVisibleMonth);
+        onVisibleMonthChange == null ? void 0 : onVisibleMonthChange(event, newVisibleMonth);
+      },
+      [onVisibleMonthChange]
+    );
+    const handleFocusedDateChange = react.useCallback(
+      (event, newFocusedDate) => {
+        setFocusedDate(newFocusedDate);
+        if (!newFocusedDate) {
+          onFocusedDateChange == null ? void 0 : onFocusedDateChange(event, newFocusedDate);
+          return;
+        }
+        const startOfFocusedMonth = dateAdapter.startOf(
+          newFocusedDate,
+          "month"
+        );
+        const lastVisibleMonth = dateAdapter.add(visibleMonth, {
+          months: responsiveNumberOfVisibleMonths - 1
+        });
+        const isBeforeVisibleMonth = dateAdapter.compare(startOfFocusedMonth, visibleMonth) < 0;
+        const isAfterLastVisibleMonth = dateAdapter.compare(startOfFocusedMonth, lastVisibleMonth) > 0;
+        if (isBeforeVisibleMonth) {
+          handleVisibleMonthChange(event, startOfFocusedMonth);
+        } else if (isAfterLastVisibleMonth) {
+          const newLastVisibleMonth = dateAdapter.subtract(
+            startOfFocusedMonth,
+            {
+              months: responsiveNumberOfVisibleMonths - 1
+            }
+          );
+          handleVisibleMonthChange(event, newLastVisibleMonth);
+        }
+        onFocusedDateChange == null ? void 0 : onFocusedDateChange(event, newFocusedDate);
+      },
+      [
+        dateAdapter,
+        handleVisibleMonthChange,
+        onFocusedDateChange,
+        responsiveNumberOfVisibleMonths,
+        visibleMonth
+      ]
+    );
+    const getNextFocusedDate = react.useCallback(() => {
+      const isOutsideAllowedDates = (date) => {
+        return dateAdapter.compare(date, minDate) < 0 || dateAdapter.compare(date, maxDate) > 0;
+      };
+      const isDaySelectable = (date) => !(date && ((isDayUnselectable == null ? void 0 : isDayUnselectable(date)) || isOutsideAllowedDates(date)));
+      const startVisibleMonth = dateAdapter.startOf(visibleMonth, "month");
+      const endVisibleMonth = dateAdapter.add(visibleMonth, {
+        months: responsiveNumberOfVisibleMonths - 1
+      });
+      const selectedDateStartOfMonth = selectedDate ? dateAdapter.startOf(selectedDate, "month") : null;
+      const getVisibleSelectedDate = () => {
+        if (selectedDateStartOfMonth && dateAdapter.compare(selectedDateStartOfMonth, startVisibleMonth) >= 0 && dateAdapter.compare(selectedDateStartOfMonth, endVisibleMonth) <= 0) {
+          return selectedDate;
+        }
+        return null;
+      };
+      const focusSelectedDate = getVisibleSelectedDate();
+      if (focusSelectedDate && isDaySelectable(focusSelectedDate)) {
+        return focusSelectedDate;
+      }
+      const today = dateAdapter.today(timezone);
+      const todayStartOfMonth = dateAdapter.startOf(today, "month");
+      if (dateAdapter.compare(todayStartOfMonth, startVisibleMonth) >= 0 && dateAdapter.compare(todayStartOfMonth, endVisibleMonth) <= 0 && isDaySelectable(today)) {
+        return today;
+      }
+      const getFirstSelectableDate = (startMonth, numberOfMonths) => {
+        for (let i = 0; i < numberOfMonths; i++) {
+          const currentMonth = dateAdapter.add(startMonth, { months: i });
+          const firstSelectableDate = utils.generateDatesForMonth(
+            dateAdapter,
+            currentMonth
+          ).find((visibleDay) => isDaySelectable(visibleDay));
+          if (firstSelectableDate) {
+            return firstSelectableDate;
+          }
+        }
+        return null;
+      };
+      return getFirstSelectableDate(
+        startVisibleMonth,
+        responsiveNumberOfVisibleMonths
+      );
+    }, [
+      dateAdapter,
+      isDayUnselectable,
+      minDate,
+      maxDate,
+      responsiveNumberOfVisibleMonths,
+      selectedDate,
+      visibleMonth,
+      timezone
+    ]);
+    core.useIsomorphicLayoutEffect(() => {
+      if (focused && !calendarGridFocused.current) {
+        setFocusedDate((prevFocusedDate) => {
+          if (!prevFocusedDate) {
+            return getNextFocusedDate();
+          }
+          return prevFocusedDate;
+        });
+      }
+      calendarGridFocused.current = focused;
+    }, [focused]);
+    const calendarProps = {
+      visibleMonth,
+      focusedDateRef: initialFocusRef,
+      focusedDate: (calendarGridFocused == null ? void 0 : calendarGridFocused.current) ? focusedDate : null,
+      hoveredDate,
+      isDayHighlighted,
+      isDayUnselectable,
+      hideOutOfRangeDates: true,
+      selectedDate,
+      minDate,
+      maxDate,
+      numberOfVisibleMonths: responsiveNumberOfVisibleMonths,
+      onFocusedDateChange: handleFocusedDateChange,
+      onHoveredDateChange: handleHoveredDateChange,
+      onSelectionChange: handleSelectionChange,
+      onVisibleMonthChange: handleVisibleMonthChange,
+      timezone,
+      ...CalendarProps
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      core.StackLayout,
+      {
+        separators: true,
+        gap: 0,
+        className: clsx.clsx(className, withBaseName("container")),
+        ref,
+        ...rest,
+        children: [
+          helperText && /* @__PURE__ */ jsxRuntime.jsx(core.FlexItem, { className: withBaseName("header"), children: /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldHelperText, { children: helperText }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(core.FlexLayout, { gap: 0, children: /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldContext.Provider, { value: {}, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Calendar.Calendar,
+            {
+              selectionVariant: "single",
+              ...calendarProps,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  CalendarNavigation.CalendarNavigation,
+                  {
+                    ...CalendarNavigationProps
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  CalendarGrid.CalendarGrid,
+                  {
+                    columns: responsiveColumns,
+                    ...CalendarGridProps
+                  }
+                )
+              ]
+            }
+          ) }) })
+        ]
+      }
+    );
+  }
+);
+
+exports.DatePickerSingleGridPanel = DatePickerSingleGridPanel;
+//# sourceMappingURL=DatePickerSingleGridPanel.js.map

package/dist-cjs/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  makePrefixer,\n  type ResponsiveProp,\n  resolveResponsiveValue,\n  StackLayout,\n  useBreakpoint,\n  useControlled,\n  useIsomorphicLayoutEffect,\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  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  type CalendarGridProps,\n  CalendarNavigation,\n  type CalendarNavigationProps as CalendarNavigationPropsType,\n  type CalendarSingleProps,\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 */\nexport interface DatePickerPanelBaseProps\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?: DateFrameworkType;\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?: DateFrameworkType;\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: DateFrameworkType,\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 focusedDate - The new hovered date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    focusedDate?: DateFrameworkType | 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?: DateFrameworkType | null,\n  ) => void;\n  /**\n   * Props to be passed to the CalendarNavigation component.\n   */\n  CalendarNavigationProps?: Partial<CalendarNavigationPropsType>;\n  /**\n   * Props to be passed to the CalendarGrid component.\n   */\n  CalendarGridProps?: Partial<CalendarGridProps>;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport type DatePickerSingleGridPanelProps = DatePickerPanelBaseProps & {\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateFrameworkType | null,\n  ) => void;\n  CalendarProps?: Partial<\n    Omit<\n      CalendarSingleProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n};\n\nexport const DatePickerSingleGridPanel = forwardRef(\n  function DatePickerSingleGridPanel(\n    props: DatePickerSingleGridPanelProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { dateAdapter } = useLocalization();\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 = useDatePickerContext({\n      selectionVariant: \"single\",\n    }) as SingleDatePickerState;\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, 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<DateFrameworkType | null>(\n      null,\n    );\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<DateFrameworkType | null>(\n      null,\n    );\n    const calendarGridFocused = useRef(false);\n\n    const handleSelectionChange = useCallback(\n      (\n        event: SyntheticEvent,\n        newDate: SingleDateSelection | DateRangeSelection | null,\n      ) => {\n        const singleDate = newDate as DateFrameworkType | null;\n        select(event, singleDate);\n        onSelectionChange?.(event, singleDate);\n      },\n      [onSelectionChange, select],\n    );\n\n    const handleHoveredDateChange = useCallback(\n      (event: SyntheticEvent, newHoveredDate: DateFrameworkType | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n    const handleVisibleMonthChange = useCallback(\n      (event: SyntheticEvent | null, newVisibleMonth: DateFrameworkType) => {\n        setVisibleMonth(newVisibleMonth);\n        onVisibleMonthChange?.(event, newVisibleMonth as DateFrameworkType);\n      },\n      [onVisibleMonthChange],\n    );\n\n    const handleFocusedDateChange = useCallback(\n      (\n        event: SyntheticEvent | null,\n        newFocusedDate: DateFrameworkType | null,\n      ) => {\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 as DateFrameworkType);\n      },\n      [\n        dateAdapter,\n        handleVisibleMonthChange,\n        onFocusedDateChange,\n        responsiveNumberOfVisibleMonths,\n        visibleMonth,\n      ],\n    );\n\n    const getNextFocusedDate = useCallback(() => {\n      const isOutsideAllowedDates = (date: DateFrameworkType) => {\n        return (\n          dateAdapter.compare(date, minDate) < 0 ||\n          dateAdapter.compare(date, maxDate) > 0\n        );\n      };\n      const isDaySelectable = (date: DateFrameworkType) =>\n        !(date && (isDayUnselectable?.(date) || isOutsideAllowedDates(date)));\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: DateFrameworkType,\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      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    useIsomorphicLayoutEffect(() => {\n      // Called when the overlay opens or the focus shifts between trigger and overlay\n      if (focused && !calendarGridFocused.current) {\n        setFocusedDate((prevFocusedDate: DateFrameworkType | null) => {\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      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 Omit<\n                CalendarSingleProps,\n                \"selectionVariant\"\n              >)}\n            >\n              <CalendarNavigation\n                {...(CalendarNavigationProps as CalendarNavigationPropsType)}\n              />\n              <CalendarGrid\n                columns={responsiveColumns}\n                {...CalendarGridProps}\n              />\n            </Calendar>\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DatePickerSingleGridPanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useDatePickerContext","useBreakpoint","resolveResponsiveValue","useDatePickerOverlay","useState","useControlled","useRef","useCallback","generateDatesForMonth","useIsomorphicLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}

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

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

package/dist-cjs/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  forwardRef,\n  type MouseEventHandler,\n  type SyntheticEvent,\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 {\n  type SingleDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerSingleInput\");\n\n/**\n * Props for the DatePickerSingleInput component.\n */\nexport interface DatePickerSingleInputProps extends DateInputSingleProps {\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 | null | undefined,\n    details: DateInputSingleDetails,\n  ) => DateInputSingleDetails;\n}\n\nfunction defaultSingleValidation(\n  dateAdapter: SaltDateAdapter,\n  date: DateFrameworkType | null | undefined,\n  details: DateInputSingleDetails,\n  minDate?: DateFrameworkType,\n  maxDate?: DateFrameworkType,\n): DateInputSingleDetails {\n  if (!date) {\n    details.errors = details.errors ?? [];\n    const hasUnsetError = details.errors.some(\n      (err) => err.type === DateDetailError.UNSET,\n    );\n    if (!hasUnsetError) {\n      details.errors.push({\n        type: DateDetailError.UNSET,\n        message: \"no date defined\",\n      });\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\n>((props: DatePickerSingleInputProps, ref: React.Ref<HTMLDivElement>) => {\n  const { dateAdapter } = useLocalization();\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({\n    selectionVariant: \"single\",\n  }) as SingleDatePickerState;\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 | null | undefined,\n      details: DateInputSingleDetails,\n    ) => {\n      const validatedDetails =\n        validate && date\n          ? validate(date, details)\n          : defaultSingleValidation(\n              dateAdapter,\n              date,\n              details,\n              minDate,\n              maxDate,\n            );\n      select(event, date ?? null, 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-haspopup=\"dialog\"\n            aria-label=\"Open Calendar\"\n            aria-expanded={open}\n          >\n            <CalendarIcon aria-hidden />\n          </Button>\n        )\n      }\n      timezone={timezone}\n      {...rest}\n    />\n  );\n});\n"],"names":["makePrefixer","DateDetailError","forwardRef","useLocalization","useDatePickerContext","useDatePickerOverlay","useRef","useControlled","useCallback","useEffect","jsx","DateInputSingle","clsx","Button","CalendarIcon"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var DatePickerSingleGridPanel = require('./DatePickerSingleGridPanel.js');
+
+const DatePickerSinglePanel = react.forwardRef(function DatePickerSinglePanel2(props, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DatePickerSingleGridPanel.DatePickerSingleGridPanel,
+    {
+      ref,
+      columns: 1,
+      numberOfVisibleMonths: 1,
+      ...props
+    }
+  );
+});
+
+exports.DatePickerSinglePanel = DatePickerSinglePanel;
+//# sourceMappingURL=DatePickerSinglePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerSinglePanel.js","sources":["../src/date-picker/DatePickerSinglePanel.tsx"],"sourcesContent":["import { 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  props: DatePickerSingleGridPanelProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  return (\n    <DatePickerSingleGridPanel\n      ref={ref}\n      columns={1}\n      numberOfVisibleMonths={1}\n      {...props}\n    />\n  );\n});\n"],"names":["forwardRef","DatePickerSinglePanel","jsx","DatePickerSingleGridPanel"],"mappings":";;;;;;AAUO,MAAM,qBAAA,GAAwBA,gBAAA,CAAW,SAASC,sBAAAA,CACvD,OACA,GAAA,EACA;AACA,EAAA,uBACEC,cAAA;AAAA,IAACC,mDAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,OAAA,EAAS,CAAA;AAAA,MACT,qBAAA,EAAuB,CAAA;AAAA,MACtB,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}

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

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

package/dist-cjs/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 { forwardRef, type ReactNode } 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":["makePrefixer","forwardRef","useDatePickerOverlay","useForkRef","jsx","clsx"],"mappings":";;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,uBAAuB,CAAA;AAUlD,MAAM,iBAAA,GAAoBC,gBAAA,CAG/B,CAAC,KAAA,EAA+B,GAAA,KAAmC;AACnE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,EAAE,gBAAA,EAAiB;AAAA,IAC1B,OAAA,EAAS,EAAE,iBAAA;AAAkB,MAC3BC,8CAAA,EAAqB;AAEzB,EAAA,MAAM,UAAA,GAAaC,eAAA;AAAA,IACjB,GAAA;AAAA,IACA,gBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,gBAAA,CAAkB;AAAA,GACpB;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA,EAAK,UAAA;AAAA,MACJ,GAAG,kBAAkB,IAAI,CAAA;AAAA,MAEzB;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}