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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusOut.js","sources":["../src/date-picker/useFocusOut.ts"],"sourcesContent":["import type { ElementProps, FloatingContext } from \"@floating-ui/react\";\nimport { useMemo } from \"react\";\n\nexport interface UseFocusOutProps {\n  /**\n   * Whether the hook is enabled\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nfunction getTabbableElements(parent: Element): HTMLElement[] {\n  const focusableSelectors = [\n    \"button:not([disabled])\",\n    \"input:not([disabled])\",\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ];\n  const tabbableElements = parent.querySelectorAll<HTMLElement>(\n    focusableSelectors.join(\",\"),\n  );\n  return Array.from(tabbableElements).filter(\n    (element) => !element.hasAttribute(\"disabled\") && element.tabIndex >= 0,\n  );\n}\n//\n// This hook is needed to close the overlay, when,\n// 1. the floating element is opened\n// 2. the user re-focuses into the reference element with the mouse\n// 3. the user tabs out of the reference element\n// Without this hook, the floating element can re-receive focus\nexport function useFocusOut(\n  context: FloatingContext,\n  props: UseFocusOutProps,\n): ElementProps {\n  const { onOpenChange } = context;\n  const { enabled = true } = props;\n\n  const reference: ElementProps[\"reference\"] = useMemo(() => {\n    const referenceElement = context.elements.reference as Element | undefined;\n\n    if (!referenceElement) {\n      return {};\n    }\n\n    return {\n      onKeyDown(event: React.KeyboardEvent<Element>) {\n        if (event.key === \"Tab\") {\n          const tabbableElements = getTabbableElements(referenceElement);\n          const tabbedBeforeFirstElement =\n            event.shiftKey && document.activeElement === tabbableElements[0];\n          const tabbedAfterLastElement =\n            document.activeElement ===\n            tabbableElements[tabbableElements.length - 1];\n          if (tabbedBeforeFirstElement || tabbedAfterLastElement) {\n            onOpenChange(false, event.nativeEvent, \"focus-out\");\n          }\n        }\n      },\n    };\n  }, [onOpenChange, context.elements.reference]);\n\n  return useMemo(() => (enabled ? { reference } : {}), [enabled, reference]);\n}\n"],"names":["useMemo"],"mappings":";;;;AAWA,SAAS,oBAAoB,MAAA,EAAgC;AAC3D,EAAA,MAAM,kBAAA,GAAqB;AAAA,IACzB,wBAAA;AAAA,IACA,uBAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,mBAAmB,MAAA,CAAO,gBAAA;AAAA,IAC9B,kBAAA,CAAmB,KAAK,GAAG;AAAA,GAC7B;AACA,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,gBAAgB,CAAA,CAAE,MAAA;AAAA,IAClC,CAAC,YAAY,CAAC,OAAA,CAAQ,aAAa,UAAU,CAAA,IAAK,QAAQ,QAAA,IAAY;AAAA,GACxE;AACF;AAOO,SAAS,WAAA,CACd,SACA,KAAA,EACc;AACd,EAAA,MAAM,EAAE,cAAa,GAAI,OAAA;AACzB,EAAA,MAAM,EAAE,OAAA,GAAU,IAAA,EAAK,GAAI,KAAA;AAE3B,EAAA,MAAM,SAAA,GAAuCA,cAAQ,MAAM;AACzD,IAAA,MAAM,gBAAA,GAAmB,QAAQ,QAAA,CAAS,SAAA;AAE1C,IAAA,IAAI,CAAC,gBAAA,EAAkB;AACrB,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,OAAO;AAAA,MACL,UAAU,KAAA,EAAqC;AAC7C,QAAA,IAAI,KAAA,CAAM,QAAQ,KAAA,EAAO;AACvB,UAAA,MAAM,gBAAA,GAAmB,oBAAoB,gBAAgB,CAAA;AAC7D,UAAA,MAAM,2BACJ,KAAA,CAAM,QAAA,IAAY,QAAA,CAAS,aAAA,KAAkB,iBAAiB,CAAC,CAAA;AACjE,UAAA,MAAM,yBACJ,QAAA,CAAS,aAAA,KACT,gBAAA,CAAiB,gBAAA,CAAiB,SAAS,CAAC,CAAA;AAC9C,UAAA,IAAI,4BAA4B,sBAAA,EAAwB;AACtD,YAAA,YAAA,CAAa,KAAA,EAAO,KAAA,CAAM,WAAA,EAAa,WAAW,CAAA;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,GAAG,CAAC,YAAA,EAAc,OAAA,CAAQ,QAAA,CAAS,SAAS,CAAC,CAAA;AAE7C,EAAA,OAAOA,aAAA,CAAQ,MAAO,OAAA,GAAU,EAAE,SAAA,EAAU,GAAI,EAAC,EAAI,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAC3E;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","sources":["../src/date-picker/useKeyboard.ts"],"sourcesContent":["import type { ElementProps, FloatingContext } from \"@floating-ui/react\";\nimport { type KeyboardEvent, useMemo } from \"react\";\n\nexport interface UseKeyboardProps {\n  /**\n   * Whether the hook is enabled\n   * @default true\n   */\n  enabled?: boolean;\n  /**\n   * Handler for when the arrow key down is pressed\n   * @param event\n   */\n  onArrowDown?: (event: KeyboardEvent) => void;\n}\n\n/**\n * Floating UI Interactions hook, that will open DatePicker on keydown\n * @param context\n * @param props\n */\nexport function useKeyboard(\n  _context: FloatingContext,\n  props: UseKeyboardProps,\n): ElementProps {\n  const { enabled = true, onArrowDown } = props;\n  const reference = useMemo(\n    () => ({\n      onKeyDown(event: KeyboardEvent) {\n        if (event.key === \"ArrowDown\") {\n          event.preventDefault();\n          onArrowDown?.(event);\n        }\n      },\n    }),\n    [onArrowDown],\n  );\n\n  return useMemo(() => (enabled ? { reference } : {}), [enabled, reference]);\n}\n"],"names":["useMemo"],"mappings":";;;;AAqBO,SAAS,WAAA,CACd,UACA,KAAA,EACc;AACd,EAAA,MAAM,EAAE,OAAA,GAAU,IAAA,EAAM,WAAA,EAAY,GAAI,KAAA;AACxC,EAAA,MAAM,SAAA,GAAYA,aAAA;AAAA,IAChB,OAAO;AAAA,MACL,UAAU,KAAA,EAAsB;AAC9B,QAAA,IAAI,KAAA,CAAM,QAAQ,WAAA,EAAa;AAC7B,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,KAAA,CAAA;AAAA,QAChB;AAAA,MACF;AAAA,KACF,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,OAAOA,aAAA,CAAQ,MAAO,OAAA,GAAU,EAAE,SAAA,EAAU,GAAI,EAAC,EAAI,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAC3E;;;;"}

