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

package/dist-es/date-input/DateInput.js

@@ -7,6 +7,10 @@ import css_248z from './DateInput.css.js';
 import { makePrefixer, useForkRef, useId, useFormFieldProps, StatusAdornment } from '@salt-ds/core';
 import { DateFormatter, getLocalTimeZone, CalendarDate, parseAbsoluteToLocal } from '@internationalized/date';
 import { useDatePickerContext } from '../date-picker/DatePickerContext.js';
+import '../calendar/Calendar.js';
+import '../calendar/internal/CalendarContext.js';
+import '../calendar/internal/utils.js';
+import { isRangeOrOffsetSelectionWithStartDate } from '../calendar/useSelection.js';
 
 const withBaseName = makePrefixer("saltDateInput");
 const isInvalidDate = (value) => value && isNaN(new Date(value).getDay());
@@ -37,240 +41,237 @@ const defaultDateFormatter = (date) => {
     year: "numeric"
   }).format(date.toDate(getLocalTimeZone())) : "";
 };
-const DateInput = forwardRef(
-  function DateInput2({
-    className,
-    ariaLabel,
-    disabled,
-    selectionVariant: selectionVariantProp,
-    emptyReadOnlyMarker = "\u2014",
-    inputProps = {},
-    endAdornment,
-    readOnly: readOnlyProp,
-    validationStatus: validationStatusProp,
-    variant = "primary",
-    dateFormatter = defaultDateFormatter,
-    placeholder = "dd mmm yyyy",
-    startInputRef,
-    endInputRef,
-    onSelectionChange,
-    onChange,
-    ...rest
-  }, ref) {
-    const wrapperRef = useRef(null);
-    const inputRef = useForkRef(ref, wrapperRef);
-    const inputStringFormatter = (input) => {
-      const date = getCalendarDate(input);
-      return !input || !date ? input : dateFormatter(date);
-    };
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-dateInput",
-      css: css_248z,
-      window: targetWindow
-    });
-    const {
-      startDate,
-      endDate,
-      setStartDate,
-      setEndDate,
-      selectionVariant: pickerSelectionVariant,
-      openState,
-      setOpen
-    } = useDatePickerContext();
-    const selectionVariant = selectionVariantProp != null ? selectionVariantProp : pickerSelectionVariant;
-    const endDateInputID = useId();
-    const startDateInputID = useId();
-    const [focused, setFocused] = useState(false);
-    const [startDateStringValue, setStartDateStringValue] = useState(
-      dateFormatter(startDate)
-    );
-    const [endDateStringValue, setEndDateStringValue] = useState(
-      dateFormatter(endDate)
-    );
-    const {
-      a11yProps: {
-        "aria-describedby": formFieldDescribedBy,
-        "aria-labelledby": formFieldLabelledBy
-      } = {},
-      disabled: formFieldDisabled,
-      readOnly: formFieldReadOnly,
-      necessity: formFieldRequired,
-      validationStatus: formFieldValidationStatus
-    } = useFormFieldProps();
-    const isReadOnly = readOnlyProp || formFieldReadOnly;
-    const isDisabled = disabled || formFieldDisabled;
-    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
-    const {
-      "aria-describedby": dateInputDescribedBy,
-      "aria-labelledby": dateInputLabelledBy,
-      onBlur,
-      onFocus,
-      required: dateInputPropsRequired,
-      ...restDateInputProps
-    } = inputProps;
-    useEffect(() => {
-      setStartDateStringValue(dateFormatter(startDate));
-    }, [startDate, dateFormatter]);
-    useEffect(() => {
-      setEndDateStringValue(dateFormatter(endDate));
-    }, [endDate, dateFormatter]);
-    const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
-    const updateStartDate = (event, dateString) => {
-      if (!dateString)
-        setStartDate(void 0);
-      const inputDate = inputStringFormatter(dateString);
-      const calendarDate = getCalendarDate(inputDate);
-      if (calendarDate) {
-        setStartDate(calendarDate);
-      }
-      onSelectionChange == null ? void 0 : onSelectionChange(event, calendarDate);
-    };
-    const updateEndDate = (event, dateString) => {
-      if (!dateString)
-        setEndDate(void 0);
-      const inputDate = inputStringFormatter(dateString);
-      const calendarDate = getCalendarDate(inputDate);
-      if (calendarDate) {
-        setEndDate(calendarDate);
-      }
-      onSelectionChange == null ? void 0 : onSelectionChange(event, calendarDate);
-    };
-    const handleFocus = (event) => {
-      onFocus == null ? void 0 : onFocus(event);
-      setFocused(true);
-    };
-    const handleStartDateBlur = (event) => {
-      updateStartDate(event, event.target.value);
-      setFocused(false);
-      onBlur == null ? void 0 : onBlur(event);
-    };
-    const handleStartDateChange = (event) => {
-      setStartDateStringValue(event.target.value);
-      onChange == null ? void 0 : onChange(event);
-    };
-    const handleStartDateKeyDown = (event) => {
-      if (event.key === "Enter") {
-        updateStartDate(event, startDateStringValue);
-        setOpen(false);
-      }
-      if (event.key === "Tab" && event.shiftKey && openState) {
-        setOpen(false);
-      }
-    };
-    const handleEndDateBlur = (event) => {
-      updateEndDate(event, event.target.value);
-      setFocused(false);
-      onBlur == null ? void 0 : onBlur(event);
-    };
-    const handleEndDateChange = (event) => {
-      setEndDateStringValue(event.target.value);
-      onChange == null ? void 0 : onChange(event);
-    };
-    const handleEndDateKeyDown = (event) => {
-      if (event.key === "Enter") {
-        updateEndDate(event, endDateStringValue);
-        setOpen(false);
-      }
-    };
-    const handleInputClick = (event) => {
-      var _a;
-      if (event.target === wrapperRef.current) {
-        (_a = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a.focus();
-      }
-    };
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("focused")]: !isDisabled && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus != null ? validationStatus : "")]: validationStatus
-        },
-        className
-      ),
-      onClick: (event) => handleInputClick(event),
-      ref: inputRef,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("input", {
-          autoComplete: "off",
-          "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
-          "aria-labelledby": clsx(
-            formFieldLabelledBy,
-            dateInputLabelledBy,
-            startDateInputID
-          ),
-          "aria-label": clsx("Start date", ariaLabel),
-          id: startDateInputID,
-          className: withBaseName("input"),
-          disabled: isDisabled,
-          readOnly: isReadOnly,
-          ref: startInputRef,
-          tabIndex: isDisabled ? -1 : 0,
-          onBlur: handleStartDateBlur,
-          onChange: handleStartDateChange,
-          onKeyDown: handleStartDateKeyDown,
-          onFocus: !isDisabled ? handleFocus : void 0,
-          placeholder,
-          size: placeholder.length,
-          value: isReadOnly && !startDateStringValue ? emptyReadOnlyMarker : startDateStringValue,
-          ...restDateInputProps,
-          required: isRequired
-        }),
-        selectionVariant === "range" && /* @__PURE__ */ jsxs(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx("span", {
-              children: "-"
-            }),
-            /* @__PURE__ */ jsx("input", {
-              autoComplete: "off",
-              "aria-describedby": clsx(
-                formFieldDescribedBy,
-                dateInputDescribedBy
-              ),
-              "aria-labelledby": clsx(
-                formFieldLabelledBy,
-                dateInputLabelledBy,
-                endDateInputID
-              ),
-              "aria-label": clsx("End date", ariaLabel),
-              id: endDateInputID,
-              className: withBaseName("input"),
-              disabled: isDisabled,
-              readOnly: isReadOnly,
-              ref: endInputRef,
-              tabIndex: isDisabled ? -1 : 0,
-              onBlur: handleEndDateBlur,
-              onChange: handleEndDateChange,
-              onKeyDown: handleEndDateKeyDown,
-              onFocus: !isDisabled ? handleFocus : void 0,
-              placeholder,
-              size: placeholder.length,
-              value: isReadOnly && !endDateStringValue ? emptyReadOnlyMarker : endDateStringValue,
-              required: isRequired,
-              ...restDateInputProps
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxs("div", {
-          className: withBaseName("endAdornmentContainer"),
-          children: [
-            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, {
-              status: validationStatus
-            }),
-            endAdornment
-          ]
-        }),
-        /* @__PURE__ */ jsx("div", {
-          className: withBaseName("activationIndicator")
-        })
-      ]
-    });
-  }
-);
+const DateInput = forwardRef(function DateInput2({
+  className,
+  disabled,
+  "aria-label": ariaLabel,
+  selectionVariant: selectionVariantProp,
+  emptyReadOnlyMarker = "\u2014",
+  inputProps = {},
+  endAdornment,
+  readOnly: readOnlyProp,
+  validationStatus: validationStatusProp,
+  variant = "primary",
+  dateFormatter = defaultDateFormatter,
+  placeholder = "dd mmm yyyy",
+  startInputRef,
+  endInputRef,
+  onSelectionChange,
+  onChange,
+  ...rest
+}, ref) {
+  const wrapperRef = useRef(null);
+  const inputRef = useForkRef(ref, wrapperRef);
+  const inputStringFormatter = (input) => {
+    const date = getCalendarDate(input);
+    return !input || !date ? input : dateFormatter(date);
+  };
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-dateInput",
+    css: css_248z,
+    window: targetWindow
+  });
+  const {
+    selectedDate,
+    setSelectedDate,
+    selectionVariant: pickerSelectionVariant,
+    openState,
+    setOpen
+  } = useDatePickerContext();
+  const selectionVariant = selectionVariantProp != null ? selectionVariantProp : pickerSelectionVariant;
+  const isRangePicker = isRangeOrOffsetSelectionWithStartDate(selectedDate) || selectionVariant === "range";
+  const endDateInputID = useId();
+  const startDateInputID = useId();
+  const [focused, setFocused] = useState(false);
+  const [startDateStringValue, setStartDateStringValue] = useState(
+    dateFormatter(
+      isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate == null ? void 0 : selectedDate.startDate : selectedDate
+    )
+  );
+  const [endDateStringValue, setEndDateStringValue] = useState(
+    dateFormatter(
+      isRangeOrOffsetSelectionWithStartDate(selectedDate) ? selectedDate == null ? void 0 : selectedDate.endDate : void 0
+    )
+  );
+  const {
+    a11yProps: {
+      "aria-describedby": formFieldDescribedBy,
+      "aria-labelledby": formFieldLabelledBy
+    } = {},
+    disabled: formFieldDisabled,
+    readOnly: formFieldReadOnly,
+    necessity: formFieldRequired,
+    validationStatus: formFieldValidationStatus
+  } = useFormFieldProps();
+  const isReadOnly = readOnlyProp || formFieldReadOnly;
+  const isDisabled = disabled || formFieldDisabled;
+  const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
+  const {
+    "aria-describedby": dateInputDescribedBy,
+    "aria-labelledby": dateInputLabelledBy,
+    onBlur,
+    onKeyDown,
+    onFocus,
+    required: dateInputPropsRequired,
+    ...restDateInputProps
+  } = inputProps;
+  useEffect(() => {
+    if (isRangeOrOffsetSelectionWithStartDate(selectedDate)) {
+      (selectedDate == null ? void 0 : selectedDate.startDate) && setStartDateStringValue(dateFormatter(selectedDate == null ? void 0 : selectedDate.startDate));
+      (selectedDate == null ? void 0 : selectedDate.endDate) && setEndDateStringValue(dateFormatter(selectedDate == null ? void 0 : selectedDate.endDate));
+    } else {
+      setStartDateStringValue(dateFormatter(selectedDate));
+    }
+  }, [selectedDate, dateFormatter, selectionVariant]);
+  const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
+  const updateStartDate = (event, dateString) => {
+    const inputDate = inputStringFormatter(dateString);
+    const calendarDate = getCalendarDate(inputDate);
+    const newSelectedDate = isRangePicker ? { ...selectedDate, startDate: calendarDate } : calendarDate;
+    setSelectedDate(newSelectedDate);
+    onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
+  };
+  const updateEndDate = (event, dateString) => {
+    const inputDate = inputStringFormatter(dateString);
+    const calendarDate = getCalendarDate(inputDate);
+    const newSelectedDate = { ...selectedDate, endDate: calendarDate };
+    setSelectedDate(newSelectedDate);
+    onSelectionChange == null ? void 0 : onSelectionChange(event, newSelectedDate);
+  };
+  const handleFocus = (event) => {
+    onFocus == null ? void 0 : onFocus(event);
+    setFocused(true);
+  };
+  const handleStartDateBlur = (event) => {
+    updateStartDate(event, event.target.value);
+    setFocused(false);
+  };
+  const handleStartDateChange = (event) => {
+    const newStartValue = event.target.value;
+    setStartDateStringValue(newStartValue);
+    onChange == null ? void 0 : onChange(event, newStartValue, endDateStringValue);
+  };
+  const handleStartDateKeyDown = (event) => {
+    if (event.key === "Enter") {
+      updateStartDate(event, startDateStringValue);
+      setOpen(false);
+    }
+    if (event.key === "Tab" && event.shiftKey && openState) {
+      setOpen(false);
+    }
+  };
+  const handleEndDateBlur = (event) => {
+    updateEndDate(event, event.target.value);
+    setFocused(false);
+  };
+  const handleEndDateChange = (event) => {
+    const newEndValue = event.target.value;
+    setEndDateStringValue(newEndValue);
+    onChange == null ? void 0 : onChange(event, startDateStringValue, newEndValue);
+  };
+  const handleEndDateKeyDown = (event) => {
+    if (event.key === "Enter") {
+      updateEndDate(event, endDateStringValue);
+      setOpen(false);
+    }
+  };
+  const handleInputClick = (event) => {
+    var _a;
+    if (event.target === wrapperRef.current) {
+      (_a = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a.focus();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    className: clsx(
+      withBaseName(),
+      withBaseName(variant),
+      {
+        [withBaseName("focused")]: !isDisabled && focused,
+        [withBaseName("disabled")]: isDisabled,
+        [withBaseName("readOnly")]: isReadOnly,
+        [withBaseName(validationStatus != null ? validationStatus : "")]: validationStatus
+      },
+      className
+    ),
+    onClick: (event) => handleInputClick(event),
+    onKeyDown,
+    onBlur,
+    ref: inputRef,
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsx("input", {
+        autoComplete: "off",
+        "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
+        "aria-labelledby": clsx(
+          formFieldLabelledBy,
+          dateInputLabelledBy,
+          startDateInputID
+        ),
+        "aria-label": clsx("Start date", ariaLabel),
+        id: startDateInputID,
+        className: withBaseName("input"),
+        disabled: isDisabled,
+        readOnly: isReadOnly,
+        ref: startInputRef,
+        tabIndex: isDisabled ? -1 : 0,
+        onBlur: handleStartDateBlur,
+        onChange: handleStartDateChange,
+        onKeyDown: handleStartDateKeyDown,
+        onFocus: !isDisabled ? handleFocus : void 0,
+        placeholder,
+        size: placeholder.length,
+        value: isReadOnly && !startDateStringValue ? emptyReadOnlyMarker : startDateStringValue,
+        ...restDateInputProps,
+        required: isRequired
+      }),
+      selectionVariant === "range" && /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            children: "-"
+          }),
+          /* @__PURE__ */ jsx("input", {
+            autoComplete: "off",
+            "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
+            "aria-labelledby": clsx(
+              formFieldLabelledBy,
+              dateInputLabelledBy,
+              endDateInputID
+            ),
+            "aria-label": clsx("End date", ariaLabel),
+            id: endDateInputID,
+            className: withBaseName("input"),
+            disabled: isDisabled,
+            readOnly: isReadOnly,
+            ref: endInputRef,
+            tabIndex: isDisabled ? -1 : 0,
+            onBlur: handleEndDateBlur,
+            onChange: handleEndDateChange,
+            onKeyDown: handleEndDateKeyDown,
+            onFocus: !isDisabled ? handleFocus : void 0,
+            placeholder,
+            size: placeholder.length,
+            value: isReadOnly && !endDateStringValue ? emptyReadOnlyMarker : endDateStringValue,
+            required: isRequired,
+            ...restDateInputProps
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: withBaseName("endAdornmentContainer"),
+        children: [
+          !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, {
+            status: validationStatus
+          }),
+          endAdornment
+        ]
+      }),
+      /* @__PURE__ */ jsx("div", {
+        className: withBaseName("activationIndicator")
+      })
+    ]
+  });
+});
 
 export { DateInput };
 //# sourceMappingURL=DateInput.js.map

