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

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

@@ -78,18 +78,22 @@ const DatePickerOverlayProvider = ({
     getReferenceProps: getReferencePropsCallback
   } = react$1.useInteractions(
     interactions ? interactions(floatingUIResult.context) : [
+      // biome-ignore lint/correctness/useHookAtTopLevel: useDismiss is not a React hook
       react$1.useDismiss(floatingUIResult.context, {}),
+      // biome-ignore lint/correctness/useHookAtTopLevel: useKeyboard is not a React hook
       useKeyboard.useKeyboard(floatingUIResult.context, {
         enabled: !readOnly,
         onArrowDown: (event) => {
           handleOpenChange(true, event.nativeEvent, "reference-press");
         }
       }),
+      // biome-ignore lint/correctness/useHookAtTopLevel: useClick is not a React hook
       react$1.useClick(floatingUIResult.context, {
         enabled: !!openOnClick && !readOnly,
         toggle: false,
         keyboardHandlers: false
       }),
+      // biome-ignore lint/correctness/useHookAtTopLevel: useFocusOut is not a React hook
       useFocusOut.useFocusOut(floatingUIResult.context, {
         enabled: !readOnly
       })

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerOverlayProvider.js","sources":["../src/date-picker/DatePickerOverlayProvider.tsx"],"sourcesContent":["import {\n  type ElementProps,\n  type FloatingContext,\n  type OpenChangeReason as FloatingUIOpenChangeReason,\n  flip,\n  useClick,\n  useDismiss,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport { createContext, useControlled, useFloatingUI } from \"@salt-ds/core\";\nimport {\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusOut } from \"./useFocusOut\";\nimport { useKeyboard } from \"./useKeyboard\";\n\n/** Reason for overlay state change, can be a custom reason */\nexport type DatePickerOpenChangeReason =\n  | FloatingUIOpenChangeReason\n  | \"apply\"\n  | \"cancel\"\n  | string;\n/**\n * Interface representing the state for a DatePicker overlay.\n */\ninterface DatePickerOverlayState {\n  /**\n   * If `true`, the overlay is open.\n   */\n  open: boolean;\n  /**\n   * If `true`, the overlay contains the active element\n   */\n  focused: boolean;\n  /**\n   * The result of the floating UI calculations.\n   */\n  floatingUIResult: ReturnType<typeof useFloatingUI>;\n  /**\n   * Ref to attach to the initially focused element, when the overlay is opened.\n   */\n  initialFocusRef?: React.MutableRefObject<HTMLElement | null>;\n}\n\n/**\n * Interface representing the helper functions for a DatePicker overlay.\n */\ninterface DatePickerOverlayHelpers {\n  /**\n   * Function to get the props for the floating element.\n   */\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n  /**\n   * Function to get the props for the reference element.\n   */\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  /**\n   * Sets the open state of the overlay.\n   * @param newOpen - The new value for the open state.\n   * @param event - event that triggered the state change\n   * @param reason - reason for the the state change\n   */\n  setOpen: (\n    newOpen: boolean,\n    event?: Event,\n    reason?: DatePickerOpenChangeReason,\n  ) => void;\n  /**~\n   * Register a callback for when onDismiss is called\n   * @param onDismissCallback\n   */\n  setOnDismiss: (onDismissCallback: (event?: Event) => void) => void;\n}\n\n/**\n * Interface representing the context type for a DatePicker overlay.\n */\ninterface DatePickerOverlayContextType {\n  /**\n   * The state of the DatePicker overlay.\n   */\n  state: DatePickerOverlayState;\n  /**\n   * The helper functions for the DatePicker overlay.\n   */\n  helpers: DatePickerOverlayHelpers;\n}\n\n/**\n * Context for the DatePicker overlay.\n */\nconst DatePickerOverlayContext = createContext<\n  DatePickerOverlayContextType | undefined\n>(\"DatePickerOverlayContext\", undefined);\n\n/**\n * Props for the DatePickerOverlayProvider component.\n */\ninterface DatePickerOverlayProviderProps {\n  /**\n   * If `true`, the overlay is open.\n   */\n  open?: boolean;\n  /**\n   * When `open` is uncontrolled, set this to `true` to open on click\n   */\n  openOnClick?: boolean;\n  /**\n   * Handler for when open state changes\n   * @param newOpen - true when opened\n   * @param reason - reason for the the state change\n   */\n  onOpenChange?: (\n    newOpen: boolean,\n    reason?: DatePickerOpenChangeReason,\n  ) => void;\n  /**\n   * The default open state of the overlay.\n   */\n  defaultOpen?: boolean;\n  /**\n   * The content to be rendered inside the overlay provider.\n   */\n  children: ReactNode;\n  /**\n   * A factory method to create a set of interaction, if provided overrides the default interactions\n   */\n  interactions?: (context: FloatingContext) => Array<ElementProps>;\n  /**\n   * When true, shouldn't open the overlay.\n   */\n  readOnly?: boolean;\n}\n\nexport const DatePickerOverlayProvider: React.FC<\n  DatePickerOverlayProviderProps\n> = ({\n  open: openProp,\n  openOnClick,\n  defaultOpen,\n  onOpenChange,\n  children,\n  interactions,\n  readOnly,\n}) => {\n  const [open, setOpenState, isOpenControlled] = useControlled({\n    controlled: openProp,\n    default: Boolean(defaultOpen),\n    name: \"DatePicker\",\n    state: \"openDatePickerOverlay\",\n  });\n  const triggeringElementRef = useRef<HTMLElement | null>(null);\n  const initialFocusRef = useRef<HTMLElement | null>(null);\n  const [focused, setFocused] = useState(false);\n  const onDismissCallback = useRef<(event?: Event) => void>();\n  const handleOpenChange = useCallback(\n    (newOpen: boolean, _event?: Event, reason?: DatePickerOpenChangeReason) => {\n      if (newOpen) {\n        if (readOnly) {\n          return;\n        }\n        triggeringElementRef.current = document.activeElement as HTMLElement;\n        setFocused(true);\n      } else if (!isOpenControlled && reason !== \"focus-out\") {\n        const trigger = triggeringElementRef.current as HTMLElement;\n        if (trigger) {\n          trigger.focus();\n        }\n        if (trigger instanceof HTMLInputElement) {\n          setTimeout(() => {\n            trigger.setSelectionRange(0, trigger.value.length);\n          }, 1);\n        }\n        triggeringElementRef.current = null;\n      }\n      setOpenState(newOpen);\n      onOpenChange?.(newOpen, reason);\n\n      if (\n        reason === \"focus-out\" ||\n        reason === \"escape-key\" ||\n        (reason === \"outside-press\" && onDismissCallback.current)\n      ) {\n        onDismissCallback?.current?.();\n      }\n    },\n    [isOpenControlled, onOpenChange, readOnly],\n  );\n\n  const openState = open && !readOnly;\n  const floatingUIResult = useFloatingUI({\n    open: openState,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n  });\n\n  const handleContainerBlur = useCallback(() => {\n    setTimeout(() => {\n      setFocused(\n        !!floatingUIResult?.refs.floating?.current?.contains(\n          document.activeElement,\n        ),\n      );\n    }, 0);\n  }, [floatingUIResult]);\n\n  const {\n    getFloatingProps: getFloatingPropsCallback,\n    getReferenceProps: getReferencePropsCallback,\n  } = useInteractions(\n    interactions\n      ? interactions(floatingUIResult.context)\n      : [\n          useDismiss(floatingUIResult.context, {}),\n          useKeyboard(floatingUIResult.context, {\n            enabled: !readOnly,\n            onArrowDown: (event) => {\n              handleOpenChange(true, event.nativeEvent, \"reference-press\");\n            },\n          }),\n          useClick(floatingUIResult.context, {\n            enabled: !!openOnClick && !readOnly,\n            toggle: false,\n            keyboardHandlers: false,\n          }),\n          useFocusOut(floatingUIResult.context, {\n            enabled: !readOnly,\n          }),\n        ],\n  );\n\n  const getFloatingProps = useCallback(\n    (userProps: React.HTMLProps<HTMLElement> | undefined) => {\n      const { x, y, strategy, elements } = floatingUIResult;\n      return {\n        top: y ?? 0,\n        left: x ?? 0,\n        position: strategy,\n        width: elements.floating?.offsetWidth,\n        height: elements.floating?.offsetHeight,\n        ...getFloatingPropsCallback(userProps),\n        focusManagerProps: {\n          returnFocus: false,\n          context: floatingUIResult.context,\n          initialFocus: initialFocusRef,\n        },\n      };\n    },\n    [getFloatingPropsCallback, floatingUIResult],\n  );\n  const setOnDismiss = useCallback(\n    (dismissCallback: (event?: Event) => void) => {\n      onDismissCallback.current = dismissCallback;\n    },\n    [],\n  );\n\n  const state: DatePickerOverlayState = useMemo(\n    () => ({\n      open: openState,\n      focused,\n      floatingUIResult,\n      initialFocusRef,\n    }),\n    [focused, openState, floatingUIResult],\n  );\n\n  const helpers: DatePickerOverlayHelpers = useMemo(\n    () => ({\n      getFloatingProps,\n      getReferenceProps: getReferencePropsCallback,\n      setOpen: handleOpenChange,\n      setOnDismiss,\n    }),\n    [\n      getFloatingProps,\n      getReferencePropsCallback,\n      handleOpenChange,\n      setOnDismiss,\n    ],\n  );\n  const contextValue = useMemo(() => ({ state, helpers }), [state, helpers]);\n\n  return (\n    <DatePickerOverlayContext.Provider value={contextValue}>\n      <div onBlur={handleContainerBlur}>{children}</div>\n    </DatePickerOverlayContext.Provider>\n  );\n};\n\nexport const useDatePickerOverlay = (): DatePickerOverlayContextType => {\n  const context = useContext(DatePickerOverlayContext);\n  if (!context) {\n    throw new Error(\n      \"useDatePickerOverlay must be used within a DatePickerOverlayProvider\",\n    );\n  }\n  return context;\n};\n"],"names":["createContext","useControlled","useRef","useState","useCallback","useFloatingUI","flip","useInteractions","useDismiss","useKeyboard","useClick","useFocusOut","useMemo","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"DatePickerOverlayProvider.js","sources":["../src/date-picker/DatePickerOverlayProvider.tsx"],"sourcesContent":["import {\n  type ElementProps,\n  type FloatingContext,\n  type OpenChangeReason as FloatingUIOpenChangeReason,\n  flip,\n  useClick,\n  useDismiss,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport { createContext, useControlled, useFloatingUI } from \"@salt-ds/core\";\nimport {\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusOut } from \"./useFocusOut\";\nimport { useKeyboard } from \"./useKeyboard\";\n\n/** Reason for overlay state change, can be a custom reason */\nexport type DatePickerOpenChangeReason =\n  | FloatingUIOpenChangeReason\n  | \"apply\"\n  | \"cancel\"\n  | string;\n/**\n * Interface representing the state for a DatePicker overlay.\n */\ninterface DatePickerOverlayState {\n  /**\n   * If `true`, the overlay is open.\n   */\n  open: boolean;\n  /**\n   * If `true`, the overlay contains the active element\n   */\n  focused: boolean;\n  /**\n   * The result of the floating UI calculations.\n   */\n  floatingUIResult: ReturnType<typeof useFloatingUI>;\n  /**\n   * Ref to attach to the initially focused element, when the overlay is opened.\n   */\n  initialFocusRef?: React.MutableRefObject<HTMLElement | null>;\n}\n\n/**\n * Interface representing the helper functions for a DatePicker overlay.\n */\ninterface DatePickerOverlayHelpers {\n  /**\n   * Function to get the props for the floating element.\n   */\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n  /**\n   * Function to get the props for the reference element.\n   */\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  /**\n   * Sets the open state of the overlay.\n   * @param newOpen - The new value for the open state.\n   * @param event - event that triggered the state change\n   * @param reason - reason for the the state change\n   */\n  setOpen: (\n    newOpen: boolean,\n    event?: Event,\n    reason?: DatePickerOpenChangeReason,\n  ) => void;\n  /**~\n   * Register a callback for when onDismiss is called\n   * @param onDismissCallback\n   */\n  setOnDismiss: (onDismissCallback: (event?: Event) => void) => void;\n}\n\n/**\n * Interface representing the context type for a DatePicker overlay.\n */\ninterface DatePickerOverlayContextType {\n  /**\n   * The state of the DatePicker overlay.\n   */\n  state: DatePickerOverlayState;\n  /**\n   * The helper functions for the DatePicker overlay.\n   */\n  helpers: DatePickerOverlayHelpers;\n}\n\n/**\n * Context for the DatePicker overlay.\n */\nconst DatePickerOverlayContext = createContext<\n  DatePickerOverlayContextType | undefined\n>(\"DatePickerOverlayContext\", undefined);\n\n/**\n * Props for the DatePickerOverlayProvider component.\n */\ninterface DatePickerOverlayProviderProps {\n  /**\n   * If `true`, the overlay is open.\n   */\n  open?: boolean;\n  /**\n   * When `open` is uncontrolled, set this to `true` to open on click\n   */\n  openOnClick?: boolean;\n  /**\n   * Handler for when open state changes\n   * @param newOpen - true when opened\n   * @param reason - reason for the the state change\n   */\n  onOpenChange?: (\n    newOpen: boolean,\n    reason?: DatePickerOpenChangeReason,\n  ) => void;\n  /**\n   * The default open state of the overlay.\n   */\n  defaultOpen?: boolean;\n  /**\n   * The content to be rendered inside the overlay provider.\n   */\n  children: ReactNode;\n  /**\n   * A factory method to create a set of interaction, if provided overrides the default interactions\n   */\n  interactions?: (context: FloatingContext) => Array<ElementProps>;\n  /**\n   * When true, shouldn't open the overlay.\n   */\n  readOnly?: boolean;\n}\n\nexport const DatePickerOverlayProvider: React.FC<\n  DatePickerOverlayProviderProps\n> = ({\n  open: openProp,\n  openOnClick,\n  defaultOpen,\n  onOpenChange,\n  children,\n  interactions,\n  readOnly,\n}) => {\n  const [open, setOpenState, isOpenControlled] = useControlled({\n    controlled: openProp,\n    default: Boolean(defaultOpen),\n    name: \"DatePicker\",\n    state: \"openDatePickerOverlay\",\n  });\n  const triggeringElementRef = useRef<HTMLElement | null>(null);\n  const initialFocusRef = useRef<HTMLElement | null>(null);\n  const [focused, setFocused] = useState(false);\n  const onDismissCallback = useRef<(event?: Event) => void>();\n  const handleOpenChange = useCallback(\n    (newOpen: boolean, _event?: Event, reason?: DatePickerOpenChangeReason) => {\n      if (newOpen) {\n        if (readOnly) {\n          return;\n        }\n        triggeringElementRef.current = document.activeElement as HTMLElement;\n        setFocused(true);\n      } else if (!isOpenControlled && reason !== \"focus-out\") {\n        const trigger = triggeringElementRef.current as HTMLElement;\n        if (trigger) {\n          trigger.focus();\n        }\n        if (trigger instanceof HTMLInputElement) {\n          setTimeout(() => {\n            trigger.setSelectionRange(0, trigger.value.length);\n          }, 1);\n        }\n        triggeringElementRef.current = null;\n      }\n      setOpenState(newOpen);\n      onOpenChange?.(newOpen, reason);\n\n      if (\n        reason === \"focus-out\" ||\n        reason === \"escape-key\" ||\n        (reason === \"outside-press\" && onDismissCallback.current)\n      ) {\n        onDismissCallback?.current?.();\n      }\n    },\n    [isOpenControlled, onOpenChange, readOnly],\n  );\n\n  const openState = open && !readOnly;\n  const floatingUIResult = useFloatingUI({\n    open: openState,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n  });\n\n  const handleContainerBlur = useCallback(() => {\n    setTimeout(() => {\n      setFocused(\n        !!floatingUIResult?.refs.floating?.current?.contains(\n          document.activeElement,\n        ),\n      );\n    }, 0);\n  }, [floatingUIResult]);\n\n  const {\n    getFloatingProps: getFloatingPropsCallback,\n    getReferenceProps: getReferencePropsCallback,\n  } = useInteractions(\n    interactions\n      ? interactions(floatingUIResult.context)\n      : [\n          // biome-ignore lint/correctness/useHookAtTopLevel: useDismiss is not a React hook\n          useDismiss(floatingUIResult.context, {}),\n          // biome-ignore lint/correctness/useHookAtTopLevel: useKeyboard is not a React hook\n          useKeyboard(floatingUIResult.context, {\n            enabled: !readOnly,\n            onArrowDown: (event) => {\n              handleOpenChange(true, event.nativeEvent, \"reference-press\");\n            },\n          }),\n          // biome-ignore lint/correctness/useHookAtTopLevel: useClick is not a React hook\n          useClick(floatingUIResult.context, {\n            enabled: !!openOnClick && !readOnly,\n            toggle: false,\n            keyboardHandlers: false,\n          }),\n          // biome-ignore lint/correctness/useHookAtTopLevel: useFocusOut is not a React hook\n          useFocusOut(floatingUIResult.context, {\n            enabled: !readOnly,\n          }),\n        ],\n  );\n\n  const getFloatingProps = useCallback(\n    (userProps: React.HTMLProps<HTMLElement> | undefined) => {\n      const { x, y, strategy, elements } = floatingUIResult;\n      return {\n        top: y ?? 0,\n        left: x ?? 0,\n        position: strategy,\n        width: elements.floating?.offsetWidth,\n        height: elements.floating?.offsetHeight,\n        ...getFloatingPropsCallback(userProps),\n        focusManagerProps: {\n          returnFocus: false,\n          context: floatingUIResult.context,\n          initialFocus: initialFocusRef,\n        },\n      };\n    },\n    [getFloatingPropsCallback, floatingUIResult],\n  );\n  const setOnDismiss = useCallback(\n    (dismissCallback: (event?: Event) => void) => {\n      onDismissCallback.current = dismissCallback;\n    },\n    [],\n  );\n\n  const state: DatePickerOverlayState = useMemo(\n    () => ({\n      open: openState,\n      focused,\n      floatingUIResult,\n      initialFocusRef,\n    }),\n    [focused, openState, floatingUIResult],\n  );\n\n  const helpers: DatePickerOverlayHelpers = useMemo(\n    () => ({\n      getFloatingProps,\n      getReferenceProps: getReferencePropsCallback,\n      setOpen: handleOpenChange,\n      setOnDismiss,\n    }),\n    [\n      getFloatingProps,\n      getReferencePropsCallback,\n      handleOpenChange,\n      setOnDismiss,\n    ],\n  );\n  const contextValue = useMemo(() => ({ state, helpers }), [state, helpers]);\n\n  return (\n    <DatePickerOverlayContext.Provider value={contextValue}>\n      <div onBlur={handleContainerBlur}>{children}</div>\n    </DatePickerOverlayContext.Provider>\n  );\n};\n\nexport const useDatePickerOverlay = (): DatePickerOverlayContextType => {\n  const context = useContext(DatePickerOverlayContext);\n  if (!context) {\n    throw new Error(\n      \"useDatePickerOverlay must be used within a DatePickerOverlayProvider\",\n    );\n  }\n  return context;\n};\n"],"names":["createContext","useControlled","useRef","useState","useCallback","useFloatingUI","flip","useInteractions","useDismiss","useKeyboard","useClick","useFocusOut","useMemo","jsx","useContext"],"mappings":"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"}

package/dist-cjs/date-picker/DatePickerPanel.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = ".saltDatePickerOverlay {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n  border-radius: var(--salt-palette-corner, 0);\n  overflow: hidden;\n  overflow-y: auto;\n  position: relative;\n  z-index: var(--salt-zIndex-flyover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  display: flex;\n}\n\n.saltDatePickerPanel-container {\n  width: min-content;\n  gap: 1px;\n}\n\n.saltDatePickerPanel-container > .saltDatePickerPanel-header {\n  padding: var(--salt-spacing-100);\n}\n";
+var css_248z = ".saltDatePickerOverlay {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  border-radius: var(--salt-palette-corner, 0);\n  overflow: hidden;\n  overflow-y: auto;\n  position: relative;\n  z-index: var(--salt-zIndex-flyover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  display: flex;\n}\n\n.saltDatePickerPanel-container {\n  width: min-content;\n  gap: 1px;\n}\n\n.saltDatePickerPanel-container > .saltDatePickerPanel-header {\n  padding: var(--salt-spacing-100);\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=DatePickerPanel.css.js.map

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

@@ -7,12 +7,12 @@ 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 CalendarGrid = require('../calendar/CalendarGrid.js');
 var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
-require('../calendar/internal/CalendarContext.js');
 require('../calendar/useCalendarSelection.js');
+require('../calendar/internal/CalendarContext.js');
 var utils = require('../calendar/internal/utils.js');
 var DatePickerContext = require('./DatePickerContext.js');
 var DatePickerOverlayProvider = require('./DatePickerOverlayProvider.js');
@@ -215,7 +215,7 @@ const DatePickerRangeGridPanel = react.forwardRef(
       {
         separators: true,
         gap: 0,
-        className: clsx(className, withBaseName("container")),
+        className: clsx.clsx(className, withBaseName("container")),
         ref,
         ...rest,
         children: [

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRangeGridPanel.js","sources":["../src/date-picker/DatePickerRangeGridPanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  StackLayout,\n  makePrefixer,\n  resolveResponsiveValue,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport {\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  CalendarGrid,\n  CalendarNavigation,\n  type CalendarRangeProps,\n} from \"../calendar\";\nimport { Calendar, type DateRangeSelection } 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\";\nimport type { DatePickerPanelBaseProps } from \"./DatePickerSingleGridPanel\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\n/**\n * Props for the DatePickerRangeGridPanel component.\n * @template TDate - The type of the date object.\n */\nexport type DatePickerRangeGridPanelProps<TDate extends DateFrameworkType> =\n  DatePickerPanelBaseProps<TDate> &\n    DateRangeSelection<TDate> & {\n      onSelectionChange?: (\n        event: SyntheticEvent,\n        selectedDate?: DateRangeSelection<TDate> | null,\n      ) => void;\n      CalendarProps?: Partial<\n        Omit<\n          CalendarRangeProps<TDate>,\n          | \"selectionVariant\"\n          | \"selectedDate\"\n          | \"defaultSelectedDate\"\n          | \"onHoveredDateChange\"\n          | \"onSelectionChange\"\n          | \"onVisibleMonthChange\"\n        >\n      >;\n    };\n\nexport const DatePickerRangeGridPanel = forwardRef(\n  function DatePickerRangeGridPanel<TDate extends DateFrameworkType>(\n    props: DatePickerRangeGridPanelProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      CalendarProps,\n      CalendarNavigationProps,\n      CalendarGridProps,\n      className,\n      defaultVisibleMonth,\n      visibleMonth: visibleMonthProp,\n      onFocusedDateChange,\n      onHoveredDateChange,\n      onVisibleMonthChange,\n      helperText,\n      onSelectionChange,\n      numberOfVisibleMonths = 2,\n      columns = numberOfVisibleMonths,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-range-grid-panel\",\n      css: datePickerPanelCss,\n      window: targetWindow,\n    });\n\n    const stateAndHelpers: RangeDatePickerState<TDate> = useDatePickerContext({\n      selectionVariant: \"range\",\n    });\n\n    const {\n      state: { focused, initialFocusRef },\n    } = useDatePickerOverlay();\n\n    const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n    const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n    const calendarGridFocused = useRef(false);\n\n    const {\n      state: {\n        timezone,\n        selectedDate = null,\n        minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n        maxDate = dateAdapter.add(minDate, { months: 1 }),\n      },\n      helpers: { select, isDayDisabled, isDayHighlighted, isDayUnselectable },\n    } = stateAndHelpers;\n\n    const { matchedBreakpoints } = useBreakpoint();\n\n    const responsiveColumns =\n      resolveResponsiveValue(columns, matchedBreakpoints) ?? 1;\n    const responsiveNumberOfVisibleMonths =\n      resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n    const [uncontrolledDefaultVisibleMonth] = useState(() => {\n      const validDate: TDate =\n        selectedDate?.startDate && dateAdapter.isValid(selectedDate.startDate)\n          ? selectedDate.startDate\n          : dateAdapter.today(timezone);\n\n      // Ensure that defaultVisibleMonth is used if provided, otherwise use the start of the valid date\n      return defaultVisibleMonth || dateAdapter.startOf(validDate, \"month\");\n    });\n\n    const [visibleMonth, setVisibleMonth] = useControlled({\n      controlled: visibleMonthProp,\n      default: uncontrolledDefaultVisibleMonth,\n      name: \"DatePickerRangeGridPanel\",\n      state: \"visibleMonth\",\n    });\n\n    const getNextFocusedDate = () => {\n      const isOutsideAllowedDates = (date: TDate) => {\n        return (\n          dateAdapter.compare(date, minDate) < 0 ||\n          dateAdapter.compare(date, maxDate) > 0\n        );\n      };\n\n      const isDaySelectable = (date: TDate) =>\n        !(\n          date &&\n          (isDayUnselectable?.(date) ||\n            isDayDisabled?.(date) ||\n            isOutsideAllowedDates(date))\n        );\n\n      const startVisibleMonth = dateAdapter.startOf(visibleMonth, \"month\");\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n\n      const getVisibleSelectedDate = () => {\n        const startDateStartOfMonth = selectedDate?.startDate\n          ? dateAdapter.startOf(selectedDate.startDate, \"month\")\n          : null;\n        const endDateStartOfMonth = selectedDate?.endDate\n          ? dateAdapter.startOf(selectedDate.endDate, \"month\")\n          : null;\n        if (\n          selectedDate?.startDate &&\n          startDateStartOfMonth &&\n          dateAdapter.compare(startDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(startDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.startDate)\n        ) {\n          return selectedDate?.startDate;\n        }\n        if (\n          selectedDate?.endDate &&\n          endDateStartOfMonth &&\n          dateAdapter.compare(endDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(endDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.endDate)\n        ) {\n          return selectedDate?.endDate;\n        }\n        return null;\n      };\n\n      const focusSelectedDate = getVisibleSelectedDate();\n      if (focusSelectedDate) {\n        return focusSelectedDate;\n      }\n\n      // Today\n      const today = dateAdapter.today(timezone);\n      const todayStartOfMonth = dateAdapter.startOf(today, \"month\");\n      if (\n        dateAdapter.compare(todayStartOfMonth, startVisibleMonth) >= 0 &&\n        dateAdapter.compare(todayStartOfMonth, endVisibleMonth) <= 0 &&\n        isDaySelectable(today)\n      ) {\n        return today;\n      }\n\n      // First selectable date across visible months\n      const getFirstSelectableDate = (\n        startMonth: TDate,\n        numberOfMonths: number,\n      ) => {\n        for (let i = 0; i < numberOfMonths; i++) {\n          const currentMonth = dateAdapter.add(startMonth, { months: i });\n          const firstSelectableDate = generateDatesForMonth(\n            dateAdapter,\n            currentMonth,\n          ).find((visibleDay) => isDaySelectable(visibleDay));\n\n          if (firstSelectableDate) {\n            return firstSelectableDate;\n          }\n        }\n\n        return null;\n      };\n\n      return getFirstSelectableDate(\n        startVisibleMonth,\n        responsiveNumberOfVisibleMonths,\n      );\n    };\n\n    const handleSelectionChange = useCallback(\n      (\n        event: SyntheticEvent,\n        newDate: TDate | DateRangeSelection<TDate> | null,\n      ) => {\n        const dateRange = newDate as DateRangeSelection<TDate> | null;\n        select(event, dateRange);\n        onSelectionChange?.(event, dateRange);\n      },\n      [onSelectionChange, select],\n    );\n\n    const handleHoveredDateChange = useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n    const handleVisibleMonthChange = useCallback(\n      (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n        setVisibleMonth(newVisibleMonth);\n        onVisibleMonthChange?.(event, newVisibleMonth);\n      },\n      [onVisibleMonthChange],\n    );\n\n    const handleFocusedDateChange = useCallback(\n      (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n        setFocusedDate(newFocusedDate);\n        if (!newFocusedDate) {\n          onFocusedDateChange?.(event, newFocusedDate);\n          return;\n        }\n\n        const startOfFocusedMonth = dateAdapter.startOf(\n          newFocusedDate,\n          \"month\",\n        );\n        const lastVisibleMonth = dateAdapter.add(visibleMonth, {\n          months: responsiveNumberOfVisibleMonths - 1,\n        });\n\n        const isBeforeVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, visibleMonth) < 0;\n        const isAfterLastVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, lastVisibleMonth) > 0;\n\n        if (isBeforeVisibleMonth) {\n          handleVisibleMonthChange(event, startOfFocusedMonth);\n        } else if (isAfterLastVisibleMonth) {\n          const newLastVisibleMonth = dateAdapter.subtract(\n            startOfFocusedMonth,\n            { months: responsiveNumberOfVisibleMonths - 1 },\n          );\n          handleVisibleMonthChange(event, newLastVisibleMonth);\n        }\n        onFocusedDateChange?.(event, newFocusedDate);\n      },\n      [\n        dateAdapter,\n        handleVisibleMonthChange,\n        onFocusedDateChange,\n        responsiveNumberOfVisibleMonths,\n        visibleMonth,\n      ],\n    );\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n    useLayoutEffect(() => {\n      // Called when the overlay opens or the focus shifts between trigger and overlay\n      if (focused && !calendarGridFocused.current) {\n        setFocusedDate((prevFocusedDate) => {\n          if (!prevFocusedDate) {\n            return getNextFocusedDate();\n          }\n          return prevFocusedDate;\n        });\n      }\n      calendarGridFocused.current = focused;\n    }, [focused]);\n\n    const calendarProps = {\n      visibleMonth,\n      focusedDateRef: initialFocusRef,\n      focusedDate: calendarGridFocused?.current ? focusedDate : null,\n      hoveredDate,\n      numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n      onFocusedDateChange: handleFocusedDateChange,\n      onHoveredDateChange: handleHoveredDateChange,\n      onSelectionChange: handleSelectionChange,\n      onVisibleMonthChange: handleVisibleMonthChange,\n      hideOutOfRangeDates: true,\n      isDayDisabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectedDate,\n      minDate,\n      maxDate,\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={\"range\"}\n              {...(calendarProps as Partial<CalendarRangeProps<TDate>>)}\n            >\n              <CalendarNavigation {...CalendarNavigationProps} />\n              <CalendarGrid\n                columns={responsiveColumns}\n                {...CalendarGridProps}\n              />\n            </Calendar>\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DatePickerRangeGridPanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useDatePickerContext","useDatePickerOverlay","useState","useRef","useBreakpoint","resolveResponsiveValue","useControlled","generateDatesForMonth","useCallback","useLayoutEffect","jsxs","StackLayout","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}
+{"version":3,"file":"DatePickerRangeGridPanel.js","sources":["../src/date-picker/DatePickerRangeGridPanel.tsx"],"sourcesContent":["import {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  makePrefixer,\n  resolveResponsiveValue,\n  StackLayout,\n  useBreakpoint,\n  useControlled,\n} from \"@salt-ds/core\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  type SyntheticEvent,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  CalendarGrid,\n  CalendarNavigation,\n  type CalendarRangeProps,\n  type DateRangeSelection,\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\";\nimport type { DatePickerPanelBaseProps } from \"./DatePickerSingleGridPanel\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\n/**\n * Props for the DatePickerRangeGridPanel component.\n * @template TDate - The type of the date object.\n */\nexport type DatePickerRangeGridPanelProps<TDate extends DateFrameworkType> =\n  DatePickerPanelBaseProps<TDate> &\n    DateRangeSelection<TDate> & {\n      onSelectionChange?: (\n        event: SyntheticEvent,\n        selectedDate?: DateRangeSelection<TDate> | null,\n      ) => void;\n      CalendarProps?: Partial<\n        Omit<\n          CalendarRangeProps<TDate>,\n          | \"selectionVariant\"\n          | \"selectedDate\"\n          | \"defaultSelectedDate\"\n          | \"onHoveredDateChange\"\n          | \"onSelectionChange\"\n          | \"onVisibleMonthChange\"\n        >\n      >;\n    };\n\nexport const DatePickerRangeGridPanel = forwardRef(\n  function DatePickerRangeGridPanel<TDate extends DateFrameworkType>(\n    props: DatePickerRangeGridPanelProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    const { dateAdapter } = useLocalization<TDate>();\n\n    const {\n      CalendarProps,\n      CalendarNavigationProps,\n      CalendarGridProps,\n      className,\n      defaultVisibleMonth,\n      visibleMonth: visibleMonthProp,\n      onFocusedDateChange,\n      onHoveredDateChange,\n      onVisibleMonthChange,\n      helperText,\n      onSelectionChange,\n      numberOfVisibleMonths = 2,\n      columns = numberOfVisibleMonths,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-range-grid-panel\",\n      css: datePickerPanelCss,\n      window: targetWindow,\n    });\n\n    const stateAndHelpers: RangeDatePickerState<TDate> = useDatePickerContext({\n      selectionVariant: \"range\",\n    });\n\n    const {\n      state: { focused, initialFocusRef },\n    } = useDatePickerOverlay();\n\n    const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n    const [focusedDate, setFocusedDate] = useState<TDate | null>(null);\n    const calendarGridFocused = useRef(false);\n\n    const {\n      state: {\n        timezone,\n        selectedDate = null,\n        minDate = dateAdapter.startOf(dateAdapter.today(timezone), \"month\"),\n        maxDate = dateAdapter.add(minDate, { months: 1 }),\n      },\n      helpers: { select, isDayDisabled, isDayHighlighted, isDayUnselectable },\n    } = stateAndHelpers;\n\n    const { matchedBreakpoints } = useBreakpoint();\n\n    const responsiveColumns =\n      resolveResponsiveValue(columns, matchedBreakpoints) ?? 1;\n    const responsiveNumberOfVisibleMonths =\n      resolveResponsiveValue(numberOfVisibleMonths, matchedBreakpoints) ?? 1;\n\n    const [uncontrolledDefaultVisibleMonth] = useState(() => {\n      const validDate: TDate =\n        selectedDate?.startDate && dateAdapter.isValid(selectedDate.startDate)\n          ? selectedDate.startDate\n          : dateAdapter.today(timezone);\n\n      // Ensure that defaultVisibleMonth is used if provided, otherwise use the start of the valid date\n      return defaultVisibleMonth || dateAdapter.startOf(validDate, \"month\");\n    });\n\n    const [visibleMonth, setVisibleMonth] = useControlled({\n      controlled: visibleMonthProp,\n      default: uncontrolledDefaultVisibleMonth,\n      name: \"DatePickerRangeGridPanel\",\n      state: \"visibleMonth\",\n    });\n\n    const getNextFocusedDate = () => {\n      const isOutsideAllowedDates = (date: TDate) => {\n        return (\n          dateAdapter.compare(date, minDate) < 0 ||\n          dateAdapter.compare(date, maxDate) > 0\n        );\n      };\n\n      const isDaySelectable = (date: TDate) =>\n        !(\n          date &&\n          (isDayUnselectable?.(date) ||\n            isDayDisabled?.(date) ||\n            isOutsideAllowedDates(date))\n        );\n\n      const startVisibleMonth = dateAdapter.startOf(visibleMonth, \"month\");\n      const endVisibleMonth = dateAdapter.add(visibleMonth, {\n        months: responsiveNumberOfVisibleMonths - 1,\n      });\n\n      const getVisibleSelectedDate = () => {\n        const startDateStartOfMonth = selectedDate?.startDate\n          ? dateAdapter.startOf(selectedDate.startDate, \"month\")\n          : null;\n        const endDateStartOfMonth = selectedDate?.endDate\n          ? dateAdapter.startOf(selectedDate.endDate, \"month\")\n          : null;\n        if (\n          selectedDate?.startDate &&\n          startDateStartOfMonth &&\n          dateAdapter.compare(startDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(startDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.startDate)\n        ) {\n          return selectedDate?.startDate;\n        }\n        if (\n          selectedDate?.endDate &&\n          endDateStartOfMonth &&\n          dateAdapter.compare(endDateStartOfMonth, startVisibleMonth) >= 0 &&\n          dateAdapter.compare(endDateStartOfMonth, endVisibleMonth) <= 0 &&\n          isDaySelectable(selectedDate?.endDate)\n        ) {\n          return selectedDate?.endDate;\n        }\n        return null;\n      };\n\n      const focusSelectedDate = getVisibleSelectedDate();\n      if (focusSelectedDate) {\n        return focusSelectedDate;\n      }\n\n      // Today\n      const today = dateAdapter.today(timezone);\n      const todayStartOfMonth = dateAdapter.startOf(today, \"month\");\n      if (\n        dateAdapter.compare(todayStartOfMonth, startVisibleMonth) >= 0 &&\n        dateAdapter.compare(todayStartOfMonth, endVisibleMonth) <= 0 &&\n        isDaySelectable(today)\n      ) {\n        return today;\n      }\n\n      // First selectable date across visible months\n      const getFirstSelectableDate = (\n        startMonth: TDate,\n        numberOfMonths: number,\n      ) => {\n        for (let i = 0; i < numberOfMonths; i++) {\n          const currentMonth = dateAdapter.add(startMonth, { months: i });\n          const firstSelectableDate = generateDatesForMonth(\n            dateAdapter,\n            currentMonth,\n          ).find((visibleDay) => isDaySelectable(visibleDay));\n\n          if (firstSelectableDate) {\n            return firstSelectableDate;\n          }\n        }\n\n        return null;\n      };\n\n      return getFirstSelectableDate(\n        startVisibleMonth,\n        responsiveNumberOfVisibleMonths,\n      );\n    };\n\n    const handleSelectionChange = useCallback(\n      (\n        event: SyntheticEvent,\n        newDate: TDate | DateRangeSelection<TDate> | null,\n      ) => {\n        const dateRange = newDate as DateRangeSelection<TDate> | null;\n        select(event, dateRange);\n        onSelectionChange?.(event, dateRange);\n      },\n      [onSelectionChange, select],\n    );\n\n    const handleHoveredDateChange = useCallback(\n      (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n        setHoveredDate(newHoveredDate);\n        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n    const handleVisibleMonthChange = useCallback(\n      (event: SyntheticEvent | null, newVisibleMonth: TDate) => {\n        setVisibleMonth(newVisibleMonth);\n        onVisibleMonthChange?.(event, newVisibleMonth);\n      },\n      [onVisibleMonthChange],\n    );\n\n    const handleFocusedDateChange = useCallback(\n      (event: SyntheticEvent | null, newFocusedDate: TDate) => {\n        setFocusedDate(newFocusedDate);\n        if (!newFocusedDate) {\n          onFocusedDateChange?.(event, newFocusedDate);\n          return;\n        }\n\n        const startOfFocusedMonth = dateAdapter.startOf(\n          newFocusedDate,\n          \"month\",\n        );\n        const lastVisibleMonth = dateAdapter.add(visibleMonth, {\n          months: responsiveNumberOfVisibleMonths - 1,\n        });\n\n        const isBeforeVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, visibleMonth) < 0;\n        const isAfterLastVisibleMonth =\n          dateAdapter.compare(startOfFocusedMonth, lastVisibleMonth) > 0;\n\n        if (isBeforeVisibleMonth) {\n          handleVisibleMonthChange(event, startOfFocusedMonth);\n        } else if (isAfterLastVisibleMonth) {\n          const newLastVisibleMonth = dateAdapter.subtract(\n            startOfFocusedMonth,\n            { months: responsiveNumberOfVisibleMonths - 1 },\n          );\n          handleVisibleMonthChange(event, newLastVisibleMonth);\n        }\n        onFocusedDateChange?.(event, newFocusedDate);\n      },\n      [\n        dateAdapter,\n        handleVisibleMonthChange,\n        onFocusedDateChange,\n        responsiveNumberOfVisibleMonths,\n        visibleMonth,\n      ],\n    );\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: only run when focus/min/max date changes\n    useLayoutEffect(() => {\n      // Called when the overlay opens or the focus shifts between trigger and overlay\n      if (focused && !calendarGridFocused.current) {\n        setFocusedDate((prevFocusedDate) => {\n          if (!prevFocusedDate) {\n            return getNextFocusedDate();\n          }\n          return prevFocusedDate;\n        });\n      }\n      calendarGridFocused.current = focused;\n    }, [focused]);\n\n    const calendarProps = {\n      visibleMonth,\n      focusedDateRef: initialFocusRef,\n      focusedDate: calendarGridFocused?.current ? focusedDate : null,\n      hoveredDate,\n      numberOfVisibleMonths: responsiveNumberOfVisibleMonths,\n      onFocusedDateChange: handleFocusedDateChange,\n      onHoveredDateChange: handleHoveredDateChange,\n      onSelectionChange: handleSelectionChange,\n      onVisibleMonthChange: handleVisibleMonthChange,\n      hideOutOfRangeDates: true,\n      isDayDisabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectedDate,\n      minDate,\n      maxDate,\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={\"range\"}\n              {...(calendarProps as Partial<CalendarRangeProps<TDate>>)}\n            >\n              <CalendarNavigation {...CalendarNavigationProps} />\n              <CalendarGrid\n                columns={responsiveColumns}\n                {...CalendarGridProps}\n              />\n            </Calendar>\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","DatePickerRangeGridPanel","useLocalization","useWindow","useComponentCssInjection","datePickerPanelCss","useDatePickerContext","useDatePickerOverlay","useState","useRef","useBreakpoint","resolveResponsiveValue","useControlled","generateDatesForMonth","useCallback","useLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}

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

@@ -5,8 +5,8 @@ var core = require('@salt-ds/core');
 var dateAdapters = require('@salt-ds/date-adapters');
 var clsx = require('clsx');
 var react = require('react');
-require('../date-input/DateInputSingle.js');
 var DateInputRange = require('../date-input/DateInputRange.js');
+require('../date-input/DateInputSingle.js');
 var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
 var DatePickerContext = require('./DatePickerContext.js');
 var DatePickerOverlayProvider = require('./DatePickerOverlayProvider.js');

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRangeInput.js","sources":["../src/date-picker/DatePickerRangeInput.tsx"],"sourcesContent":["import { Button, makePrefixer, useControlled, useIcon } from \"@salt-ds/core\";\nimport {\n  DateDetailError,\n  type DateFrameworkType,\n  type SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\nimport { clsx } from \"clsx\";\nimport {\n  type MouseEventHandler,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport {\n  DateInputRange,\n  type DateInputRangeDetails,\n  type DateInputRangeProps,\n  type DateInputRangeValue,\n} from \"../date-input\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerRangeInput\");\n\n/**\n * Props for the DatePickerRangeInput component.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerRangeInputProps<TDate extends DateFrameworkType>\n  extends DateInputRangeProps<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 DateInputRangeDetails details\n   */\n  validate?: (\n    date: DateRangeSelection<TDate> | null,\n    details: DateInputRangeDetails,\n  ) => DateInputRangeDetails;\n}\n\nexport function defaultRangeValidator<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  date: DateRangeSelection<TDate> | null,\n  details: DateInputRangeDetails,\n  minDate?: TDate,\n  maxDate?: TDate,\n): DateInputRangeDetails {\n  const { startDate, endDate } = date || {};\n\n  if (!startDate) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: DateDetailError.UNSET,\n      message: \"no start date defined\",\n    });\n  }\n  if (!endDate) {\n    details.endDate = details.endDate || {};\n    details.endDate.errors = details.endDate.errors || [];\n    details.endDate.errors.push({\n      type: DateDetailError.UNSET,\n      message: \"no end date defined\",\n    });\n  }\n\n  // If startDate is after endDate\n  if (\n    dateAdapter.isValid(startDate) &&\n    dateAdapter.isValid(endDate) &&\n    dateAdapter.compare(startDate, endDate) > 0\n  ) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: \"greater-than-end-date\",\n      message: \"start date after end date\",\n    });\n  }\n  // If startDate is before minDate\n  if (\n    minDate &&\n    dateAdapter.isValid(startDate) &&\n    dateAdapter.compare(startDate, minDate) < 0\n  ) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: \"min-date\",\n      message: \"is before min date\",\n    });\n  }\n  // If startDate is after maxDate\n  if (\n    maxDate &&\n    dateAdapter.isValid(startDate) &&\n    dateAdapter.compare(startDate, maxDate) > 0\n  ) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: \"max-date\",\n      message: \"is after max date\",\n    });\n  }\n  if (\n    minDate &&\n    dateAdapter.isValid(endDate) &&\n    dateAdapter.compare(endDate, minDate) < 0\n  ) {\n    details.endDate = details.endDate || {};\n    details.endDate.errors = details.endDate.errors || [];\n    details.endDate.errors.push({\n      type: \"max-date\",\n      message: \"is before min date\",\n    });\n  }\n  // If endDate is after maxDate\n  if (\n    maxDate &&\n    dateAdapter.isValid(endDate) &&\n    dateAdapter.compare(endDate, maxDate) > 0\n  ) {\n    details.endDate = details.endDate || {};\n    details.endDate.errors = details.endDate.errors || [];\n    details.endDate.errors.push({\n      type: \"max-date\",\n      message: \"is after max date\",\n    });\n  }\n  return details;\n}\n\nexport const DatePickerRangeInput = forwardRef(function DatePickerRangeInput<\n  TDate extends DateFrameworkType,\n>(\n  props: DatePickerRangeInputProps<SingleDateSelection<TDate>>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    className,\n    endInputProps,\n    startInputProps,\n    defaultValue,\n    format = \"DD MMM YYYY\",\n    value: valueProp,\n    validate,\n    onChange,\n    onDateValueChange,\n    ...rest\n  } = props;\n\n  const { CalendarIcon } = useIcon();\n\n  const {\n    state: {\n      selectedDate,\n      disabled,\n      readOnly,\n      cancelled,\n      minDate,\n      maxDate,\n      timezone,\n    },\n    helpers: { select },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\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: \"DatePickerRangeInput\",\n    state: \"dateValue\",\n  });\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run when date changes to sync the value\n  useEffect(() => {\n    setValue({\n      startDate: !selectedDate?.startDate\n        ? \"\"\n        : selectedDate?.startDate && dateAdapter.isValid(selectedDate.startDate)\n          ? dateAdapter.format(selectedDate.startDate, format)\n          : value?.startDate,\n      endDate: !selectedDate?.endDate\n        ? \"\"\n        : selectedDate?.endDate && dateAdapter.isValid(selectedDate.endDate)\n          ? dateAdapter.format(selectedDate.endDate, format)\n          : value?.endDate,\n    });\n  }, [dateAdapter, format, selectedDate]);\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: DateRangeSelection<TDate> | null,\n      details: DateInputRangeDetails,\n    ) => {\n      const validatedDetails = validate\n        ? validate(date, details)\n        : defaultRangeValidator(dateAdapter, date, details, minDate, maxDate);\n      select(event, date, validatedDetails);\n    },\n    [dateAdapter, select, minDate, maxDate, validate],\n  );\n\n  const handleDateValueChange = useCallback(\n    (event: SyntheticEvent | null, newDateValue: DateInputRangeValue) => {\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    <DateInputRange\n      value={\n        value ?? {\n          startDate: \"\",\n          endDate: \"\",\n        }\n      }\n      className={clsx(withBaseName(), className)}\n      date={selectedDate ?? null}\n      startInputProps={startInputProps}\n      endInputProps={endInputProps}\n      readOnly={readOnly}\n      disabled={disabled}\n      ref={ref}\n      onDateChange={handleDateChange}\n      onDateValueChange={handleDateValueChange}\n      onChange={onChange}\n      endAdornment={\n        !readOnly && (\n          <Button\n            appearance=\"transparent\"\n            sentiment=\"neutral\"\n            onClick={handleCalendarButton}\n            disabled={disabled}\n            aria-label=\"Open Calendar\"\n          >\n            <CalendarIcon aria-hidden />\n          </Button>\n        )\n      }\n      format={format}\n      timezone={timezone}\n      {...rest}\n    />\n  );\n});\n"],"names":["makePrefixer","DateDetailError","forwardRef","DatePickerRangeInput","useLocalization","useIcon","useDatePickerContext","useDatePickerOverlay","useRef","useControlled","useEffect","useCallback","jsx","DateInputRange","clsx","Button"],"mappings":"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"}
+{"version":3,"file":"DatePickerRangeInput.js","sources":["../src/date-picker/DatePickerRangeInput.tsx"],"sourcesContent":["import { Button, makePrefixer, useControlled, useIcon } from \"@salt-ds/core\";\nimport {\n  DateDetailError,\n  type DateFrameworkType,\n  type SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  type MouseEventHandler,\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport {\n  DateInputRange,\n  type DateInputRangeDetails,\n  type DateInputRangeProps,\n  type DateInputRangeValue,\n} from \"../date-input\";\nimport { useLocalization } from \"../localization-provider\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerRangeInput\");\n\n/**\n * Props for the DatePickerRangeInput component.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerRangeInputProps<TDate extends DateFrameworkType>\n  extends DateInputRangeProps<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 DateInputRangeDetails details\n   */\n  validate?: (\n    date: DateRangeSelection<TDate> | null,\n    details: DateInputRangeDetails,\n  ) => DateInputRangeDetails;\n}\n\nexport function defaultRangeValidator<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  date: DateRangeSelection<TDate> | null,\n  details: DateInputRangeDetails,\n  minDate?: TDate,\n  maxDate?: TDate,\n): DateInputRangeDetails {\n  const { startDate, endDate } = date || {};\n\n  if (!startDate) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: DateDetailError.UNSET,\n      message: \"no start date defined\",\n    });\n  }\n  if (!endDate) {\n    details.endDate = details.endDate || {};\n    details.endDate.errors = details.endDate.errors || [];\n    details.endDate.errors.push({\n      type: DateDetailError.UNSET,\n      message: \"no end date defined\",\n    });\n  }\n\n  // If startDate is after endDate\n  if (\n    dateAdapter.isValid(startDate) &&\n    dateAdapter.isValid(endDate) &&\n    dateAdapter.compare(startDate, endDate) > 0\n  ) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: \"greater-than-end-date\",\n      message: \"start date after end date\",\n    });\n  }\n  // If startDate is before minDate\n  if (\n    minDate &&\n    dateAdapter.isValid(startDate) &&\n    dateAdapter.compare(startDate, minDate) < 0\n  ) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: \"min-date\",\n      message: \"is before min date\",\n    });\n  }\n  // If startDate is after maxDate\n  if (\n    maxDate &&\n    dateAdapter.isValid(startDate) &&\n    dateAdapter.compare(startDate, maxDate) > 0\n  ) {\n    details.startDate = details.startDate || {};\n    details.startDate.errors = details.startDate.errors || [];\n    details.startDate.errors.push({\n      type: \"max-date\",\n      message: \"is after max date\",\n    });\n  }\n  if (\n    minDate &&\n    dateAdapter.isValid(endDate) &&\n    dateAdapter.compare(endDate, minDate) < 0\n  ) {\n    details.endDate = details.endDate || {};\n    details.endDate.errors = details.endDate.errors || [];\n    details.endDate.errors.push({\n      type: \"max-date\",\n      message: \"is before min date\",\n    });\n  }\n  // If endDate is after maxDate\n  if (\n    maxDate &&\n    dateAdapter.isValid(endDate) &&\n    dateAdapter.compare(endDate, maxDate) > 0\n  ) {\n    details.endDate = details.endDate || {};\n    details.endDate.errors = details.endDate.errors || [];\n    details.endDate.errors.push({\n      type: \"max-date\",\n      message: \"is after max date\",\n    });\n  }\n  return details;\n}\n\nexport const DatePickerRangeInput = forwardRef(function DatePickerRangeInput<\n  TDate extends DateFrameworkType,\n>(\n  props: DatePickerRangeInputProps<SingleDateSelection<TDate>>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const { dateAdapter } = useLocalization<TDate>();\n  const {\n    className,\n    endInputProps,\n    startInputProps,\n    defaultValue,\n    format = \"DD MMM YYYY\",\n    value: valueProp,\n    validate,\n    onChange,\n    onDateValueChange,\n    ...rest\n  } = props;\n\n  const { CalendarIcon } = useIcon();\n\n  const {\n    state: {\n      selectedDate,\n      disabled,\n      readOnly,\n      cancelled,\n      minDate,\n      maxDate,\n      timezone,\n    },\n    helpers: { select },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\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: \"DatePickerRangeInput\",\n    state: \"dateValue\",\n  });\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run when date changes to sync the value\n  useEffect(() => {\n    setValue({\n      startDate: !selectedDate?.startDate\n        ? \"\"\n        : selectedDate?.startDate && dateAdapter.isValid(selectedDate.startDate)\n          ? dateAdapter.format(selectedDate.startDate, format)\n          : value?.startDate,\n      endDate: !selectedDate?.endDate\n        ? \"\"\n        : selectedDate?.endDate && dateAdapter.isValid(selectedDate.endDate)\n          ? dateAdapter.format(selectedDate.endDate, format)\n          : value?.endDate,\n    });\n  }, [dateAdapter, format, selectedDate]);\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: DateRangeSelection<TDate> | null,\n      details: DateInputRangeDetails,\n    ) => {\n      const validatedDetails = validate\n        ? validate(date, details)\n        : defaultRangeValidator(dateAdapter, date, details, minDate, maxDate);\n      select(event, date, validatedDetails);\n    },\n    [dateAdapter, select, minDate, maxDate, validate],\n  );\n\n  const handleDateValueChange = useCallback(\n    (event: SyntheticEvent | null, newDateValue: DateInputRangeValue) => {\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    <DateInputRange\n      value={\n        value ?? {\n          startDate: \"\",\n          endDate: \"\",\n        }\n      }\n      className={clsx(withBaseName(), className)}\n      date={selectedDate ?? null}\n      startInputProps={startInputProps}\n      endInputProps={endInputProps}\n      readOnly={readOnly}\n      disabled={disabled}\n      ref={ref}\n      onDateChange={handleDateChange}\n      onDateValueChange={handleDateValueChange}\n      onChange={onChange}\n      endAdornment={\n        !readOnly && (\n          <Button\n            appearance=\"transparent\"\n            sentiment=\"neutral\"\n            onClick={handleCalendarButton}\n            disabled={disabled}\n            aria-label=\"Open Calendar\"\n          >\n            <CalendarIcon aria-hidden />\n          </Button>\n        )\n      }\n      format={format}\n      timezone={timezone}\n      {...rest}\n    />\n  );\n});\n"],"names":["makePrefixer","DateDetailError","forwardRef","DatePickerRangeInput","useLocalization","useIcon","useDatePickerContext","useDatePickerOverlay","useRef","useControlled","useEffect","useCallback","jsx","DateInputRange","clsx","Button"],"mappings":"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"}

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

@@ -7,12 +7,12 @@ 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 CalendarGrid = require('../calendar/CalendarGrid.js');
 var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
-require('../calendar/internal/CalendarContext.js');
 require('../calendar/useCalendarSelection.js');
+require('../calendar/internal/CalendarContext.js');
 var utils = require('../calendar/internal/utils.js');
 var DatePickerContext = require('./DatePickerContext.js');
 var DatePickerOverlayProvider = require('./DatePickerOverlayProvider.js');
@@ -313,7 +313,7 @@ const DatePickerRangePanel = react.forwardRef(function DatePickerRangePanel2(pro
     {
       separators: true,
       gap: 0,
-      className: clsx(className, withBaseName("container")),
+      className: clsx.clsx(className, withBaseName("container")),
       ref: containerRef,
       ...rest,
       children: [

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

@@ -1 +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  StackLayout,\n  makePrefixer,\n  useControlled,\n  useForkRef,\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  type FocusEventHandler,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\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 { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n * @template TDate - The type of the date object.\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, 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: 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 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: TDate,\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 hoveredDate - The new hovered date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    hoveredDate?: TDate | null,\n  ) => void;\n  /**\n   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate?: TDate | null,\n  ) => void;\n\n  /**\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      | \"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<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      | \"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<TDate>;\n  /**\n   * Props to be passed to the end date CalendarGrid component.\n   */\n  EndCalendarGridProps?: CalendarGridProps<TDate>;\n}\n\nfunction getFallbackVisibleMonths<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  selectedDate: DateRangeSelection<TDate> | null,\n  timezone: Timezone = \"default\",\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(\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  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    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, isDayDisabled, isDayHighlighted, isDayUnselectable },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\n\n  const {\n    state: { initialFocusRef, focused },\n  } = useDatePickerOverlay();\n\n  const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths<TDate>(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<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        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n      setHoveredDate(newHoveredDate);\n      onHoveredDateChange?.(event, newHoveredDate);\n    },\n    [onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, 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    [dateAdapter, endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, 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    [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<TDate | null>(null);\n\n  const handleStartCalendarBlur: FocusEventHandler<HTMLDivElement> = (\n    event,\n  ) => {\n    setHoveredDate(null);\n    StartCalendarGridProps?.onBlur?.(event);\n  };\n  const handleEndCalendarBlur: FocusEventHandler<HTMLDivElement> = (event) => {\n    setHoveredDate(null);\n    EndCalendarGridProps?.onBlur?.(event);\n  };\n\n  const handleStartCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: TDate) => {\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: TDate) => {\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: TDate,\n    nextEndVisibleMonth: TDate,\n  ) => {\n    const isOutsideAllowedDates = (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    };\n    const isDaySelectable = (date: TDate) =>\n      !(\n        date &&\n        (isDayUnselectable?.(date) ||\n          isDayDisabled?.(date) ||\n          isOutsideAllowedDates(date))\n      );\n\n    const getVisibleSelectedDate = (visibleMonth: TDate) => {\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: TDate) => {\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  useLayoutEffect(() => {\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) => {\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    isDayDisabled,\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<TDate>>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    isDayDisabled,\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<TDate>>;\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              disableNavigateNext={dateAdapter.isSame(\n                startVisibleMonth,\n                dateAdapter.subtract(maxDate, { months: 1 }),\n                \"month\",\n              )}\n              {...StartCalendarNavigationProps}\n            />\n            <CalendarGrid {...StartCalendarGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation\n              disableNavigatePrevious={dateAdapter.isSame(\n                endVisibleMonth,\n                dateAdapter.add(minDate, { months: 1 }),\n                \"month\",\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","useLayoutEffect","jsxs","StackLayout","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}
+{"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} 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  useLayoutEffect,\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 { useDatePickerContext } from \"./DatePickerContext\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\nimport datePickerPanelCss from \"./DatePickerPanel.css\";\n\n/**\n * Props for the DatePickerRangePanel component.\n * @template TDate - The type of the date object.\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, 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: 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 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: TDate,\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 hoveredDate - The new hovered date.\n   */\n  onFocusedDateChange?: (\n    event: SyntheticEvent | null,\n    hoveredDate?: TDate | null,\n  ) => void;\n  /**\n   * Callback fired when the hovered date changes.\n   * @param event - The synthetic event.\n   * @param hoveredDate - The new hovered date.\n   */\n  onHoveredDateChange?: (\n    event: SyntheticEvent,\n    hoveredDate?: TDate | null,\n  ) => void;\n\n  /**\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      | \"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<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      | \"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<TDate>;\n  /**\n   * Props to be passed to the end date CalendarGrid component.\n   */\n  EndCalendarGridProps?: CalendarGridProps<TDate>;\n}\n\nfunction getFallbackVisibleMonths<TDate extends DateFrameworkType>(\n  dateAdapter: SaltDateAdapter<TDate>,\n  selectedDate: DateRangeSelection<TDate> | null,\n  timezone: Timezone = \"default\",\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(\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  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    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, isDayDisabled, isDayHighlighted, isDayUnselectable },\n  } = useDatePickerContext<TDate>({ selectionVariant: \"range\" });\n\n  const {\n    state: { initialFocusRef, focused },\n  } = useDatePickerOverlay();\n\n  const [hoveredDate, setHoveredDate] = useState<TDate | null>(null);\n\n  const [[fallbackStartVisibleMonth, fallbackEndVisibleMonth]] = useState(() =>\n    getFallbackVisibleMonths<TDate>(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<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        onHoveredDateChange?.(event, newHoveredDate);\n      },\n      [onHoveredDateChange],\n    );\n\n  const handleHoveredEndDateChange = useCallback(\n    (event: SyntheticEvent, newHoveredDate: TDate | null) => {\n      setHoveredDate(newHoveredDate);\n      onHoveredDateChange?.(event, newHoveredDate);\n    },\n    [onHoveredDateChange],\n  );\n\n  const handleStartVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, 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    [dateAdapter, endVisibleMonth, onStartVisibleMonthChange],\n  );\n\n  const handleEndVisibleMonthChange = useCallback(\n    (event: SyntheticEvent | null, 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    [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<TDate | null>(null);\n\n  const handleStartCalendarFocusedDateChange = useCallback(\n    (event: SyntheticEvent | null, newFocusedDate: TDate) => {\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: TDate) => {\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: TDate,\n    nextEndVisibleMonth: TDate,\n  ) => {\n    const isOutsideAllowedDates = (date: TDate) => {\n      return (\n        dateAdapter.compare(date, minDate) < 0 ||\n        dateAdapter.compare(date, maxDate) > 0\n      );\n    };\n    const isDaySelectable = (date: TDate) =>\n      !(\n        date &&\n        (isDayUnselectable?.(date) ||\n          isDayDisabled?.(date) ||\n          isOutsideAllowedDates(date))\n      );\n\n    const getVisibleSelectedDate = (visibleMonth: TDate) => {\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: TDate) => {\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  useLayoutEffect(() => {\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) => {\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    isDayDisabled,\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<TDate>>;\n  const EndCalendarProps = {\n    visibleMonth: endVisibleMonth,\n    hoveredDate,\n    isDayDisabled,\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<TDate>>;\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              disableNavigateNext={dateAdapter.isSame(\n                startVisibleMonth,\n                dateAdapter.subtract(maxDate, { months: 1 }),\n                \"month\",\n              )}\n              {...StartCalendarNavigationProps}\n            />\n            <CalendarGrid {...StartCalendarGridProps} />\n          </Calendar>\n          <Calendar selectionVariant={\"range\"} {...EndCalendarProps}>\n            <CalendarNavigation\n              disableNavigatePrevious={dateAdapter.isSame(\n                endVisibleMonth,\n                dateAdapter.add(minDate, { months: 1 }),\n                \"month\",\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","useLayoutEffect","jsxs","StackLayout","clsx","jsx","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","CalendarNavigation","CalendarGrid"],"mappings":"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"}

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

@@ -7,12 +7,12 @@ 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 CalendarGrid = require('../calendar/CalendarGrid.js');
 var LocalizationProvider = require('../localization-provider/LocalizationProvider.js');
-require('../calendar/internal/CalendarContext.js');
 require('../calendar/useCalendarSelection.js');
+require('../calendar/internal/CalendarContext.js');
 var utils = require('../calendar/internal/utils.js');
 var DatePickerContext = require('./DatePickerContext.js');
 var DatePickerOverlayProvider = require('./DatePickerOverlayProvider.js');
@@ -223,7 +223,7 @@ const DatePickerSingleGridPanel = react.forwardRef(
       {
         separators: true,
         gap: 0,
-        className: clsx(className, withBaseName("container")),
+        className: clsx.clsx(className, withBaseName("container")),
         ref,
         ...rest,
         children: [