package/dist-cjs/index.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var Calendar = require('./calendar/Calendar.js');
+var CalendarGrid = require('./calendar/CalendarGrid.js');
+var CalendarNavigation = require('./calendar/CalendarNavigation.js');
+var CalendarWeekHeader = require('./calendar/CalendarWeekHeader.js');
+var useCalendar = require('./calendar/useCalendar.js');
+var useCalendarDay = require('./calendar/useCalendarDay.js');
+var useCalendarSelection = require('./calendar/useCalendarSelection.js');
+var useDateSelectionAnnouncer = require('./calendar/useDateSelectionAnnouncer.js');
+var DateInputRange = require('./date-input/DateInputRange.js');
+var DateInputSingle = require('./date-input/DateInputSingle.js');
+var DatePicker = require('./date-picker/DatePicker.js');
+var DatePickerActions = require('./date-picker/DatePickerActions.js');
+var DatePickerContext = require('./date-picker/DatePickerContext.js');
+var DatePickerHelperText = require('./date-picker/DatePickerHelperText.js');
+var DatePickerOverlay = require('./date-picker/DatePickerOverlay.js');
+var DatePickerOverlayProvider = require('./date-picker/DatePickerOverlayProvider.js');
+var DatePickerRangeGridPanel = require('./date-picker/DatePickerRangeGridPanel.js');
+var DatePickerRangeInput = require('./date-picker/DatePickerRangeInput.js');
+var DatePickerRangePanel = require('./date-picker/DatePickerRangePanel.js');
+var DatePickerSingleGridPanel = require('./date-picker/DatePickerSingleGridPanel.js');
+var DatePickerSingleInput = require('./date-picker/DatePickerSingleInput.js');
+var DatePickerSinglePanel = require('./date-picker/DatePickerSinglePanel.js');
+var DatePickerTrigger = require('./date-picker/DatePickerTrigger.js');
+var LocalizationProvider = require('./localization-provider/LocalizationProvider.js');
+
+
+
+exports.Calendar = Calendar.Calendar;
+exports.CalendarGrid = CalendarGrid.CalendarGrid;
+exports.CalendarNavigation = CalendarNavigation.CalendarNavigation;
+exports.CalendarWeekHeader = CalendarWeekHeader.CalendarWeekHeader;
+exports.useCalendar = useCalendar.useCalendar;
+exports.useCalendarDay = useCalendarDay.useCalendarDay;
+exports.isDateRangeSelection = useCalendarSelection.isDateRangeSelection;
+exports.useCalendarSelection = useCalendarSelection.useCalendarSelection;
+exports.useCalendarSelectionDay = useCalendarSelection.useCalendarSelectionDay;
+exports.useDateSelectionAnnouncer = useDateSelectionAnnouncer.useDateSelectionAnnouncer;
+exports.DateInputRange = DateInputRange.DateInputRange;
+exports.DateParserField = DateInputRange.DateParserField;
+exports.DateInputSingle = DateInputSingle.DateInputSingle;
+exports.DatePicker = DatePicker.DatePicker;
+exports.DatePickerMain = DatePicker.DatePickerMain;
+exports.DatePickerActions = DatePickerActions.DatePickerActions;
+exports.DateRangeSelectionContext = DatePickerContext.DateRangeSelectionContext;
+exports.SingleDateSelectionContext = DatePickerContext.SingleDateSelectionContext;
+exports.useDatePickerContext = DatePickerContext.useDatePickerContext;
+exports.DatePickerHelperText = DatePickerHelperText.DatePickerHelperText;
+exports.DatePickerOverlay = DatePickerOverlay.DatePickerOverlay;
+exports.DatePickerOverlayProvider = DatePickerOverlayProvider.DatePickerOverlayProvider;
+exports.useDatePickerOverlay = DatePickerOverlayProvider.useDatePickerOverlay;
+exports.DatePickerRangeGridPanel = DatePickerRangeGridPanel.DatePickerRangeGridPanel;
+exports.DatePickerRangeInput = DatePickerRangeInput.DatePickerRangeInput;
+exports.defaultRangeValidator = DatePickerRangeInput.defaultRangeValidator;
+exports.DatePickerRangePanel = DatePickerRangePanel.DatePickerRangePanel;
+exports.DatePickerSingleGridPanel = DatePickerSingleGridPanel.DatePickerSingleGridPanel;
+exports.DatePickerSingleInput = DatePickerSingleInput.DatePickerSingleInput;
+exports.DatePickerSinglePanel = DatePickerSinglePanel.DatePickerSinglePanel;
+exports.DatePickerTrigger = DatePickerTrigger.DatePickerTrigger;
+exports.LocalizationProvider = LocalizationProvider.LocalizationProvider;
+exports.LocalizationProviderContext = LocalizationProvider.LocalizationProviderContext;
+exports.useLocalization = LocalizationProvider.useLocalization;
+//# sourceMappingURL=index.js.map

