@salt-ds/lab 1.0.0-alpha.46 → 1.0.0-alpha.48

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

@@ -18,151 +18,144 @@ require('../calendar/internal/utils.js');
 var useSelection = require('../calendar/useSelection.js');
 
 const withBaseName = core.makePrefixer("saltDatePicker");
-const DatePicker = React.forwardRef(
-  function DatePicker2({
-    selectionVariant = "default",
-    disabled = false,
-    placeholder = "dd mmm yyyy",
-    selectedDate: selectedDateProp,
-    defaultSelectedDate,
-    dateFormatter,
-    CalendarProps: CalendarProps2,
-    className,
-    open: openProp,
-    onOpenChange: onOpenChangeProp,
-    helperText,
-    readOnly: readOnlyProp,
-    inputAriaLabel,
-    validationStatus,
-    onSelectionChange,
-    onChange,
-    ...rest
-  }, ref) {
-    var _a;
-    const [open, setOpen] = core.useControlled({
-      controlled: openProp,
-      default: false,
-      name: "openPanel",
-      state: "openPanel"
-    });
-    const [startDate, setStartDate] = core.useControlled({
-      controlled: useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDateProp) ? selectedDateProp.startDate : selectedDateProp,
-      default: useSelection.isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate) ? defaultSelectedDate.startDate : defaultSelectedDate,
-      name: "StartDate",
-      state: "startDate"
-    });
-    const [endDate, setEndDate] = core.useControlled({
-      controlled: useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDateProp) ? selectedDateProp.endDate : selectedDateProp,
-      default: useSelection.isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate) ? defaultSelectedDate.endDate : void 0,
-      name: "EndDate",
-      state: "endDate"
-    });
-    const [startVisibleMonth, setStartVisibleMonth] = React.useState(startDate != null ? startDate : date.today(date.getLocalTimeZone()));
-    const [endVisibleMonth, setEndVisibleMonth] = React.useState(
-      (_a = endDate != null ? endDate : startDate == null ? void 0 : startDate.add({ months: 1 })) != null ? _a : date.today(date.getLocalTimeZone()).add({ months: 1 })
-    );
-    const onOpenChange = (newState) => {
-      var _a2;
-      setOpen(newState);
-      (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
-      onOpenChangeProp == null ? void 0 : onOpenChangeProp(newState);
-    };
-    const { x, y, strategy, elements, floating, reference, context } = core.useFloatingUI({
-      open,
-      onOpenChange,
-      placement: "bottom-start",
-      middleware: [react.flip({ fallbackStrategy: "initialPlacement" })]
-    });
-    const { getReferenceProps, getFloatingProps } = react.useInteractions([
-      react.useDismiss(context)
-    ]);
-    const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = core.useFormFieldProps();
-    const isReadOnly = readOnlyProp || formFieldReadOnly;
-    const getPanelPosition = () => {
-      var _a2, _b;
-      return {
-        top: y != null ? y : 0,
-        left: x != null ? x : 0,
-        position: strategy,
-        width: (_a2 = elements.floating) == null ? void 0 : _a2.offsetWidth,
-        height: (_b = elements.floating) == null ? void 0 : _b.offsetHeight
-      };
-    };
-    const panelRef = React.useRef(null);
-    const startInputRef = React.useRef(null);
-    const endInputRef = React.useRef(null);
-    const inputRef = core.useForkRef(ref, reference);
-    const floatingRef = core.useForkRef(panelRef, floating);
-    const handleSelect = (event, selectedDate) => {
-      var _a2;
-      if (selectionVariant === "default" && startDate) {
-        (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
-      }
-      onSelectionChange == null ? void 0 : onSelectionChange(event, selectedDate);
+const DatePicker = React.forwardRef(function DatePicker2({
+  selectionVariant = "default",
+  disabled = false,
+  placeholder = "dd mmm yyyy",
+  selectedDate: selectedDateProp,
+  defaultSelectedDate,
+  dateFormatter,
+  CalendarProps: CalendarProps2,
+  className,
+  open: openProp,
+  defaultOpen,
+  onOpenChange: onOpenChangeProp,
+  helperText,
+  readOnly: readOnlyProp,
+  validationStatus,
+  onSelectionChange,
+  onChange,
+  visibleMonths = 2,
+  ...rest
+}, ref) {
+  var _a, _b, _c;
+  const [open, setOpen] = core.useControlled({
+    controlled: openProp,
+    default: Boolean(defaultOpen),
+    name: "openPanel",
+    state: "openPanel"
+  });
+  const [selectedDate, setSelectedDate] = core.useControlled({
+    controlled: selectedDateProp,
+    default: defaultSelectedDate,
+    name: "Calendar",
+    state: "selectedDate"
+  });
+  const [startVisibleMonth, setStartVisibleMonth] = React.useState(
+    (_a = useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate == null ? void 0 : selectedDate.startDate : selectedDate) != null ? _a : date.today(date.getLocalTimeZone())
+  );
+  const [endVisibleMonth, setEndVisibleMonth] = React.useState(
+    (_c = useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) ? (_b = selectedDate.startDate) == null ? void 0 : _b.add({ months: 1 }) : selectedDate) != null ? _c : date.today(date.getLocalTimeZone()).add({ months: 1 })
+  );
+  const onOpenChange = (newState) => {
+    var _a2;
+    setOpen(newState);
+    (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
+    onOpenChangeProp == null ? void 0 : onOpenChangeProp(newState);
+  };
+  const { x, y, strategy, elements, floating, reference, context } = core.useFloatingUI({
+    open,
+    onOpenChange,
+    placement: "bottom-start",
+    middleware: [react.flip({ fallbackStrategy: "initialPlacement" })]
+  });
+  const { getReferenceProps, getFloatingProps } = react.useInteractions([
+    react.useDismiss(context)
+  ]);
+  const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } = core.useFormFieldProps();
+  const isReadOnly = readOnlyProp || formFieldReadOnly;
+  const getPanelPosition = () => {
+    var _a2, _b2;
+    return {
+      top: y != null ? y : 0,
+      left: x != null ? x : 0,
+      position: strategy,
+      width: (_a2 = elements.floating) == null ? void 0 : _a2.offsetWidth,
+      height: (_b2 = elements.floating) == null ? void 0 : _b2.offsetHeight
     };
-    const handleCalendarButton = () => {
-      var _a2;
+  };
+  const panelRef = React.useRef(null);
+  const startInputRef = React.useRef(null);
+  const endInputRef = React.useRef(null);
+  const inputRef = core.useForkRef(ref, reference);
+  const floatingRef = core.useForkRef(panelRef, floating);
+  const handleSelect = (event, selectedDate2) => {
+    var _a2, _b2;
+    if (selectionVariant === "default" && selectedDate2) {
       (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
-      setOpen(!open);
-    };
-    const datePickerContextValue = {
-      openState: open,
-      setOpen,
-      disabled,
-      endDate,
-      setEndDate,
-      defaultEndDate: useSelection.isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate) ? defaultSelectedDate.endDate : defaultSelectedDate,
-      startDate,
-      setStartDate,
-      startVisibleMonth,
-      setStartVisibleMonth,
-      endVisibleMonth,
-      setEndVisibleMonth,
-      defaultStartDate: useSelection.isRangeOrOffsetSelectionWithStartDate(
-        defaultSelectedDate
-      ) ? defaultSelectedDate.startDate : defaultSelectedDate,
-      selectionVariant,
-      context,
-      getPanelPosition
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(DatePickerContext.DatePickerContext.Provider, {
-      value: datePickerContextValue,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DateInput.DateInput, {
-          validationStatus,
-          className: clsx.clsx(withBaseName(), className),
-          ref: inputRef,
-          ...getReferenceProps(),
-          startInputRef,
-          endInputRef,
-          placeholder,
-          dateFormatter,
-          readOnly: isReadOnly,
-          ariaLabel: inputAriaLabel,
-          onSelectionChange,
-          onChange,
-          endAdornment: /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-            variant: "secondary",
-            onClick: handleCalendarButton,
-            disabled: disabled || isReadOnly || formFieldDisabled,
-            "aria-label": "Open Calendar",
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarIcon, {
-              "aria-hidden": true
-            })
-          }),
-          ...rest
+    }
+    if (useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate2) && selectedDate2.endDate) {
+      (_b2 = endInputRef == null ? void 0 : endInputRef.current) == null ? void 0 : _b2.focus();
+    }
+    onSelectionChange == null ? void 0 : onSelectionChange(event, selectedDate2);
+  };
+  const handleCalendarButton = () => {
+    var _a2;
+    (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
+    setOpen(!open);
+  };
+  const datePickerContextValue = {
+    openState: open,
+    setOpen,
+    disabled,
+    selectedDate,
+    setSelectedDate,
+    defaultSelectedDate,
+    startVisibleMonth,
+    setStartVisibleMonth,
+    endVisibleMonth,
+    setEndVisibleMonth,
+    selectionVariant,
+    context,
+    getPanelPosition
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(DatePickerContext.DatePickerContext.Provider, {
+    value: datePickerContextValue,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DateInput.DateInput, {
+        validationStatus,
+        className: clsx.clsx(withBaseName(), className),
+        ref: inputRef,
+        ...getReferenceProps(),
+        startInputRef,
+        endInputRef,
+        placeholder,
+        dateFormatter,
+        readOnly: isReadOnly,
+        onSelectionChange,
+        onChange,
+        endAdornment: /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
+          variant: "secondary",
+          onClick: handleCalendarButton,
+          disabled: disabled || isReadOnly || formFieldDisabled,
+          "aria-label": "Open Calendar",
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.CalendarIcon, {
+            "aria-hidden": true
+          })
         }),
-        /* @__PURE__ */ jsxRuntime.jsx(DatePickerPanel.DatePickerPanel, {
-          ref: floatingRef,
-          ...getFloatingProps(),
-          onSelect: handleSelect,
-          CalendarProps: CalendarProps2,
-          helperText
-        })
-      ]
-    });
-  }
-);
+        ...rest
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(DatePickerPanel.DatePickerPanel, {
+        ref: floatingRef,
+        ...getFloatingProps(),
+        onSelect: handleSelect,
+        CalendarProps: CalendarProps2,
+        helperText,
+        visibleMonths
+      })
+    ]
+  });
+});
 
 exports.DatePicker = DatePicker;
 //# sourceMappingURL=DatePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  forwardRef,\n  SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\nimport { flip, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { DateInput } from \"../date-input\";\nimport { DateValue, getLocalTimeZone, today } from \"@internationalized/date\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  CalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  inputAriaLabel?: string;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue };\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?:\n    | DateValue\n    | { startDate: DateValue; endDate: DateValue };\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  function DatePicker(\n    {\n      selectionVariant = \"default\",\n      disabled = false,\n      placeholder = \"dd mmm yyyy\",\n      selectedDate: selectedDateProp,\n      defaultSelectedDate,\n      dateFormatter,\n      CalendarProps,\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      helperText,\n      readOnly: readOnlyProp,\n      inputAriaLabel,\n      validationStatus,\n      onSelectionChange,\n      onChange,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useControlled({\n      controlled: openProp,\n      default: false,\n      name: \"openPanel\",\n      state: \"openPanel\",\n    });\n\n    const [startDate, setStartDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.startDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      name: \"StartDate\",\n      state: \"startDate\",\n    });\n    const [endDate, setEndDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.endDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : undefined,\n      name: \"EndDate\",\n      state: \"endDate\",\n    });\n\n    const [startVisibleMonth, setStartVisibleMonth] = useState<\n      DateValue | undefined\n    >(startDate ?? today(getLocalTimeZone()));\n    const [endVisibleMonth, setEndVisibleMonth] = useState<\n      DateValue | undefined\n    >(\n      endDate ??\n        startDate?.add({ months: 1 }) ??\n        today(getLocalTimeZone()).add({ months: 1 })\n    );\n\n    const onOpenChange = (newState: boolean) => {\n      setOpen(newState);\n      startInputRef?.current?.focus();\n      onOpenChangeProp?.(newState);\n    };\n\n    const { x, y, strategy, elements, floating, reference, context } =\n      useFloatingUI({\n        open: open,\n        onOpenChange: onOpenChange,\n        placement: \"bottom-start\",\n        middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n    ]);\n    const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n      useFormFieldProps();\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n    const getPanelPosition = () => ({\n      top: y ?? 0,\n      left: x ?? 0,\n      position: strategy,\n      width: elements.floating?.offsetWidth,\n      height: elements.floating?.offsetHeight,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n    const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n    // Handlers\n    const handleSelect = (\n      event: SyntheticEvent,\n      selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n    ) => {\n      if (selectionVariant === \"default\" && startDate) {\n        startInputRef?.current?.focus();\n      }\n      onSelectionChange?.(event, selectedDate);\n    };\n    const handleCalendarButton = () => {\n      startInputRef?.current?.focus();\n      setOpen(!open);\n    };\n\n    // Context\n    const datePickerContextValue = {\n      openState: open,\n      setOpen,\n      disabled,\n      endDate,\n      setEndDate,\n      defaultEndDate: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : defaultSelectedDate,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      defaultStartDate: isRangeOrOffsetSelectionWithStartDate(\n        defaultSelectedDate\n      )\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      selectionVariant,\n      context,\n      getPanelPosition,\n    };\n\n    return (\n      <DatePickerContext.Provider value={datePickerContextValue}>\n        <DateInput\n          validationStatus={validationStatus}\n          className={clsx(withBaseName(), className)}\n          ref={inputRef}\n          {...getReferenceProps()}\n          startInputRef={startInputRef}\n          endInputRef={endInputRef}\n          placeholder={placeholder}\n          dateFormatter={dateFormatter}\n          readOnly={isReadOnly}\n          ariaLabel={inputAriaLabel}\n          onSelectionChange={onSelectionChange}\n          onChange={onChange}\n          endAdornment={\n            <Button\n              variant=\"secondary\"\n              onClick={handleCalendarButton}\n              disabled={disabled || isReadOnly || formFieldDisabled}\n              aria-label=\"Open Calendar\"\n            >\n              <CalendarIcon aria-hidden />\n            </Button>\n          }\n          {...rest}\n        />\n        <DatePickerPanel\n          ref={floatingRef}\n          {...getFloatingProps()}\n          onSelect={handleSelect}\n          CalendarProps={CalendarProps}\n          helperText={helperText}\n        />\n      </DatePickerContext.Provider>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DatePicker","CalendarProps","useControlled","isRangeOrOffsetSelectionWithStartDate","useState","today","getLocalTimeZone","_a","useFloatingUI","flip","useInteractions","useDismiss","useFormFieldProps","useRef","useForkRef","jsxs","DatePickerContext","jsx","DateInput","clsx","Button","CalendarIcon","DatePickerPanel"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  forwardRef,\n  SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\nimport { flip, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { DateInput, DateInputProps } from \"../date-input\";\nimport { DateValue, getLocalTimeZone, today } from \"@internationalized/date\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  CalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n  RangeSelectionValueType,\n  SingleSelectionValueType,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps<SelectionVariantType>\n  extends DateInputProps<SelectionVariantType> {\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: SelectionVariantType;\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?: SelectionVariantType;\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * The default open value. Use when the component is not controlled.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: SelectionVariantType\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: SelectionVariantType extends SingleSelectionValueType\n    ? (\n        event: ChangeEvent<HTMLInputElement>,\n        selectedDateInputValue?: string\n      ) => void\n    : (\n        event: ChangeEvent<HTMLInputElement>,\n        startDateInputValue?: string,\n        endDateInputValue?: string\n      ) => void;\n  /**\n   * Number of Calendars to be shown if selectionVariant is range.\n   * 2 is the default value.\n   */\n  visibleMonths?: 1 | 2;\n}\n\nexport const DatePicker = forwardRef<\n  HTMLDivElement,\n  DatePickerProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DatePicker(\n  {\n    selectionVariant = \"default\",\n    disabled = false,\n    placeholder = \"dd mmm yyyy\",\n    selectedDate: selectedDateProp,\n    defaultSelectedDate,\n    dateFormatter,\n    CalendarProps,\n    className,\n    open: openProp,\n    defaultOpen,\n    onOpenChange: onOpenChangeProp,\n    helperText,\n    readOnly: readOnlyProp,\n    validationStatus,\n    onSelectionChange,\n    onChange,\n    visibleMonths = 2,\n    ...rest\n  },\n  ref\n) {\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: Boolean(defaultOpen),\n    name: \"openPanel\",\n    state: \"openPanel\",\n  });\n\n  const [selectedDate, setSelectedDate] = useControlled({\n    controlled: selectedDateProp,\n    default: defaultSelectedDate,\n    name: \"Calendar\",\n    state: \"selectedDate\",\n  });\n\n  const [startVisibleMonth, setStartVisibleMonth] = useState<\n    DateValue | undefined\n  >(\n    (isRangeOrOffsetSelectionWithStartDate(selectedDate)\n      ? selectedDate?.startDate\n      : selectedDate) ?? today(getLocalTimeZone())\n  );\n\n  const [endVisibleMonth, setEndVisibleMonth] = useState<DateValue | undefined>(\n    (isRangeOrOffsetSelectionWithStartDate(selectedDate)\n      ? selectedDate.startDate?.add({ months: 1 })\n      : selectedDate) ?? today(getLocalTimeZone()).add({ months: 1 })\n  );\n\n  const onOpenChange = (newState: boolean) => {\n    setOpen(newState);\n    startInputRef?.current?.focus();\n    onOpenChangeProp?.(newState);\n  };\n\n  const { x, y, strategy, elements, floating, reference, context } =\n    useFloatingUI({\n      open: open,\n      onOpenChange: onOpenChange,\n      placement: \"bottom-start\",\n      middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n    });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useDismiss(context),\n  ]);\n  const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n    useFormFieldProps();\n  const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n  const getPanelPosition = () => ({\n    top: y ?? 0,\n    left: x ?? 0,\n    position: strategy,\n    width: elements.floating?.offsetWidth,\n    height: elements.floating?.offsetHeight,\n  });\n\n  const panelRef = useRef<HTMLDivElement>(null);\n  const startInputRef = useRef<HTMLInputElement>(null);\n  const endInputRef = useRef<HTMLInputElement>(null);\n  const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n  const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n  // Handlers\n  const handleSelect = (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => {\n    if (selectionVariant === \"default\" && selectedDate) {\n      startInputRef?.current?.focus();\n    }\n\n    if (\n      isRangeOrOffsetSelectionWithStartDate(selectedDate) &&\n      selectedDate.endDate\n    ) {\n      endInputRef?.current?.focus();\n    }\n    onSelectionChange?.(event, selectedDate);\n  };\n  const handleCalendarButton = () => {\n    startInputRef?.current?.focus();\n    setOpen(!open);\n  };\n\n  // Context\n  const datePickerContextValue = {\n    openState: open,\n    setOpen,\n    disabled,\n    selectedDate,\n    setSelectedDate,\n    defaultSelectedDate,\n    startVisibleMonth,\n    setStartVisibleMonth,\n    endVisibleMonth,\n    setEndVisibleMonth,\n    selectionVariant,\n    context,\n    getPanelPosition,\n  };\n\n  return (\n    <DatePickerContext.Provider value={datePickerContextValue}>\n      <DateInput\n        validationStatus={validationStatus}\n        className={clsx(withBaseName(), className)}\n        ref={inputRef}\n        {...getReferenceProps()}\n        startInputRef={startInputRef}\n        endInputRef={endInputRef}\n        placeholder={placeholder}\n        dateFormatter={dateFormatter}\n        readOnly={isReadOnly}\n        onSelectionChange={onSelectionChange}\n        onChange={onChange}\n        endAdornment={\n          <Button\n            variant=\"secondary\"\n            onClick={handleCalendarButton}\n            disabled={disabled || isReadOnly || formFieldDisabled}\n            aria-label=\"Open Calendar\"\n          >\n            <CalendarIcon aria-hidden />\n          </Button>\n        }\n        {...rest}\n      />\n      <DatePickerPanel\n        ref={floatingRef}\n        {...getFloatingProps()}\n        onSelect={handleSelect}\n        CalendarProps={CalendarProps}\n        helperText={helperText}\n        visibleMonths={visibleMonths}\n      />\n    </DatePickerContext.Provider>\n  );\n});\n"],"names":["makePrefixer","forwardRef","DatePicker","CalendarProps","useControlled","useState","isRangeOrOffsetSelectionWithStartDate","today","getLocalTimeZone","_a","useFloatingUI","flip","useInteractions","useDismiss","useFormFieldProps","_b","useRef","useForkRef","selectedDate","jsxs","DatePickerContext","jsx","DateInput","clsx","Button","CalendarIcon","DatePickerPanel"],"mappings":"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"}

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

