@salt-ds/lab 1.0.0-alpha.54 → 1.0.0-alpha.56

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

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { getLocalTimeZone, startOfMonth, today, isSameMonth, endOfMonth } from '@internationalized/date';
 import { makePrefixer, useControlled, StackLayout, FlexItem, FormFieldHelperText, FlexLayout, FormFieldContext } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
@@ -8,30 +7,35 @@ import { forwardRef, useState, useCallback } from 'react';
 import { Calendar } from '../calendar/Calendar.js';
 import { CalendarNavigation } from '../calendar/CalendarNavigation.js';
 import { CalendarWeekHeader } from '../calendar/CalendarWeekHeader.js';
-import { CalendarDateGrid } from '../calendar/CalendarDateGrid.js';
+import { CalendarGrid } from '../calendar/CalendarGrid.js';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import '../calendar/internal/CalendarContext.js';
-import { getCurrentLocale } from '../calendar/formatDate.js';
 import '../calendar/useCalendarSelection.js';
 import { useDatePickerContext } from './DatePickerContext.js';
 import css_248z from './DatePickerPanel.css.js';
 
-function getFallbackVisibleMonths(selectedDate, timeZone) {
-  const createConsecutiveRange = (date) => [
-    startOfMonth(date),
-    startOfMonth(date).add({ months: 1 })
-  ];
-  if (selectedDate == null ? void 0 : selectedDate.startDate) {
+function getFallbackVisibleMonths(dateAdapter, selectedDate) {
+  function createConsecutiveRange(date) {
+    const startDate = dateAdapter.startOf(date, "month");
+    const endDate = dateAdapter.add(startDate, { months: 1 });
+    return [startDate, endDate];
+  }
+  if (selectedDate && dateAdapter.isValid(selectedDate == null ? void 0 : selectedDate.startDate)) {
     const { startDate, endDate } = selectedDate;
-    if (endDate) {
-      return isSameMonth(startDate, endDate) ? createConsecutiveRange(startDate) : [startOfMonth(startDate), startOfMonth(endDate)];
+    if (dateAdapter.isValid(endDate)) {
+      return dateAdapter.isSame(startDate, endDate, "month") ? createConsecutiveRange(startDate) : [
+        dateAdapter.startOf(startDate, "month"),
+        dateAdapter.startOf(endDate, "month")
+      ];
     }
     return createConsecutiveRange(startDate);
   }
-  const currentMonth = startOfMonth(today(timeZone));
-  return [currentMonth, currentMonth.add({ months: 1 })];
+  const currentMonth = dateAdapter.startOf(dateAdapter.today(), "month");
+  return [currentMonth, dateAdapter.add(currentMonth, { months: 1 })];
 }
 const withBaseName = makePrefixer("saltDatePickerPanel");
 const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, ref) {
+  const { dateAdapter } = useLocalization();
   const {
     className,
     defaultStartVisibleMonth: defaultStartVisibleMonthProp,
@@ -41,7 +45,7 @@ const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, re
     endVisibleMonth: endVisibleMonthProp,
     onEndVisibleMonthChange,
     helperText,
-    onSelect,
+    onSelectionChange,
     StartCalendarProps: StartCalendarPropsProp,
     StartCalendarNavigationProps,
     StartCalendarWeekHeaderProps,
@@ -61,16 +65,14 @@ const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, re
   const {
     state: {
       selectedDate,
-      timeZone = getLocalTimeZone(),
-      minDate = startOfMonth(today(timeZone)),
-      maxDate = minDate.add({ months: 1 }),
-      locale = getCurrentLocale()
+      minDate = dateAdapter.startOf(dateAdapter.today(), "month"),
+      maxDate = dateAdapter.add(minDate, { months: 1 })
     },
-    helpers: { setSelectedDate }
+    helpers: { select }
   } = useDatePickerContext({ selectionVariant: "range" });
   const [hoveredDate, setHoveredDate] = useState(null);
   const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(
-    () => getFallbackVisibleMonths(selectedDate, timeZone)
+    () => getFallbackVisibleMonths(dateAdapter, selectedDate)
   );
   const [startVisibleMonth, setStartVisibleMonth] = useControlled({
     controlled: startVisibleMonthProp,
@@ -84,12 +86,12 @@ const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, re
     name: "DatePickerRangePanel",
     state: "endVisibleMonth"
   });
-  const handleSelectedDateChange = useCallback(
+  const handleSelectionChange = useCallback(
     (event, newDate) => {
-      setSelectedDate(newDate, { startDate: false, endDate: false });
-      onSelect == null ? void 0 : onSelect(event, newDate);
+      select(event, newDate);
+      onSelectionChange == null ? void 0 : onSelectionChange(event, newDate);
     },
-    [onSelect, setSelectedDate]
+    [select, onSelectionChange]
   );
   const handleHoveredStartDateChange = useCallback(
     (event, newHoveredDate) => {
@@ -113,8 +115,8 @@ const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, re
   const handleStartVisibleMonthChange = useCallback(
     (event, newVisibleMonth) => {
       setStartVisibleMonth(newVisibleMonth);
-      if (newVisibleMonth.compare(endVisibleMonth) >= 0) {
-        setEndVisibleMonth(newVisibleMonth.add({ months: 1 }));
+      if (dateAdapter.compare(newVisibleMonth, endVisibleMonth) >= 0) {
+        setEndVisibleMonth(dateAdapter.add(newVisibleMonth, { months: 1 }));
       }
       onStartVisibleMonthChange == null ? void 0 : onStartVisibleMonthChange(event, newVisibleMonth);
     },
@@ -123,9 +125,12 @@ const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, re
   const handleEndVisibleMonthChange = useCallback(
     (event, newVisibleMonth) => {
       setEndVisibleMonth(newVisibleMonth);
-      if (newVisibleMonth.compare(startVisibleMonth) <= 0) {
+      if (dateAdapter.compare(newVisibleMonth, startVisibleMonth) <= 0) {
         setStartVisibleMonth(
-          startOfMonth(newVisibleMonth.subtract({ months: 1 }))
+          dateAdapter.startOf(
+            dateAdapter.subtract(newVisibleMonth, { months: 1 }),
+            "month"
+          )
         );
       }
       onEndVisibleMonthChange == null ? void 0 : onEndVisibleMonthChange(event, newVisibleMonth);
@@ -133,89 +138,61 @@ const DatePickerRangePanel = forwardRef(function DatePickerRangePanel2(props, re
     [startVisibleMonth, onEndVisibleMonthChange]
   );
   function getHoveredDate(date, hoveredDate2) {
-    return date && hoveredDate2 && (hoveredDate2 == null ? void 0 : hoveredDate2.compare(endOfMonth(date))) > 0 ? endOfMonth(date) : hoveredDate2;
+    return date && hoveredDate2 && dateAdapter.compare(hoveredDate2, dateAdapter.endOf(date, "month")) > 0 ? dateAdapter.endOf(date, "month") : hoveredDate2;
   }
+  const calendarSelectedDate = {
+    startDate: selectedDate && dateAdapter.isValid(selectedDate.startDate) ? selectedDate.startDate : null,
+    endDate: selectedDate && dateAdapter.isValid(selectedDate.endDate) ? selectedDate.endDate : null
+  };
   const StartCalendarProps = {
     visibleMonth: startVisibleMonth,
     hoveredDate: getHoveredDate(selectedDate == null ? void 0 : selectedDate.startDate, hoveredDate),
-    selectedDate,
+    selectedDate: calendarSelectedDate,
     onHoveredDateChange: handleHoveredStartDateChange,
     onVisibleMonthChange: handleStartVisibleMonthChange,
-    onSelectedDateChange: handleSelectedDateChange,
+    onSelectionChange: handleSelectionChange,
     hideOutOfRangeDates: true,
     minDate,
     maxDate,
-    locale,
-    timeZone,
     ...StartCalendarPropsProp
   };
   const EndCalendarProps = {
     visibleMonth: endVisibleMonth,
     hoveredDate,
-    selectedDate,
+    selectedDate: calendarSelectedDate,
     onHoveredDateChange: handleHoveredEndDateChange,
     onVisibleMonthChange: handleEndVisibleMonthChange,
-    onSelectedDateChange: handleSelectedDateChange,
+    onSelectionChange: handleSelectionChange,
     hideOutOfRangeDates: true,
     minDate,
     maxDate,
-    locale,
-    timeZone,
     ...EndCalendarPropsProp
   };
-  return /* @__PURE__ */ jsxs(StackLayout, {
-    separators: true,
-    gap: 0,
-    className: clsx(className, withBaseName("container")),
-    ref,
-    ...rest,
-    children: [
-      helperText && /* @__PURE__ */ jsx(FlexItem, {
-        className: withBaseName("header"),
-        children: /* @__PURE__ */ jsx(FormFieldHelperText, {
-          children: helperText
-        })
-      }),
-      /* @__PURE__ */ jsx(FlexLayout, {
-        gap: 0,
-        children: /* @__PURE__ */ jsxs(FormFieldContext.Provider, {
-          value: {},
-          children: [
-            /* @__PURE__ */ jsxs(Calendar, {
-              selectionVariant: "range",
-              ...StartCalendarProps,
-              children: [
-                /* @__PURE__ */ jsx(CalendarNavigation, {
-                  ...StartCalendarNavigationProps
-                }),
-                /* @__PURE__ */ jsx(CalendarWeekHeader, {
-                  ...StartCalendarWeekHeaderProps
-                }),
-                /* @__PURE__ */ jsx(CalendarDateGrid, {
-                  ...StartCalendarDataGridProps
-                })
-              ]
-            }),
-            /* @__PURE__ */ jsxs(Calendar, {
-              selectionVariant: "range",
-              ...EndCalendarProps,
-              children: [
-                /* @__PURE__ */ jsx(CalendarNavigation, {
-                  ...EndCalendarNavigationProps
-                }),
-                /* @__PURE__ */ jsx(CalendarWeekHeader, {
-                  ...EndCalendarWeekHeaderProps
-                }),
-                /* @__PURE__ */ jsx(CalendarDateGrid, {
-                  ...EndCalendarDataGridProps
-                })
-              ]
-            })
-          ]
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    StackLayout,
+    {
+      separators: true,
+      gap: 0,
+      className: clsx(className, withBaseName("container")),
+      ref,
+      ...rest,
+      children: [
+        helperText && /* @__PURE__ */ jsx(FlexItem, { className: withBaseName("header"), children: /* @__PURE__ */ jsx(FormFieldHelperText, { children: helperText }) }),
+        /* @__PURE__ */ jsx(FlexLayout, { gap: 0, children: /* @__PURE__ */ jsxs(FormFieldContext.Provider, { value: {}, children: [
+          /* @__PURE__ */ jsxs(Calendar, { selectionVariant: "range", ...StartCalendarProps, children: [
+            /* @__PURE__ */ jsx(CalendarNavigation, { ...StartCalendarNavigationProps }),
+            /* @__PURE__ */ jsx(CalendarWeekHeader, { ...StartCalendarWeekHeaderProps }),
+            /* @__PURE__ */ jsx(CalendarGrid, { ...StartCalendarDataGridProps })
+          ] }),
+          /* @__PURE__ */ jsxs(Calendar, { selectionVariant: "range", ...EndCalendarProps, children: [
+            /* @__PURE__ */ jsx(CalendarNavigation, { ...EndCalendarNavigationProps }),
+            /* @__PURE__ */ jsx(CalendarWeekHeader, { ...EndCalendarWeekHeaderProps }),
+            /* @__PURE__ */ jsx(CalendarGrid, { ...EndCalendarDataGridProps })
+          ] })
+        ] }) })
+      ]
+    }
+  );
 });
 
 export { DatePickerRangePanel };

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRangePanel.js","sources":["../src/date-picker/DatePickerRangePanel.tsx"],"sourcesContent":["import {\n  type DateValue,\n  endOfMonth,\n  getLocalTimeZone,\n  isSameMonth,\n  startOfMonth,\n  today,\n} from \"@internationalized/date\";\nimport {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  StackLayout,\n  makePrefixer,\n  useControlled,\n} from \"@salt-ds/core\";\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  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarDateGrid,\n  type CalendarDateGridProps,\n  CalendarNavigation,\n  type CalendarNavigationProps,\n  type CalendarOffsetProps,\n  type CalendarProps,\n  type CalendarRangeProps,\n  CalendarWeekHeader,\n  type CalendarWeekHeaderProps,\n  type DateRangeSelection,\n  type UseCalendarSelectionRangeProps,\n  getCurrentLocale,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n * @template T - The type of the selected date range.\n */\nexport interface DatePickerRangePanelProps<T>\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  onSelect?: (event: SyntheticEvent, selectedDate?: T | null) => 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?: DateValue;\n\n  /**\n   * The default visible month for the start date.\n   */\n  defaultStartVisibleMonth?: DateValue;\n\n  /**\n   * Callback fired when the visible month for the start date changes.\n   * @param event - The synthetic event.\n   * @param visibleMonth - The new visible month for the start date.\n   */\n  onStartVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: DateValue,\n  ) => void;\n\n  /**\n   * The currently visible month for the end date.\n   */\n  endVisibleMonth?: DateValue;\n\n  /**\n   * The default visible month for the end date.\n   */\n  defaultEndVisibleMonth?: DateValue;\n\n  /**\n   * Callback fired when the visible month for the end date changes.\n   * @param event - The synthetic event.\n   * @param visibleMonth - The new visible month for the end date.\n   */\n  onEndVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: DateValue,\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      | \"onSelectedDateChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n  /**\n   * Props to be passed to the start date CalendarWeekHeader component.\n   */\n  StartCalendarWeekHeaderProps?: CalendarWeekHeaderProps;\n  /**\n   * Props to be passed to the start date CalendarDataGrid component.\n   */\n  StartCalendarDataGridProps?: CalendarDateGridProps;\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      | \"onSelectedDateChange\"\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 CalendarWeekHeader component.\n   */\n  EndCalendarWeekHeaderProps?: CalendarWeekHeaderProps;\n  /**\n   * Props to be passed to the end date CalendarDataGrid component.\n   */\n  EndCalendarDataGridProps?: CalendarDateGridProps;\n}\n\nfunction getFallbackVisibleMonths(\n  selectedDate: DateRangeSelection | null,\n  timeZone: string,\n) {\n  const createConsecutiveRange = (date: DateValue) => [\n    startOfMonth(date),\n    startOfMonth(date).add({ months: 1 }),\n  ];\n\n  if (selectedDate?.startDate) {\n    const { startDate, endDate } = selectedDate;\n    if (endDate) {\n      return isSameMonth(startDate, endDate)\n        ? createConsecutiveRange(startDate)\n        : [startOfMonth(startDate), startOfMonth(endDate)];\n    }\n    return createConsecutiveRange(startDate);\n  }\n\n  const currentMonth = startOfMonth(today(timeZone));\n  return [currentMonth, currentMonth.add({ months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerRangePanel = forwardRef<\n  HTMLDivElement,\n  DatePickerRangePanelProps<DateRangeSelection>\n>(function DatePickerRangePanel(props, ref) {\n  const {\n    className,\n    defaultStartVisibleMonth: defaultStartVisibleMonthProp,\n    startVisibleMonth: startVisibleMonthProp,\n    onStartVisibleMonthChange,\n    defaultEndVisibleMonth: defaultEndVisibleMonthProp,\n    endVisibleMonth: endVisibleMonthProp,\n    onEndVisibleMonthChange,\n    helperText,\n    onSelect,\n    StartCalendarProps: StartCalendarPropsProp,\n    StartCalendarNavigationProps,\n    StartCalendarWeekHeaderProps,\n    StartCalendarDataGridProps,\n    EndCalendarProps: EndCalendarPropsProp,\n    EndCalendarNavigationProps,\n    EndCalendarWeekHeaderProps,\n    EndCalendarDataGridProps,\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 {\n    state: {\n      selectedDate,\n      timeZone = getLocalTimeZone(),\n      minDate = startOfMonth(today(timeZone)),\n      maxDate = minDate.add({ months: 1 }),\n      locale = getCurrentLocale(),\n    },\n    helpers: { setSelectedDate },\n  } = useDatePickerContext({ selectionVariant: \"range\" });\n\n  const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths(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 handleSelectedDateChange = useCallback(\n    (event: SyntheticEvent, newDate: DateRangeSelection | null) => {\n      setSelectedDate(newDate, { startDate: false, endDate: false });\n      onSelect?.(event, newDate);\n    },\n    [onSelect, setSelectedDate],\n  );\n\n  const handleHoveredStartDateChange: CalendarProps[\"onHoveredDateChange\"] =\n    useCallback(\n      (event: SyntheticEvent, newHoveredDate: DateValue | null) => {\n        setHoveredDate(newHoveredDate);\n        if (newHoveredDate && StartCalendarPropsProp?.onHoveredDateChange) {\n          StartCalendarPropsProp.onHoveredDateChange?.(event, newHoveredDate);\n        }\n      },\n      [StartCalendarPropsProp?.onHoveredDateChange],\n    );\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: DateValue | null) => {\n      setHoveredDate(newHoveredDate);\n      if (newHoveredDate && EndCalendarPropsProp?.onHoveredDateChange) {\n        EndCalendarPropsProp.onHoveredDateChange(event, newHoveredDate);\n      }\n    },\n    [EndCalendarPropsProp?.onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: DateValue) => {\n      setStartVisibleMonth(newVisibleMonth);\n      if (newVisibleMonth.compare(endVisibleMonth) >= 0) {\n        setEndVisibleMonth(newVisibleMonth.add({ months: 1 }));\n      }\n      onStartVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: DateValue) => {\n      setEndVisibleMonth(newVisibleMonth);\n      if (newVisibleMonth.compare(startVisibleMonth) <= 0) {\n        setStartVisibleMonth(\n          startOfMonth(newVisibleMonth.subtract({ months: 1 })),\n        );\n      }\n      onEndVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [startVisibleMonth, onEndVisibleMonthChange],\n  );\n\n  function getHoveredDate(\n    date?: DateValue | null,\n    hoveredDate?: DateValue | null,\n  ) {\n    return date && hoveredDate && hoveredDate?.compare(endOfMonth(date)) > 0\n      ? endOfMonth(date)\n      : hoveredDate;\n  }\n\n  const StartCalendarProps = {\n    visibleMonth: startVisibleMonth,\n    hoveredDate: getHoveredDate(selectedDate?.startDate, hoveredDate),\n    selectedDate: selectedDate as DateRangeSelection,\n    onHoveredDateChange: handleHoveredStartDateChange,\n    onVisibleMonthChange: handleStartVisibleMonthChange,\n    onSelectedDateChange: handleSelectedDateChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    locale,\n    timeZone,\n    ...StartCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    selectedDate: selectedDate as DateRangeSelection,\n    onHoveredDateChange: handleHoveredEndDateChange,\n    onVisibleMonthChange: handleEndVisibleMonthChange,\n    onSelectedDateChange: handleSelectedDateChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    locale,\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={ref}\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 {...StartCalendarNavigationProps} />\n            <CalendarWeekHeader {...StartCalendarWeekHeaderProps} />\n            <CalendarDateGrid {...StartCalendarDataGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation {...EndCalendarNavigationProps} />\n            <CalendarWeekHeader {...EndCalendarWeekHeaderProps} />\n            <CalendarDateGrid {...EndCalendarDataGridProps} />\n          </Calendar>\n        </FormFieldContext.Provider>\n      </FlexLayout>\n    </StackLayout>\n  );\n});\n"],"names":["DatePickerRangePanel","datePickerPanelCss","hoveredDate"],"mappings":";;;;;;;;;;;;;;;;;AA6JA,SAAS,wBAAA,CACP,cACA,QACA,EAAA;AACA,EAAM,MAAA,sBAAA,GAAyB,CAAC,IAAoB,KAAA;AAAA,IAClD,aAAa,IAAI,CAAA;AAAA,IACjB,aAAa,IAAI,CAAA,CAAE,IAAI,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,IAAI,6CAAc,SAAW,EAAA;AAC3B,IAAM,MAAA,EAAE,SAAW,EAAA,OAAA,EAAY,GAAA,YAAA,CAAA;AAC/B,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAO,WAAY,CAAA,SAAA,EAAW,OAAO,CAAA,GACjC,sBAAuB,CAAA,SAAS,CAChC,GAAA,CAAC,YAAa,CAAA,SAAS,CAAG,EAAA,YAAA,CAAa,OAAO,CAAC,CAAA,CAAA;AAAA,KACrD;AACA,IAAA,OAAO,uBAAuB,SAAS,CAAA,CAAA;AAAA,GACzC;AAEA,EAAA,MAAM,YAAe,GAAA,YAAA,CAAa,KAAM,CAAA,QAAQ,CAAC,CAAA,CAAA;AACjD,EAAO,OAAA,CAAC,cAAc,YAAa,CAAA,GAAA,CAAI,EAAE,MAAQ,EAAA,CAAA,EAAG,CAAC,CAAA,CAAA;AACvD,CAAA;AAEA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAEhD,MAAM,oBAAuB,GAAA,UAAA,CAGlC,SAASA,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,wBAA0B,EAAA,4BAAA;AAAA,IAC1B,iBAAmB,EAAA,qBAAA;AAAA,IACnB,yBAAA;AAAA,IACA,sBAAwB,EAAA,0BAAA;AAAA,IACxB,eAAiB,EAAA,mBAAA;AAAA,IACjB,uBAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,IACpB,4BAAA;AAAA,IACA,4BAAA;AAAA,IACA,0BAAA;AAAA,IACA,gBAAkB,EAAA,oBAAA;AAAA,IAClB,0BAAA;AAAA,IACA,0BAAA;AAAA,IACA,wBAAA;AAAA,IACG,GAAA,IAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,8BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,YAAA;AAAA,MACA,WAAW,gBAAiB,EAAA;AAAA,MAC5B,OAAU,GAAA,YAAA,CAAa,KAAM,CAAA,QAAQ,CAAC,CAAA;AAAA,MACtC,UAAU,OAAQ,CAAA,GAAA,CAAI,EAAE,MAAA,EAAQ,GAAG,CAAA;AAAA,MACnC,SAAS,gBAAiB,EAAA;AAAA,KAC5B;AAAA,IACA,OAAA,EAAS,EAAE,eAAgB,EAAA;AAAA,GACzB,GAAA,oBAAA,CAAqB,EAAE,gBAAA,EAAkB,SAAS,CAAA,CAAA;AAEtD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAA2B,IAAI,CAAA,CAAA;AAErE,EAAA,MAAM,CAAC,CAAC,yBAA2B,EAAA,uBAAuB,CAAC,CAAI,GAAA,QAAA;AAAA,IAAS,MACtE,wBAAyB,CAAA,YAAA,EAAc,QAAQ,CAAA;AAAA,GACjD,CAAA;AAEA,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,aAAc,CAAA;AAAA,IAC9D,UAAY,EAAA,qBAAA;AAAA,IACZ,SAAS,4BAAgC,IAAA,yBAAA;AAAA,IACzC,IAAM,EAAA,sBAAA;AAAA,IACN,KAAO,EAAA,mBAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,aAAc,CAAA;AAAA,IAC1D,UAAY,EAAA,mBAAA;AAAA,IACZ,SAAS,0BAA8B,IAAA,uBAAA;AAAA,IACvC,IAAM,EAAA,sBAAA;AAAA,IACN,KAAO,EAAA,iBAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,MAAM,wBAA2B,GAAA,WAAA;AAAA,IAC/B,CAAC,OAAuB,OAAuC,KAAA;AAC7D,MAAA,eAAA,CAAgB,SAAS,EAAE,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AAC7D,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAW,KAAO,EAAA,OAAA,CAAA,CAAA;AAAA,KACpB;AAAA,IACA,CAAC,UAAU,eAAe,CAAA;AAAA,GAC5B,CAAA;AAEA,EAAA,MAAM,4BACJ,GAAA,WAAA;AAAA,IACE,CAAC,OAAuB,cAAqC,KAAA;AA/PnE,MAAA,IAAA,EAAA,CAAA;AAgQQ,MAAA,cAAA,CAAe,cAAc,CAAA,CAAA;AAC7B,MAAI,IAAA,cAAA,KAAkB,iEAAwB,mBAAqB,CAAA,EAAA;AACjE,QAAuB,CAAA,EAAA,GAAA,sBAAA,CAAA,mBAAA,KAAvB,gDAA6C,KAAO,EAAA,cAAA,CAAA,CAAA;AAAA,OACtD;AAAA,KACF;AAAA,IACA,CAAC,iEAAwB,mBAAmB,CAAA;AAAA,GAC9C,CAAA;AACF,EAAA,MAAM,0BAA6B,GAAA,WAAA;AAAA,IACjC,CAAC,OAAuB,cAAqC,KAAA;AAC3D,MAAA,cAAA,CAAe,cAAc,CAAA,CAAA;AAC7B,MAAI,IAAA,cAAA,KAAkB,6DAAsB,mBAAqB,CAAA,EAAA;AAC/D,QAAqB,oBAAA,CAAA,mBAAA,CAAoB,OAAO,cAAc,CAAA,CAAA;AAAA,OAChE;AAAA,KACF;AAAA,IACA,CAAC,6DAAsB,mBAAmB,CAAA;AAAA,GAC5C,CAAA;AAEA,EAAA,MAAM,6BAAgC,GAAA,WAAA;AAAA,IACpC,CAAC,OAAuB,eAA+B,KAAA;AACrD,MAAA,oBAAA,CAAqB,eAAe,CAAA,CAAA;AACpC,MAAA,IAAI,eAAgB,CAAA,OAAA,CAAQ,eAAe,CAAA,IAAK,CAAG,EAAA;AACjD,QAAA,kBAAA,CAAmB,gBAAgB,GAAI,CAAA,EAAE,MAAQ,EAAA,CAAA,EAAG,CAAC,CAAA,CAAA;AAAA,OACvD;AACA,MAAA,yBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,yBAAA,CAA4B,KAAO,EAAA,eAAA,CAAA,CAAA;AAAA,KACrC;AAAA,IACA,CAAC,iBAAiB,yBAAyB,CAAA;AAAA,GAC7C,CAAA;AAEA,EAAA,MAAM,2BAA8B,GAAA,WAAA;AAAA,IAClC,CAAC,OAAuB,eAA+B,KAAA;AACrD,MAAA,kBAAA,CAAmB,eAAe,CAAA,CAAA;AAClC,MAAA,IAAI,eAAgB,CAAA,OAAA,CAAQ,iBAAiB,CAAA,IAAK,CAAG,EAAA;AACnD,QAAA,oBAAA;AAAA,UACE,aAAa,eAAgB,CAAA,QAAA,CAAS,EAAE,MAAQ,EAAA,CAAA,EAAG,CAAC,CAAA;AAAA,SACtD,CAAA;AAAA,OACF;AACA,MAAA,uBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,uBAAA,CAA0B,KAAO,EAAA,eAAA,CAAA,CAAA;AAAA,KACnC;AAAA,IACA,CAAC,mBAAmB,uBAAuB,CAAA;AAAA,GAC7C,CAAA;AAEA,EAAS,SAAA,cAAA,CACP,MACAC,YACA,EAAA;AACA,IAAA,OAAO,IAAQA,IAAAA,YAAAA,IAAAA,CAAeA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,YAAa,CAAA,OAAA,CAAQ,UAAW,CAAA,IAAI,CAAK,CAAA,IAAA,CAAA,GACnE,UAAW,CAAA,IAAI,CACfA,GAAAA,YAAAA,CAAAA;AAAA,GACN;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,YAAc,EAAA,iBAAA;AAAA,IACd,WAAa,EAAA,cAAA,CAAe,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,SAAA,EAAW,WAAW,CAAA;AAAA,IAChE,YAAA;AAAA,IACA,mBAAqB,EAAA,4BAAA;AAAA,IACrB,oBAAsB,EAAA,6BAAA;AAAA,IACtB,oBAAsB,EAAA,wBAAA;AAAA,IACtB,mBAAqB,EAAA,IAAA;AAAA,IACrB,OAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,sBAAA;AAAA,GACL,CAAA;AACA,EAAA,MAAM,gBAAmB,GAAA;AAAA,IACvB,YAAc,EAAA,eAAA;AAAA,IACd,WAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAqB,EAAA,0BAAA;AAAA,IACrB,oBAAsB,EAAA,2BAAA;AAAA,IACtB,oBAAsB,EAAA,wBAAA;AAAA,IACtB,mBAAqB,EAAA,IAAA;AAAA,IACrB,OAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG,oBAAA;AAAA,GACL,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,WAAA,EAAA;AAAA,IACC,UAAU,EAAA,IAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,SAAW,EAAA,IAAA,CAAK,SAAW,EAAA,YAAA,CAAa,WAAW,CAAC,CAAA;AAAA,IACpD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,UAAA,oBACE,GAAA,CAAA,QAAA,EAAA;AAAA,QAAS,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,QACxC,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA;AAAA,UAAqB,QAAA,EAAA,UAAA;AAAA,SAAW,CAAA;AAAA,OACnC,CAAA;AAAA,sBAED,GAAA,CAAA,UAAA,EAAA;AAAA,QAAW,GAAK,EAAA,CAAA;AAAA,QAEf,QAAA,kBAAA,IAAA,CAAC,iBAAiB,QAAjB,EAAA;AAAA,UAA0B,OAAO,EAAC;AAAA,UACjC,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,QAAA,EAAA;AAAA,cAAS,gBAAkB,EAAA,OAAA;AAAA,cAAU,GAAG,kBAAA;AAAA,cACvC,QAAA,EAAA;AAAA,gCAAC,GAAA,CAAA,kBAAA,EAAA;AAAA,kBAAoB,GAAG,4BAAA;AAAA,iBAA8B,CAAA;AAAA,gCACrD,GAAA,CAAA,kBAAA,EAAA;AAAA,kBAAoB,GAAG,4BAAA;AAAA,iBAA8B,CAAA;AAAA,gCACrD,GAAA,CAAA,gBAAA,EAAA;AAAA,kBAAkB,GAAG,0BAAA;AAAA,iBAA4B,CAAA;AAAA,eAAA;AAAA,aACpD,CAAA;AAAA,4BACC,IAAA,CAAA,QAAA,EAAA;AAAA,cAAS,gBAAkB,EAAA,OAAA;AAAA,cAAU,GAAG,gBAAA;AAAA,cACvC,QAAA,EAAA;AAAA,gCAAC,GAAA,CAAA,kBAAA,EAAA;AAAA,kBAAoB,GAAG,0BAAA;AAAA,iBAA4B,CAAA;AAAA,gCACnD,GAAA,CAAA,kBAAA,EAAA;AAAA,kBAAoB,GAAG,0BAAA;AAAA,iBAA4B,CAAA;AAAA,gCACnD,GAAA,CAAA,gBAAA,EAAA;AAAA,kBAAkB,GAAG,wBAAA;AAAA,iBAA0B,CAAA;AAAA,eAAA;AAAA,aAClD,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"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  StackLayout,\n  makePrefixer,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type {\n  DateFrameworkType,\n  SaltDateAdapter,\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  type SyntheticEvent,\n  forwardRef,\n  useCallback,\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  CalendarWeekHeader,\n  type CalendarWeekHeaderProps,\n  type DateRangeSelection,\n  type UseCalendarSelectionRangeProps,\n} from \"../calendar\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n * @template T - The type of the selected date range.\n */\nexport interface DatePickerRangePanelProps<TDate extends DateFrameworkType>\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<TDate> | 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?: TDate;\n\n  /**\n   * The default visible month for the start date.\n   */\n  defaultStartVisibleMonth?: TDate;\n\n  /**\n   * Callback fired when the visible month for the start date changes.\n   * @param event - The synthetic event.\n   * @param visibleMonth - The new visible month for the start date.\n   */\n  onStartVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: TDate,\n  ) => void;\n\n  /**\n   * The currently visible month for the end date.\n   */\n  endVisibleMonth?: TDate;\n\n  /**\n   * The default visible month for the end date.\n   */\n  defaultEndVisibleMonth?: TDate;\n\n  /**\n   * Callback fired when the visible month for the end date changes.\n   * @param event - The synthetic event.\n   * @param visibleMonth - The new visible month for the end date.\n   */\n  onEndVisibleMonthChange?: (\n    event: SyntheticEvent,\n    visibleMonth: TDate,\n  ) => void;\n\n  /**\n   * Props to be passed to the start date CalendarNavigation component.\n   */\n  StartCalendarNavigationProps?: CalendarNavigationProps<TDate>;\n\n  /**\n   * Props to be passed to the start date calendar component.\n   */\n  StartCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps<TDate> | CalendarOffsetProps<TDate>,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n  /**\n   * Props to be passed to the start date CalendarWeekHeader component.\n   */\n  StartCalendarWeekHeaderProps?: CalendarWeekHeaderProps;\n  /**\n   * Props to be passed to the start date CalendarDataGrid component.\n   */\n  StartCalendarDataGridProps?: CalendarGridProps<TDate>;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarProps?: Partial<\n    Omit<\n      CalendarRangeProps<TDate>,\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectionChange\"\n      | \"onVisibleMonthChange\"\n    >\n  >;\n\n  /**\n   * Props to be passed to the end date CalendarNavigation component.\n   */\n  EndCalendarNavigationProps?: CalendarNavigationProps<TDate>;\n  /**\n   * Props to be passed to the end date CalendarWeekHeader component.\n   */\n  EndCalendarWeekHeaderProps?: CalendarWeekHeaderProps;\n  /**\n   * Props to be passed to the end date CalendarDataGrid component.\n   */\n  EndCalendarDataGridProps?: CalendarGridProps<TDate>;\n}\n\nfunction getFallbackVisibleMonths<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  selectedDate: DateRangeSelection<TDate> | null,\n) {\n  function createConsecutiveRange(date: TDate) {\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(dateAdapter.today(), \"month\");\n  return [currentMonth, dateAdapter.add(currentMonth, { months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerRangePanel = forwardRef(function DatePickerRangePanel<\n  TDate extends DateFrameworkType,\n>(props: DatePickerRangePanelProps<TDate>, ref: React.Ref<HTMLDivElement>) {\n  const { dateAdapter } = useLocalization<TDate>();\n\n  const {\n    className,\n    defaultStartVisibleMonth: defaultStartVisibleMonthProp,\n    startVisibleMonth: startVisibleMonthProp,\n    onStartVisibleMonthChange,\n    defaultEndVisibleMonth: defaultEndVisibleMonthProp,\n    endVisibleMonth: endVisibleMonthProp,\n    onEndVisibleMonthChange,\n    helperText,\n    onSelectionChange,\n    StartCalendarProps: StartCalendarPropsProp,\n    StartCalendarNavigationProps,\n    StartCalendarWeekHeaderProps,\n    StartCalendarDataGridProps,\n    EndCalendarProps: EndCalendarPropsProp,\n    EndCalendarNavigationProps,\n    EndCalendarWeekHeaderProps,\n    EndCalendarDataGridProps,\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 {\n    state: {\n      selectedDate,\n      minDate = dateAdapter.startOf(dateAdapter.today(), \"month\"),\n      maxDate = dateAdapter.add(minDate, { months: 1 }),\n    },\n    helpers: { select },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\n\n  const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths<TDate>(dateAdapter, selectedDate),\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<TDate> | null) => {\n      select(event, newDate);\n      onSelectionChange?.(event, newDate);\n    },\n    [select, onSelectionChange],\n  );\n\n  const handleHoveredStartDateChange: CalendarProps<TDate>[\"onHoveredDateChange\"] =\n    useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        if (newHoveredDate && StartCalendarPropsProp?.onHoveredDateChange) {\n          StartCalendarPropsProp.onHoveredDateChange?.(event, newHoveredDate);\n        }\n      },\n      [StartCalendarPropsProp?.onHoveredDateChange],\n    );\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n      setHoveredDate(newHoveredDate);\n      if (newHoveredDate && EndCalendarPropsProp?.onHoveredDateChange) {\n        EndCalendarPropsProp.onHoveredDateChange(event, newHoveredDate);\n      }\n    },\n    [EndCalendarPropsProp?.onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: TDate) => {\n      setStartVisibleMonth(newVisibleMonth);\n      if (dateAdapter.compare(newVisibleMonth, endVisibleMonth) >= 0) {\n        setEndVisibleMonth(dateAdapter.add(newVisibleMonth, { months: 1 }));\n      }\n      onStartVisibleMonthChange?.(event, newVisibleMonth);\n    },\n    [endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent, newVisibleMonth: TDate) => {\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    [startVisibleMonth, onEndVisibleMonthChange],\n  );\n\n  function getHoveredDate(date?: TDate | null, hoveredDate?: TDate | null) {\n    return date &&\n      hoveredDate &&\n      dateAdapter.compare(hoveredDate, dateAdapter.endOf(date, \"month\")) > 0\n      ? dateAdapter.endOf(date, \"month\")\n      : hoveredDate;\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 StartCalendarProps = {\n    visibleMonth: startVisibleMonth,\n    hoveredDate: getHoveredDate(selectedDate?.startDate, hoveredDate),\n    selectedDate: calendarSelectedDate,\n    onHoveredDateChange: handleHoveredStartDateChange,\n    onVisibleMonthChange: handleStartVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    ...StartCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps<TDate>>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    selectedDate: calendarSelectedDate,\n    onHoveredDateChange: handleHoveredEndDateChange,\n    onVisibleMonthChange: handleEndVisibleMonthChange,\n    onSelectionChange: handleSelectionChange,\n    hideOutOfRangeDates: true,\n    minDate,\n    maxDate,\n    ...EndCalendarPropsProp,\n  } as Partial<UseCalendarSelectionRangeProps<TDate>>;\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        {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n        <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n          <Calendar selectionVariant={\"range\"} {...StartCalendarProps}>\n            <CalendarNavigation {...StartCalendarNavigationProps} />\n            <CalendarWeekHeader {...StartCalendarWeekHeaderProps} />\n            <CalendarGrid {...StartCalendarDataGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation {...EndCalendarNavigationProps} />\n            <CalendarWeekHeader {...EndCalendarWeekHeaderProps} />\n            <CalendarGrid {...EndCalendarDataGridProps} />\n          </Calendar>\n        </FormFieldContext.Provider>\n      </FlexLayout>\n    </StackLayout>\n  );\n});\n"],"names":["DatePickerRangePanel","datePickerPanelCss","hoveredDate"],"mappings":"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"}

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

@@ -1,94 +1,139 @@
 import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, useIcon, useForkRef, useControlled, Button } from '@salt-ds/core';
+import { makePrefixer, useControlled, Button } from '@salt-ds/core';
+import { DateDetailErrorEnum } 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 '@internationalized/date';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
 import { useDatePickerContext } from './DatePickerContext.js';
 import { useDatePickerOverlay } from './DatePickerOverlayProvider.js';
 
 const withBaseName = makePrefixer("saltDatePickerSingleInput");
-const DatePickerSingleInput = forwardRef(function DatePickerSingleInput2(props, ref) {
-  const {
-    className,
-    onFocus,
-    onBlur,
-    value: valueProp,
-    defaultValue,
-    onDateValueChange,
-    ...rest
-  } = props;
-  const { CalendarIcon } = useIcon();
-  const {
-    state: { selectedDate, disabled, readOnly, cancelled, locale, timeZone },
-    helpers: { setSelectedDate }
-  } = useDatePickerContext({ selectionVariant: "single" });
-  const {
-    state: { open, floatingUIResult },
-    helpers: { getReferenceProps, setOpen }
-  } = useDatePickerOverlay();
-  const inputRef = useForkRef(ref, floatingUIResult == null ? void 0 : floatingUIResult.reference);
-  const prevState = useRef();
-  const [value, setValue] = useControlled({
-    controlled: valueProp,
-    default: defaultValue,
-    name: "DatePickerSingleInput",
-    state: "value"
-  });
-  const handleCalendarButton = useCallback(() => {
-    setOpen(!open);
-  }, [open, setOpen]);
-  const handleDateChange = useCallback(
-    (_event, newDate, error) => {
-      setSelectedDate(newDate, error);
-    },
-    [setSelectedDate]
-  );
-  const handleDateValueChange = (newDateValue, isFormatted) => {
-    setValue(newDateValue);
-    onDateValueChange == null ? void 0 : onDateValueChange(newDateValue, isFormatted);
-  };
-  useEffect(() => {
-    if (open) {
-      prevState.current = { date: selectedDate, value };
+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: DateDetailErrorEnum.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"
+      });
     }
-  }, [open]);
-  useEffect(() => {
-    var _a, _b;
-    if (cancelled) {
-      setValue((_a = prevState == null ? void 0 : prevState.current) == null ? void 0 : _a.value);
-      setSelectedDate(((_b = prevState == null ? void 0 : prevState.current) == null ? void 0 : _b.date) || null, false);
-    }
-  }, [cancelled]);
-  return /* @__PURE__ */ jsx(DateInputSingle, {
-    value: value || "",
-    locale,
-    timeZone,
-    className: clsx(withBaseName(), className),
-    ref: inputRef,
-    date: selectedDate || null,
-    readOnly,
-    onDateChange: handleDateChange,
-    onDateValueChange: handleDateValueChange,
-    endAdornment: /* @__PURE__ */ jsx(Button, {
-      appearance: "transparent",
-      sentiment: "neutral",
-      onClick: handleCalendarButton,
-      disabled,
-      "aria-label": "Open Calendar",
-      children: /* @__PURE__ */ jsx(CalendarIcon, {})
-    }),
-    ...getReferenceProps({
-      ...rest,
-      onKeyDown: (event) => {
+  }
+  return details;
+}
+const DatePickerSingleInput = forwardRef(
+  (props, ref) => {
+    const { dateAdapter } = useLocalization();
+    const {
+      className,
+      onFocus,
+      onBlur,
+      value: valueProp,
+      validate,
+      defaultValue,
+      onDateValueChange,
+      onKeyDown,
+      ...rest
+    } = props;
+    const {
+      state: { selectedDate, disabled, readOnly, cancelled, minDate, maxDate },
+      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(() => {
+      setOpen(!open);
+    }, [open, setOpen]);
+    const handleDateChange = useCallback(
+      (event, date, details) => {
+        const validatedDetails = validate ? validate(date, details) : defaultSingleValidation(
+          dateAdapter,
+          date,
+          details,
+          minDate,
+          maxDate
+        );
+        select(event, date, validatedDetails);
+      },
+      [select, validate]
+    );
+    const handleDateValueChange = useCallback(
+      (event, newDateValue) => {
+        setValue(newDateValue);
+        onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
+      },
+      [onDateValueChange]
+    );
+    const handleOnKeyDown = useCallback(
+      (event) => {
         if (event.key === "ArrowDown") {
           setOpen(true);
+          onKeyDown == null ? void 0 : onKeyDown(event);
         }
+      },
+      [onKeyDown]
+    );
+    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,
+        ref,
+        onDateChange: handleDateChange,
+        onDateValueChange: handleDateValueChange,
+        endAdornment: /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "transparent",
+            sentiment: "neutral",
+            onClick: handleCalendarButton,
+            disabled,
+            "aria-label": "Open Calendar",
+            children: /* @__PURE__ */ jsx(CalendarIcon, {})
+          }
+        ),
+        onKeyDown: handleOnKeyDown,
+        ...rest
       }
-    })
-  });
-});
+    );
+  }
+);
 
 export { DatePickerSingleInput };
 //# sourceMappingURL=DatePickerSingleInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerSingleInput.js","sources":["../src/date-picker/DatePickerSingleInput.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useIcon,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type KeyboardEvent,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { SingleDateSelection } from \"../calendar\";\nimport {\n  DateInputSingle,\n  type DateInputSingleError,\n  type DateInputSingleProps,\n} from \"../date-input\";\nimport { useDatePickerContext } 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\nexport const DatePickerSingleInput = forwardRef<\n  HTMLDivElement,\n  DatePickerSingleInputProps\n>(function DatePickerSingleInput(props, ref) {\n  const {\n    className,\n    onFocus,\n    onBlur,\n    value: valueProp,\n    defaultValue,\n    onDateValueChange,\n    ...rest\n  } = props;\n\n  const { CalendarIcon } = useIcon();\n\n  const {\n    state: { selectedDate, disabled, readOnly, cancelled, locale, timeZone },\n    helpers: { setSelectedDate },\n  } = useDatePickerContext({ selectionVariant: \"single\" });\n  const {\n    state: { open, floatingUIResult },\n    helpers: { getReferenceProps, setOpen },\n  } = useDatePickerOverlay();\n\n  const inputRef = useForkRef<HTMLDivElement>(ref, floatingUIResult?.reference);\n  const prevState = useRef<\n    { date: typeof selectedDate; value: typeof valueProp } | undefined\n  >();\n\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: \"DatePickerSingleInput\",\n    state: \"value\",\n  });\n\n  const handleCalendarButton = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const handleDateChange = useCallback(\n    (\n      _event: SyntheticEvent,\n      newDate: SingleDateSelection | null,\n      error: DateInputSingleError,\n    ) => {\n      setSelectedDate(newDate, error);\n    },\n    [setSelectedDate],\n  );\n\n  const handleDateValueChange = (\n    newDateValue: string,\n    isFormatted: boolean,\n  ) => {\n    setValue(newDateValue);\n    onDateValueChange?.(newDateValue, isFormatted);\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      prevState.current = { date: selectedDate, value };\n    }\n  }, [open]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: avoid excessive re-rendering\n  useEffect(() => {\n    if (cancelled) {\n      setValue(prevState?.current?.value);\n      setSelectedDate(prevState?.current?.date || null, false);\n    }\n  }, [cancelled]);\n\n  return (\n    <DateInputSingle\n      value={value || \"\"}\n      locale={locale}\n      timeZone={timeZone}\n      className={clsx(withBaseName(), className)}\n      ref={inputRef}\n      date={selectedDate || null}\n      readOnly={readOnly}\n      onDateChange={handleDateChange}\n      onDateValueChange={handleDateValueChange}\n      endAdornment={\n        <Button\n          appearance=\"transparent\"\n          sentiment=\"neutral\"\n          onClick={handleCalendarButton}\n          disabled={disabled}\n          aria-label=\"Open Calendar\"\n        >\n          <CalendarIcon />\n        </Button>\n      }\n      {...getReferenceProps({\n        ...rest,\n        onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n          if (event.key === \"ArrowDown\") {\n            setOpen(true);\n          }\n        },\n      })}\n    />\n  );\n});\n"],"names":["DatePickerSingleInput"],"mappings":"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"}
+{"version":3,"file":"DatePickerSingleInput.js","sources":["../src/date-picker/DatePickerSingleInput.tsx"],"sourcesContent":["import { Button, makePrefixer, useControlled } from \"@salt-ds/core\";\nimport {\n  DateDetailErrorEnum,\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 KeyboardEvent,\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 */\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 | undefined,\n  maxDate: TDate | undefined,\n): DateInputSingleDetails {\n  if (!date) {\n    details.errors = details.errors ?? [];\n    details.errors?.push({\n      type: DateDetailErrorEnum.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<any>\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      onFocus,\n      onBlur,\n      value: valueProp,\n      validate,\n      defaultValue,\n      onDateValueChange,\n      onKeyDown,\n      ...rest\n    } = props;\n\n    const {\n      state: { selectedDate, disabled, readOnly, cancelled, minDate, maxDate },\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 = useCallback(() => {\n      setOpen(!open);\n    }, [open, setOpen]);\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      [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    const handleOnKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"ArrowDown\") {\n          setOpen(true);\n          onKeyDown?.(event);\n        }\n      },\n      [onKeyDown],\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    // biome-ignore lint/correctness/useExhaustiveDependencies: avoid excessive re-rendering\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        ref={ref}\n        onDateChange={handleDateChange}\n        onDateValueChange={handleDateValueChange}\n        endAdornment={\n          <Button\n            appearance=\"transparent\"\n            sentiment=\"neutral\"\n            onClick={handleCalendarButton}\n            disabled={disabled}\n            aria-label=\"Open Calendar\"\n          >\n            <CalendarIcon />\n          </Button>\n        }\n        onKeyDown={handleOnKeyDown}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":[],"mappings":"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"}