package/dist-cjs/index.js.map

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

package/dist-cjs/localization-provider/LocalizationProvider.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const MIN_DATE = "1900-01-01T00:00:00.000";
+const MAX_DATE = "2099-12-31T00:00:00.000";
+const LocalizationProviderContext = (
+  // biome-ignore lint/suspicious/noExplicitAny: date frameworl
+  react.createContext(null)
+);
+if (process.env.NODE_ENV !== "production") {
+  LocalizationProviderContext.displayName = "LocalizationProviderContext";
+}
+const LocalizationProvider = function LocalizationProvider2(props) {
+  const { children, DateAdapter, instance, locale, minDate, maxDate } = props;
+  const dateAdapter = react.useMemo(() => {
+    return new DateAdapter({
+      locale,
+      instance
+    });
+  }, [DateAdapter, instance, locale]);
+  const defaultDates = react.useMemo(
+    () => ({
+      minDate: minDate || dateAdapter.date(MIN_DATE),
+      maxDate: maxDate || dateAdapter.date(MAX_DATE)
+    }),
+    [dateAdapter, minDate, maxDate]
+  );
+  const contextValue = react.useMemo(() => {
+    return {
+      dateAdapter,
+      defaultDates
+    };
+  }, [dateAdapter, defaultDates]);
+  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProviderContext.Provider, { value: contextValue, children });
+};
+const useLocalization = () => {
+  const localization = react.useContext(LocalizationProviderContext);
+  if (!localization) {
+    throw new Error(
+      "useLocalization should be called inside LocalizationProviderContext.Provider"
+    );
+  }
+  return localization;
+};
+
+exports.LocalizationProvider = LocalizationProvider;
+exports.LocalizationProviderContext = LocalizationProviderContext;
+exports.useLocalization = useLocalization;
+//# sourceMappingURL=LocalizationProvider.js.map