@@ -5,26 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@salt-ds/core');
 var React = require('react');
 
-const DatePickerContext = core.createContext(
-  "DatePickerContext",
-  {
-    openState: false,
-    setOpen: () => void 0,
-    disabled: false,
-    startDate: void 0,
-    defaultStartDate: void 0,
-    setStartDate: () => void 0,
-    startVisibleMonth: void 0,
-    setStartVisibleMonth: () => void 0,
-    endDate: void 0,
-    defaultEndDate: void 0,
-    setEndDate: () => void 0,
-    endVisibleMonth: void 0,
-    setEndVisibleMonth: () => void 0,
-    selectionVariant: "default",
-    getPanelPosition: () => ({})
-  }
-);
+const DatePickerContext = core.createContext("DatePickerContext", {
+  openState: false,
+  setOpen: () => void 0,
+  disabled: false,
+  selectedDate: void 0,
+  defaultSelectedDate: void 0,
+  setSelectedDate: () => void 0,
+  startVisibleMonth: void 0,
+  setStartVisibleMonth: () => void 0,
+  endVisibleMonth: void 0,
+  setEndVisibleMonth: () => void 0,
+  selectionVariant: "default",
+  getPanelPosition: () => ({})
+});
 function useDatePickerContext() {
   return React.useContext(DatePickerContext);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\n\nexport interface DatePickerContextValue\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //start date values\n  startDate: DateValue | undefined;\n  defaultStartDate: DateValue | undefined;\n  setStartDate: (newStartDate: DateValue | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  // end date values for range picker\n  endDate: DateValue | undefined;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  defaultEndDate: DateValue | undefined;\n  setEndDate: (newEndDate: DateValue | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<DatePickerContextValue>(\n  \"DatePickerContext\",\n  {\n    openState: false,\n    setOpen: () => undefined,\n    disabled: false,\n    startDate: undefined,\n    defaultStartDate: undefined,\n    setStartDate: () => undefined,\n    startVisibleMonth: undefined,\n    setStartVisibleMonth: () => undefined,\n    endDate: undefined,\n    defaultEndDate: undefined,\n    setEndDate: () => undefined,\n    endVisibleMonth: undefined,\n    setEndVisibleMonth: () => undefined,\n    selectionVariant: \"default\",\n    getPanelPosition: () => ({}),\n  }\n);\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAyBO,MAAM,iBAAoB,GAAAA,kBAAA;AAAA,EAC/B,mBAAA;AAAA,EACA;AAAA,IACE,SAAW,EAAA,KAAA;AAAA,IACX,SAAS,MAAM,KAAA,CAAA;AAAA,IACf,QAAU,EAAA,KAAA;AAAA,IACV,SAAW,EAAA,KAAA,CAAA;AAAA,IACX,gBAAkB,EAAA,KAAA,CAAA;AAAA,IAClB,cAAc,MAAM,KAAA,CAAA;AAAA,IACpB,iBAAmB,EAAA,KAAA,CAAA;AAAA,IACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,IAC5B,OAAS,EAAA,KAAA,CAAA;AAAA,IACT,cAAgB,EAAA,KAAA,CAAA;AAAA,IAChB,YAAY,MAAM,KAAA,CAAA;AAAA,IAClB,eAAiB,EAAA,KAAA,CAAA;AAAA,IACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,IAC1B,gBAAkB,EAAA,SAAA;AAAA,IAClB,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,GAC5B;AACF,EAAA;AAEO,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA,CAAA;AACrC;;;;;"}
+{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\nimport { RangeSelectionValueType, SingleSelectionValueType } from \"../calendar\";\n\nexport interface DatePickerContextValue<SelectionVariantType>\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //\n  selectedDate: SelectionVariantType | undefined;\n  defaultSelectedDate: SelectionVariantType | undefined;\n  setSelectedDate: (newStartDate: SelectionVariantType | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<\n  DatePickerContextValue<SingleSelectionValueType | RangeSelectionValueType>\n>(\"DatePickerContext\", {\n  openState: false,\n  setOpen: () => undefined,\n  disabled: false,\n  selectedDate: undefined,\n  defaultSelectedDate: undefined,\n  setSelectedDate: () => undefined,\n  startVisibleMonth: undefined,\n  setStartVisibleMonth: () => undefined,\n  endVisibleMonth: undefined,\n  setEndVisibleMonth: () => undefined,\n  selectionVariant: \"default\",\n  getPanelPosition: () => ({}),\n});\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAsBa,MAAA,iBAAA,GAAoBA,mBAE/B,mBAAqB,EAAA;AAAA,EACrB,SAAW,EAAA,KAAA;AAAA,EACX,SAAS,MAAM,KAAA,CAAA;AAAA,EACf,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA,CAAA;AAAA,EACd,mBAAqB,EAAA,KAAA,CAAA;AAAA,EACrB,iBAAiB,MAAM,KAAA,CAAA;AAAA,EACvB,iBAAmB,EAAA,KAAA,CAAA;AAAA,EACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,EAC5B,eAAiB,EAAA,KAAA,CAAA;AAAA,EACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,EAC1B,gBAAkB,EAAA,SAAA;AAAA,EAClB,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAC5B,CAAC,EAAA;AAEM,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA,CAAA;AACrC;;;;;"}

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

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