package/dist-es/date-input/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport dateInputCss from \"./DateInput.css\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  CalendarDate,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\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   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * Callback fired when the selected daate change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const DateInput = forwardRef<HTMLDivElement, DateInputProps>(\n  function DateInput(\n    {\n      className,\n      ariaLabel,\n      disabled,\n      selectionVariant: selectionVariantProp,\n      emptyReadOnlyMarker = \"—\",\n      inputProps = {},\n      endAdornment,\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      dateFormatter = defaultDateFormatter,\n      placeholder = \"dd mmm yyyy\",\n      startInputRef,\n      endInputRef,\n      onSelectionChange,\n      onChange,\n      ...rest\n    },\n    ref\n  ) {\n    const wrapperRef = useRef(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const inputStringFormatter = (input: string): string => {\n      const date = getCalendarDate(input);\n      return !input || !date ? input : dateFormatter(date);\n    };\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dateInput\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const {\n      startDate,\n      endDate,\n      setStartDate,\n      setEndDate,\n      selectionVariant: pickerSelectionVariant,\n      openState,\n      setOpen,\n    } = useDatePickerContext();\n\n    const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n\n    const endDateInputID = useId();\n    const startDateInputID = useId();\n\n    const [focused, setFocused] = useState(false);\n    const [startDateStringValue, setStartDateStringValue] = useState<string>(\n      dateFormatter(startDate)\n    );\n    const [endDateStringValue, setEndDateStringValue] = useState<string>(\n      dateFormatter(endDate)\n    );\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const isDisabled = disabled || formFieldDisabled;\n\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n    const {\n      \"aria-describedby\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur,\n      onFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    // Effects. Update date strings when dates change\n    useEffect(() => {\n      setStartDateStringValue(dateFormatter(startDate));\n    }, [startDate, dateFormatter]);\n\n    useEffect(() => {\n      setEndDateStringValue(dateFormatter(endDate));\n    }, [endDate, dateFormatter]);\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n    const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n      if (!dateString) setStartDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      if (calendarDate) {\n        setStartDate(calendarDate);\n      }\n      onSelectionChange?.(event, calendarDate);\n    };\n\n    const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n      if (!dateString) setEndDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      if (calendarDate) {\n        setEndDate(calendarDate);\n      }\n      onSelectionChange?.(event, calendarDate);\n    };\n\n    // Handlers\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      setFocused(true);\n    };\n    const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateStartDate(event, event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n\n    const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setStartDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n\n    const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateStartDate(event, startDateStringValue);\n        setOpen(false);\n      }\n      if (event.key === \"Tab\" && event.shiftKey && openState) {\n        setOpen(false);\n      }\n    };\n\n    const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateEndDate(event, event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n    const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setEndDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n    const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateEndDate(event, endDateStringValue);\n        setOpen(false);\n      }\n    };\n\n    const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n      if (event.target === wrapperRef.current) {\n        startInputRef?.current?.focus();\n      }\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"focused\")]: !isDisabled && focused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          },\n          className\n        )}\n        onClick={(event) => handleInputClick(event)}\n        ref={inputRef}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            startDateInputID\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\n          id={startDateInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={startInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          onBlur={handleStartDateBlur}\n          onChange={handleStartDateChange}\n          onKeyDown={handleStartDateKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={\n            isReadOnly && !startDateStringValue\n              ? emptyReadOnlyMarker\n              : startDateStringValue\n          }\n          {...restDateInputProps}\n          required={isRequired}\n        />\n        {selectionVariant === \"range\" && (\n          <>\n            <span>-</span>\n            <input\n              autoComplete=\"off\"\n              aria-describedby={clsx(\n                formFieldDescribedBy,\n                dateInputDescribedBy\n              )}\n              aria-labelledby={clsx(\n                formFieldLabelledBy,\n                dateInputLabelledBy,\n                endDateInputID\n              )}\n              aria-label={clsx(\"End date\", ariaLabel)}\n              id={endDateInputID}\n              className={withBaseName(\"input\")}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              ref={endInputRef}\n              tabIndex={isDisabled ? -1 : 0}\n              onBlur={handleEndDateBlur}\n              onChange={handleEndDateChange}\n              onKeyDown={handleEndDateKeyDown}\n              onFocus={!isDisabled ? handleFocus : undefined}\n              placeholder={placeholder}\n              size={placeholder.length}\n              value={\n                isReadOnly && !endDateStringValue\n                  ? emptyReadOnlyMarker\n                  : endDateStringValue\n              }\n              required={isRequired}\n              {...restDateInputProps}\n            />\n          </>\n        )}\n        {\n          <div className={withBaseName(\"endAdornmentContainer\")}>\n            {!isDisabled && !isReadOnly && validationStatus && (\n              <StatusAdornment status={validationStatus} />\n            )}\n            {endAdornment}\n          </div>\n        }\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  }\n);\n"],"names":["DateInput","dateInputCss"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport dateInputCss from \"./DateInput.css\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  CalendarDate,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\nimport {\n  isRangeOrOffsetSelectionWithStartDate,\n  RangeSelectionValueType,\n  SingleSelectionValueType,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps<SelectionVariantType>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\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   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\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\nexport const DateInput = forwardRef<\n  HTMLDivElement,\n  DateInputProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DateInput(\n  {\n    className,\n    disabled,\n    \"aria-label\": ariaLabel,\n    selectionVariant: selectionVariantProp,\n    emptyReadOnlyMarker = \"—\",\n    inputProps = {},\n    endAdornment,\n    readOnly: readOnlyProp,\n    validationStatus: validationStatusProp,\n    variant = \"primary\",\n    dateFormatter = defaultDateFormatter,\n    placeholder = \"dd mmm yyyy\",\n    startInputRef,\n    endInputRef,\n    onSelectionChange,\n    onChange,\n    ...rest\n  },\n  ref\n) {\n  const wrapperRef = useRef(null);\n  const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n  const inputStringFormatter = (input: string): string => {\n    const date = getCalendarDate(input);\n    return !input || !date ? input : dateFormatter(date);\n  };\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dateInput\",\n    css: dateInputCss,\n    window: targetWindow,\n  });\n\n  const {\n    selectedDate,\n    setSelectedDate,\n    selectionVariant: pickerSelectionVariant,\n    openState,\n    setOpen,\n  } = useDatePickerContext();\n\n  const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n  const isRangePicker =\n    isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n    selectionVariant === \"range\";\n\n  const endDateInputID = useId();\n  const startDateInputID = useId();\n\n  const [focused, setFocused] = useState(false);\n  const [startDateStringValue, setStartDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.startDate\n        : selectedDate\n    )\n  );\n  const [endDateStringValue, setEndDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.endDate\n        : undefined\n    )\n  );\n\n  const {\n    a11yProps: {\n      \"aria-describedby\": formFieldDescribedBy,\n      \"aria-labelledby\": formFieldLabelledBy,\n    } = {},\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    necessity: formFieldRequired,\n    validationStatus: formFieldValidationStatus,\n  } = useFormFieldProps();\n\n  const isReadOnly = readOnlyProp || formFieldReadOnly;\n  const isDisabled = disabled || formFieldDisabled;\n\n  const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n  const {\n    \"aria-describedby\": dateInputDescribedBy,\n    \"aria-labelledby\": dateInputLabelledBy,\n    onBlur,\n    onKeyDown,\n    onFocus,\n    required: dateInputPropsRequired,\n    ...restDateInputProps\n  } = inputProps;\n\n  // Update date strings when dates change\n  useEffect(() => {\n    if (isRangeOrOffsetSelectionWithStartDate(selectedDate)) {\n      selectedDate?.startDate &&\n        setStartDateStringValue(dateFormatter(selectedDate?.startDate));\n      selectedDate?.endDate &&\n        setEndDateStringValue(dateFormatter(selectedDate?.endDate));\n    } else {\n      setStartDateStringValue(dateFormatter(selectedDate));\n    }\n  }, [selectedDate, dateFormatter, selectionVariant]);\n\n  const isRequired = formFieldRequired\n    ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n    : dateInputPropsRequired;\n  const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = isRangePicker\n      ? { ...selectedDate, startDate: calendarDate }\n      : calendarDate;\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = { ...selectedDate, endDate: calendarDate };\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  // Handlers\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setFocused(true);\n  };\n  const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateStartDate(event, event.target.value);\n    setFocused(false);\n  };\n\n  const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newStartValue = event.target.value;\n    setStartDateStringValue(newStartValue);\n    onChange?.(event, newStartValue, endDateStringValue);\n  };\n\n  const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateStartDate(event, startDateStringValue);\n      setOpen(false);\n    }\n    if (event.key === \"Tab\" && event.shiftKey && openState) {\n      setOpen(false);\n    }\n  };\n\n  const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateEndDate(event, event.target.value);\n    setFocused(false);\n  };\n  const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newEndValue = event.target.value;\n    setEndDateStringValue(newEndValue);\n    onChange?.(event, startDateStringValue, newEndValue);\n  };\n  const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateEndDate(event, endDateStringValue);\n      setOpen(false);\n    }\n  };\n\n  const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n    if (event.target === wrapperRef.current) {\n      startInputRef?.current?.focus();\n    }\n  };\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        withBaseName(variant),\n        {\n          [withBaseName(\"focused\")]: !isDisabled && focused,\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"readOnly\")]: isReadOnly,\n          [withBaseName(validationStatus ?? \"\")]: validationStatus,\n        },\n        className\n      )}\n      onClick={(event) => handleInputClick(event)}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      ref={inputRef}\n      {...rest}\n    >\n      <input\n        autoComplete=\"off\"\n        aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n        aria-labelledby={clsx(\n          formFieldLabelledBy,\n          dateInputLabelledBy,\n          startDateInputID\n        )}\n        aria-label={clsx(\"Start date\", ariaLabel)}\n        id={startDateInputID}\n        className={withBaseName(\"input\")}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        ref={startInputRef}\n        tabIndex={isDisabled ? -1 : 0}\n        onBlur={handleStartDateBlur}\n        onChange={handleStartDateChange}\n        onKeyDown={handleStartDateKeyDown}\n        onFocus={!isDisabled ? handleFocus : undefined}\n        placeholder={placeholder}\n        size={placeholder.length}\n        value={\n          isReadOnly && !startDateStringValue\n            ? emptyReadOnlyMarker\n            : startDateStringValue\n        }\n        {...restDateInputProps}\n        required={isRequired}\n      />\n      {selectionVariant === \"range\" && (\n        <>\n          <span>-</span>\n          <input\n            autoComplete=\"off\"\n            aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n            aria-labelledby={clsx(\n              formFieldLabelledBy,\n              dateInputLabelledBy,\n              endDateInputID\n            )}\n            aria-label={clsx(\"End date\", ariaLabel)}\n            id={endDateInputID}\n            className={withBaseName(\"input\")}\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            ref={endInputRef}\n            tabIndex={isDisabled ? -1 : 0}\n            onBlur={handleEndDateBlur}\n            onChange={handleEndDateChange}\n            onKeyDown={handleEndDateKeyDown}\n            onFocus={!isDisabled ? handleFocus : undefined}\n            placeholder={placeholder}\n            size={placeholder.length}\n            value={\n              isReadOnly && !endDateStringValue\n                ? emptyReadOnlyMarker\n                : endDateStringValue\n            }\n            required={isRequired}\n            {...restDateInputProps}\n          />\n        </>\n      )}\n      {\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n      }\n      <div className={withBaseName(\"activationIndicator\")} />\n    </div>\n  );\n});\n"],"names":["DateInput","dateInputCss"],"mappings":"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"}