package/dist-cjs/localization-provider/LocalizationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationProvider.js","sources":["../src/localization-provider/LocalizationProvider.tsx"],"sourcesContent":["import type {\n  DateFrameworkType,\n  SaltDateAdapter,\n} from \"@salt-ds/date-adapters\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nconst MIN_DATE = \"1900-01-01T00:00:00.000\";\nconst MAX_DATE = \"2099-12-31T00:00:00.000\";\n\nexport interface LocalizationProviderValue<\n  TDate extends DateFrameworkType = DateFrameworkType,\n> {\n  defaultDates: {\n    minDate: TDate;\n    maxDate: TDate;\n  };\n  dateAdapter: SaltDateAdapter<TDate>;\n}\n\n/**\n * Props for the LocalizationProvider component.\n *\n * @template TDate - The type of the date object used in the provider.\n * @template TLocale - The type of the locale, defaulting to string.\n */\nexport interface LocalizationProviderProps<\n  TDate extends DateFrameworkType = DateFrameworkType,\n  TLocale = string,\n> {\n  /**\n   * The child components to be rendered within the provider.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * The instance of the date library being used.\n   */\n  // biome-ignore lint/suspicious/noExplicitAny: date framework\n  instance?: any;\n\n  /**\n   * The date adapter class, which provides methods for date manipulation and formatting.\n   * This should be a constructor for a class implementing the SaltDateAdapter interface.\n   */\n  DateAdapter: new (\n    // biome-ignore lint/suspicious/noExplicitAny: date framework\n    ...args: any\n  ) => SaltDateAdapter<TDate, TLocale>;\n\n  /**\n   * The locale to be used for date formatting and manipulation.\n   */\n  locale?: TLocale;\n\n  /**\n   * The minimum date allowed for all date selections.\n   * Defaults to January 1, 1900.\n   */\n  minDate?: TDate;\n\n  /**\n   * The maximum date allowed for all date selections.\n   * Defaults to December 31, 2099.\n   */\n  maxDate?: TDate;\n}\n\nexport type LocalizationProviderContext<\n  TDate extends DateFrameworkType = DateFrameworkType,\n> = {\n  [K in keyof LocalizationProviderValue<TDate>]:\n    | LocalizationProviderValue<TDate>[K]\n    | null;\n};\n\nexport const LocalizationProviderContext =\n  // biome-ignore lint/suspicious/noExplicitAny: date frameworl\n  createContext<LocalizationProviderValue<any> | null>(null);\n\nif (process.env.NODE_ENV !== \"production\") {\n  LocalizationProviderContext.displayName = \"LocalizationProviderContext\";\n}\n\nexport const LocalizationProvider = function LocalizationProvider<\n  TDate extends DateFrameworkType = DateFrameworkType,\n  TLocale = undefined,\n>(props: LocalizationProviderProps<TDate, TLocale>) {\n  const { children, DateAdapter, instance, locale, minDate, maxDate } = props;\n\n  const dateAdapter = useMemo(() => {\n    return new DateAdapter({\n      locale,\n      instance,\n    });\n  }, [DateAdapter, instance, locale]);\n\n  const defaultDates: LocalizationProviderValue<TDate>[\"defaultDates\"] =\n    useMemo(\n      () => ({\n        minDate: minDate || dateAdapter.date(MIN_DATE),\n        maxDate: maxDate || dateAdapter.date(MAX_DATE),\n      }),\n      [dateAdapter, minDate, maxDate],\n    );\n\n  const contextValue: LocalizationProviderValue<TDate> = useMemo(() => {\n    return {\n      dateAdapter,\n      defaultDates,\n    };\n  }, [dateAdapter, defaultDates]);\n\n  return (\n    <LocalizationProviderContext.Provider value={contextValue}>\n      {children}\n    </LocalizationProviderContext.Provider>\n  );\n};\n\n/**\n * Custom hook to access the localization context.\n *\n * This hook provides access to the localization settings and utilities\n * within the `LocalizationProviderContext`. It should be used within a\n * component that is a descendant of `LocalizationProviderContext.Provider`.\n *\n * @template TDate - The type of the date object used in the localization context.\n *\n * @returns The localization provider value, which includes date manipulation and formatting utilities.\n *\n * @throws Will throw an error if the hook is used outside of a `LocalizationProviderContext.Provider`.\n */\nexport const useLocalization = <\n  TDate extends DateFrameworkType = DateFrameworkType,\n>(): LocalizationProviderValue<TDate> => {\n  const localization = useContext(LocalizationProviderContext);\n  if (!localization) {\n    throw new Error(\n      \"useLocalization should be called inside LocalizationProviderContext.Provider\",\n    );\n  }\n  return localization;\n};\n"],"names":["createContext","LocalizationProvider","useMemo","useContext"],"mappings":";;;;;AAMA,MAAM,QAAA,GAAW,yBAAA;AACjB,MAAM,QAAA,GAAW,yBAAA;AAoEV,MAAM,2BAAA;AAAA;AAAA,EAEXA,oBAAqD,IAAI;AAAA;AAE3D,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,EAAA,2BAAA,CAA4B,WAAA,GAAc,6BAAA;AAC5C;AAEO,MAAM,oBAAA,GAAuB,SAASC,qBAAAA,CAG3C,KAAA,EAAkD;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,WAAA,EAAa,UAAU,MAAA,EAAQ,OAAA,EAAS,SAAQ,GAAI,KAAA;AAEtE,EAAA,MAAM,WAAA,GAAcC,cAAQ,MAAM;AAChC,IAAA,OAAO,IAAI,WAAA,CAAY;AAAA,MACrB,MAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,WAAA,EAAa,QAAA,EAAU,MAAM,CAAC,CAAA;AAElC,EAAA,MAAM,YAAA,GACJA,aAAA;AAAA,IACE,OAAO;AAAA,MACL,OAAA,EAAS,OAAA,IAAW,WAAA,CAAY,IAAA,CAAK,QAAQ,CAAA;AAAA,MAC7C,OAAA,EAAS,OAAA,IAAW,WAAA,CAAY,IAAA,CAAK,QAAQ;AAAA,KAC/C,CAAA;AAAA,IACA,CAAC,WAAA,EAAa,OAAA,EAAS,OAAO;AAAA,GAChC;AAEF,EAAA,MAAM,YAAA,GAAiDA,cAAQ,MAAM;AACnE,IAAA,OAAO;AAAA,MACL,WAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,YAAY,CAAC,CAAA;AAE9B,EAAA,sCACG,2BAAA,CAA4B,QAAA,EAA5B,EAAqC,KAAA,EAAO,cAC1C,QAAA,EACH,CAAA;AAEJ;AAeO,MAAM,kBAAkB,MAEU;AACvC,EAAA,MAAM,YAAA,GAAeC,iBAAW,2BAA2B,CAAA;AAC3D,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,YAAA;AACT;;;;;;"}

package/dist-es/calendar/Calendar.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltCalendar {\n  --calendar-gap: var(--salt-spacing-fixed-100);\n  --calendar-day-size: var(--salt-size-base);\n\n  background: var(--salt-container-primary-background);\n  padding: var(--salt-spacing-100);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=Calendar.css.js.map

package/dist-es/calendar/Calendar.css.js.map

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

package/dist-es/calendar/Calendar.js

@@ -0,0 +1,152 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useEffect, useRef } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
+import css_248z from './Calendar.css.js';
+import { CalendarContext } from './internal/CalendarContext.js';
+import { useCalendar } from './useCalendar.js';
+
+const withBaseName = makePrefixer("saltCalendar");
+function isMultiselect(props) {
+  return props.multiselect === true;
+}
+function getStartOrEndDate(dateRange, isMultiselect2) {
+  var _a, _b;
+  if (isMultiselect2) {
+    const rangeArray = dateRange;
+    return ((_a = rangeArray == null ? void 0 : rangeArray[0]) == null ? void 0 : _a.startDate) ?? ((_b = rangeArray == null ? void 0 : rangeArray[0]) == null ? void 0 : _b.endDate);
+  }
+  const range = dateRange;
+  return (range == null ? void 0 : range.startDate) ?? (range == null ? void 0 : range.endDate);
+}
+let warnedOnce = false;
+const Calendar = forwardRef(
+  (props, ref) => {
+    const targetWindow = useWindow();
+    const { dateAdapter } = useLocalization();
+    useComponentCssInjection({
+      testId: "salt-calendar",
+      css: css_248z,
+      window: targetWindow
+    });
+    const {
+      createAnnouncement,
+      children,
+      className,
+      selectedDate,
+      defaultSelectedDate,
+      visibleMonth: visibleMonthProp,
+      defaultVisibleMonth,
+      onFocusedDateChange,
+      onSelectionChange,
+      onVisibleMonthChange,
+      hideOutOfRangeDates,
+      focusedDate,
+      focusedDateRef,
+      isDayUnselectable,
+      isDayHighlighted,
+      minDate,
+      maxDate,
+      multiselect,
+      numberOfVisibleMonths = 1,
+      select,
+      selectionVariant,
+      onHoveredDateChange,
+      hoveredDate,
+      timezone: timezoneProp,
+      ...propsRest
+    } = props;
+    useEffect(() => {
+      if (process.env.NODE_ENV !== "production") {
+        if (!warnedOnce && multiselect && selectionVariant !== "single") {
+          console.warn(
+            `'multiselect' with selection variant '${selectionVariant}' is experimental and not for production use.`
+          );
+          warnedOnce = true;
+        }
+      }
+    }, [multiselect, selectionVariant]);
+    let timezone = "default";
+    if (timezoneProp) {
+      timezone = timezoneProp;
+    } else {
+      let defaultTimezoneDate;
+      if (selectionVariant === "range" || selectionVariant === "offset") {
+        const shouldExtractFromList = isMultiselect(props);
+        defaultTimezoneDate = getStartOrEndDate(selectedDate, shouldExtractFromList) ?? getStartOrEndDate(defaultSelectedDate, shouldExtractFromList);
+      } else if (selectionVariant === "single") {
+        if (isMultiselect(props)) {
+          defaultTimezoneDate = (defaultSelectedDate == null ? void 0 : defaultSelectedDate[0]) ?? void 0;
+        } else {
+          defaultTimezoneDate = selectedDate ?? defaultSelectedDate;
+        }
+      }
+      if (defaultTimezoneDate) {
+        timezone = dateAdapter.getTimezone(defaultTimezoneDate);
+      }
+    }
+    let startDateOffset;
+    let endDateOffset;
+    let rest;
+    if (selectionVariant === "offset") {
+      ({ startDateOffset, endDateOffset, ...rest } = propsRest);
+    } else {
+      rest = propsRest;
+    }
+    const defaultFocusedDateRef = useRef(null);
+    const useCalendarProps = {
+      createAnnouncement,
+      selectedDate,
+      defaultSelectedDate,
+      visibleMonth: visibleMonthProp,
+      defaultVisibleMonth,
+      onSelectionChange,
+      onVisibleMonthChange,
+      focusedDate,
+      focusedDateRef: focusedDateRef !== void 0 ? focusedDateRef : defaultFocusedDateRef,
+      isDayUnselectable,
+      isDayHighlighted,
+      multiselect,
+      minDate,
+      maxDate,
+      numberOfVisibleMonths,
+      select,
+      selectionVariant,
+      onFocusedDateChange,
+      onHoveredDateChange,
+      hideOutOfRangeDates,
+      hoveredDate,
+      startDateOffset,
+      endDateOffset,
+      timezone
+    };
+    const { state, helpers } = useCalendar(useCalendarProps);
+    const calendarLabel = dateAdapter.format(state.visibleMonth, "MMMM YYYY");
+    return /* @__PURE__ */ jsx(
+      CalendarContext.Provider,
+      {
+        value: {
+          state,
+          helpers
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(withBaseName(), className),
+            role: "application",
+            "aria-label": calendarLabel,
+            ref,
+            ...rest,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+
+export { Calendar };
+//# sourceMappingURL=Calendar.js.map