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

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

@@ -0,0 +1,350 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, useId, useControlled, useFormFieldProps, StatusAdornment } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useMemo, useEffect, useState } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
+import css_248z from './DateInput.css.js';
+
+const withBaseName = makePrefixer("saltDateInput");
+var DateParserField = /* @__PURE__ */ ((DateParserField2) => {
+  DateParserField2["START"] = "start";
+  DateParserField2["END"] = "end";
+  return DateParserField2;
+})(DateParserField || {});
+const DateInputRange = forwardRef(
+  (props, ref) => {
+    const { dateAdapter } = useLocalization();
+    const {
+      "aria-label": ariaLabel,
+      bordered = false,
+      className,
+      disabled,
+      date: dateProp,
+      defaultDate,
+      onDateChange,
+      value: valueProp,
+      format = "DD MMM YYYY",
+      defaultValue = {
+        startDate: "",
+        endDate: ""
+      },
+      onChange,
+      onDateValueChange,
+      onMouseDown,
+      emptyReadOnlyMarker = "\u2014",
+      endAdornment,
+      startInputProps = {},
+      endInputProps = {},
+      startInputRef: startInputRefProp,
+      endInputRef: endInputRefProp,
+      parse: parseProp,
+      placeholder = format.toLowerCase(),
+      readOnly: readOnlyProp,
+      validationStatus: validationStatusProp,
+      variant = "primary",
+      timezone = (dateProp == null ? void 0 : dateProp.startDate) || (defaultDate == null ? void 0 : defaultDate.startDate) ? dateAdapter.getTimezone(
+        (dateProp == null ? void 0 : dateProp.startDate) ?? (defaultDate == null ? void 0 : defaultDate.startDate)
+      ) : "default",
+      ...rest
+    } = props;
+    const wrapperRef = useRef(null);
+    const handleWrapperRef = useForkRef(ref, wrapperRef);
+    const startInputRef = useRef(null);
+    const handleStartInputRef = useForkRef(startInputRef, startInputRefProp);
+    const endInputRef = useRef(null);
+    const handleEndInputRef = useForkRef(endInputRef, endInputRefProp);
+    const startInputID = useId(startInputProps.id);
+    const endInputID = useId(endInputProps.id);
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-date-input-range",
+      css: css_248z,
+      window: targetWindow
+    });
+    const parseDateValue = (dateValue2, field) => parseProp ? parseProp(dateValue2 ?? "", field, format) : dateAdapter.parse.bind(dateAdapter)(dateValue2 ?? "", format);
+    const [dateValue, setDateValue] = useControlled({
+      controlled: valueProp,
+      default: defaultValue,
+      name: "DateInputRange",
+      state: "dateValue"
+    });
+    const [date, setDate] = useControlled({
+      controlled: dateProp,
+      // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount
+      default: useMemo(() => {
+        if (defaultDate) {
+          return defaultDate;
+        }
+        if (!defaultValue) {
+          return void 0;
+        }
+        const { date: startDate = void 0 } = parseDateValue(defaultValue == null ? void 0 : defaultValue.startDate, "start" /* START */) ?? {};
+        const { date: endDate = void 0 } = parseDateValue(defaultValue == null ? void 0 : defaultValue.endDate, "end" /* END */) ?? {};
+        return {
+          startDate,
+          endDate
+        };
+      }, []),
+      name: "DateInputRange",
+      state: "date"
+    });
+    const lastAppliedValue = useRef(dateValue);
+    const preservedTime = useRef({ startTime: null, endTime: null });
+    preservedTime.current = {
+      startTime: (date == null ? void 0 : date.startDate) && dateAdapter.isValid(date == null ? void 0 : date.startDate) ? dateAdapter.getTime(date.startDate) : null,
+      endTime: (date == null ? void 0 : date.endDate) && dateAdapter.isValid(date == null ? void 0 : date.endDate) ? dateAdapter.getTime(date.endDate) : null
+    };
+    const setDateValueFromDate = (newDate) => {
+      let newDateValue = { startDate: "", endDate: "" };
+      if (!(newDate == null ? void 0 : newDate.startDate)) {
+        newDateValue = { ...newDateValue, startDate: "" };
+      } else if (!dateAdapter.isValid(newDate == null ? void 0 : newDate.startDate)) {
+        newDateValue = {
+          ...newDateValue,
+          startDate: (dateValue == null ? void 0 : dateValue.startDate) ?? ""
+        };
+      } else if (newDate == null ? void 0 : newDate.startDate) {
+        const formattedStartDateValue = dateAdapter.format(
+          newDate.startDate,
+          format
+        );
+        newDateValue = { ...newDateValue, startDate: formattedStartDateValue };
+      }
+      if (!(newDate == null ? void 0 : newDate.endDate)) {
+        newDateValue = { ...newDateValue, endDate: "" };
+      } else if (!dateAdapter.isValid(newDate == null ? void 0 : newDate.endDate)) {
+        newDateValue = { ...newDateValue, endDate: (dateValue == null ? void 0 : dateValue.endDate) ?? "" };
+      } else if ((newDate == null ? void 0 : newDate.endDate) && dateAdapter.isValid(newDate.endDate)) {
+        const formattedEndDateValue = dateAdapter.format(
+          newDate.endDate,
+          format
+        );
+        newDateValue = { ...newDateValue, endDate: formattedEndDateValue };
+      }
+      if (!(newDateValue == null ? void 0 : newDateValue.startDate) && !!(dateValue == null ? void 0 : dateValue.startDate) || !newDateValue.endDate && !!(dateValue == null ? void 0 : dateValue.endDate) || (newDateValue == null ? void 0 : newDateValue.startDate) !== (dateValue == null ? void 0 : dateValue.startDate) || (newDateValue == null ? void 0 : newDateValue.endDate) !== (dateValue == null ? void 0 : dateValue.endDate)) {
+        onDateValueChange == null ? void 0 : onDateValueChange(null, newDateValue);
+        setDateValue(newDateValue);
+      }
+      return newDateValue;
+    };
+    useEffect(() => {
+      lastAppliedValue.current = setDateValueFromDate(date);
+    }, [date, date == null ? void 0 : date.startDate, date == null ? void 0 : date.endDate, dateAdapter.format, format]);
+    const [focused, setFocused] = useState(false);
+    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 ?? validationStatusProp;
+    const {
+      "aria-describedby": startInputPropsDescribedBy,
+      "aria-labelledby": startInputPropsLabelledBy,
+      onBlur: startInputPropsOnBlur,
+      onChange: startInputPropsOnChange,
+      onKeyDown: startInputPropsOnKeyDown,
+      onFocus: startInputPropsOnFocus,
+      required: startInputPropsRequired,
+      ...restStartInputProps
+    } = startInputProps;
+    const startInputIsRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : startInputPropsRequired;
+    const {
+      "aria-describedby": endInputPropsDescribedBy,
+      "aria-labelledby": endInputPropsLabelledBy,
+      onBlur: endInputPropsOnBlur,
+      onChange: endInputPropsOnChange,
+      onKeyDown: endInputPropsOnKeyDown,
+      onFocus: endInputPropsOnFocus,
+      required: endInputPropsRequired,
+      ...restEndInputProps
+    } = endInputProps;
+    const startAriaLabelledBy = clsx(formFieldLabelledBy, startInputPropsLabelledBy) || void 0;
+    const endAriaLabelledBy = clsx(formFieldLabelledBy, endInputPropsLabelledBy) || void 0;
+    const startAriaDescribedBy = clsx(formFieldDescribedBy, startInputPropsDescribedBy) || void 0;
+    const endAriaDescribedBy = clsx(formFieldDescribedBy, endInputPropsDescribedBy) || void 0;
+    const startAriaLabel = ariaLabel ? `Start date ${ariaLabel}` : "Start date";
+    const endAriaLabel = ariaLabel ? `End date ${ariaLabel}` : "End date";
+    const endInputIsRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : endInputPropsRequired;
+    const apply = (event) => {
+      var _a, _b;
+      const { date: startDate = void 0, ...startDateParseDetails } = parseDateValue(dateValue == null ? void 0 : dateValue.startDate, "start" /* START */) ?? {};
+      const { date: endDate = void 0, ...endDateParseDetails } = parseDateValue(dateValue == null ? void 0 : dateValue.endDate, "end" /* END */) ?? {};
+      const updatedDateRange = {
+        startDate: ((_a = dateValue == null ? void 0 : dateValue.startDate) == null ? void 0 : _a.length) ? startDate : null,
+        endDate: ((_b = dateValue == null ? void 0 : dateValue.endDate) == null ? void 0 : _b.length) ? endDate : null
+      };
+      if (dateAdapter.isValid(startDate)) {
+        updatedDateRange.startDate = dateAdapter.setTimezone(
+          startDate,
+          timezone
+        );
+        if (preservedTime.current.startTime) {
+          updatedDateRange.startDate = dateAdapter.set(
+            updatedDateRange.startDate,
+            preservedTime.current.startTime
+          );
+        }
+      }
+      if (dateAdapter.isValid(endDate)) {
+        updatedDateRange.endDate = dateAdapter.setTimezone(endDate, timezone);
+        if (preservedTime.current.endTime) {
+          updatedDateRange.endDate = dateAdapter.set(
+            updatedDateRange.endDate,
+            preservedTime.current.endTime
+          );
+        }
+      }
+      const updatedDateValue = setDateValueFromDate(updatedDateRange);
+      setDate(updatedDateRange);
+      if (lastAppliedValue.current.startDate !== updatedDateValue.startDate || lastAppliedValue.current.endDate !== updatedDateValue.endDate) {
+        onDateChange == null ? void 0 : onDateChange(event, updatedDateRange, {
+          startDate: startDateParseDetails,
+          endDate: endDateParseDetails
+        });
+        onDateValueChange == null ? void 0 : onDateValueChange(event, updatedDateValue);
+        lastAppliedValue.current = updatedDateValue;
+      }
+    };
+    const handleStartInputChange = (event) => {
+      const newDateValue = { ...dateValue, startDate: event.target.value };
+      setDateValue(newDateValue);
+      startInputPropsOnChange == null ? void 0 : startInputPropsOnChange(event);
+      onChange == null ? void 0 : onChange(event);
+      onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
+    };
+    const handleEndInputChange = (event) => {
+      const newDateValue = { ...dateValue, endDate: event.target.value };
+      setDateValue(newDateValue);
+      endInputPropsOnChange == null ? void 0 : endInputPropsOnChange(event);
+      onChange == null ? void 0 : onChange(event);
+      onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
+    };
+    const handleStartInputFocus = (event) => {
+      setFocused(true);
+      startInputPropsOnFocus == null ? void 0 : startInputPropsOnFocus(event);
+    };
+    const handleEndInputFocus = (event) => {
+      setFocused(true);
+      endInputPropsOnFocus == null ? void 0 : endInputPropsOnFocus(event);
+    };
+    const handleStartInputBlur = (event) => {
+      setFocused(false);
+      apply(event);
+      startInputPropsOnBlur == null ? void 0 : startInputPropsOnBlur(event);
+    };
+    const handleEndInputBlur = (event) => {
+      setFocused(false);
+      apply(event);
+      endInputPropsOnBlur == null ? void 0 : endInputPropsOnBlur(event);
+    };
+    const handleStartInputKeyDown = (event) => {
+      if (event.key === "Enter") {
+        apply(event);
+      }
+      startInputPropsOnKeyDown == null ? void 0 : startInputPropsOnKeyDown(event);
+    };
+    const handleEndInputKeyDown = (event) => {
+      if (event.key === "Enter") {
+        apply(event);
+      }
+      endInputPropsOnKeyDown == null ? void 0 : endInputPropsOnKeyDown(event);
+    };
+    const handleWrapperMouseDown = (event) => {
+      if (event.target === wrapperRef.current) {
+        event.preventDefault();
+        const input = startInputRef.current;
+        input == null ? void 0 : input.focus();
+        input == null ? void 0 : input.setSelectionRange(input.value.length, input.value.length);
+      }
+      onMouseDown == null ? void 0 : onMouseDown(event);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          withBaseName(),
+          withBaseName(variant),
+          {
+            [withBaseName("focused")]: !isDisabled && focused,
+            [withBaseName("disabled")]: isDisabled,
+            [withBaseName("readOnly")]: isReadOnly,
+            [withBaseName(validationStatus ?? "")]: validationStatus,
+            [withBaseName("bordered")]: bordered
+          },
+          className
+        ),
+        ref: handleWrapperRef,
+        onMouseDown: handleWrapperMouseDown,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": startAriaDescribedBy,
+              "aria-labelledby": startAriaLabelledBy,
+              "aria-invalid": !isReadOnly && validationStatus === "error" || void 0,
+              "aria-label": startAriaLabel,
+              id: startInputID,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleStartInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.startDate) ? emptyReadOnlyMarker : dateValue.startDate ?? dateAdapter.format(void 0, format),
+              ...restStartInputProps,
+              onBlur: handleStartInputBlur,
+              onChange: handleStartInputChange,
+              onKeyDown: handleStartInputKeyDown,
+              onFocus: !isDisabled ? handleStartInputFocus : void 0,
+              required: startInputIsRequired
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: withBaseName("dash"), children: "-" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": endAriaDescribedBy,
+              "aria-labelledby": endAriaLabelledBy,
+              "aria-invalid": !isReadOnly && validationStatus === "error" || void 0,
+              "aria-label": endAriaLabel,
+              id: endInputID,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleEndInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.endDate) ? emptyReadOnlyMarker : dateValue.endDate ?? dateAdapter.format(void 0, format),
+              ...restEndInputProps,
+              onBlur: handleEndInputBlur,
+              onChange: handleEndInputChange,
+              onKeyDown: handleEndInputKeyDown,
+              onFocus: !isDisabled ? handleEndInputFocus : void 0,
+              required: endInputIsRequired
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
+            !isDisabled && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus }),
+            endAdornment
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
+        ]
+      }
+    );
+  }
+);
+
+export { DateInputRange, DateParserField };
+//# sourceMappingURL=DateInputRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputRange.js","sources":["../src/date-input/DateInputRange.tsx"],"sourcesContent":["import {\n  type InputProps,\n  makePrefixer,\n  StatusAdornment,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport type {\n  DateDetail,\n  DateFrameworkType,\n  ParserResult,\n  TimeFields,\n  Timezone,\n} from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ChangeEventHandler,\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  forwardRef,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n  type SyntheticEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { DateRangeSelection } from \"../calendar\";\nimport { useLocalization } from \"../localization-provider\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * DateInputRange raw value or null if no date is defined.\n */\nexport type DateInputRangeValue = {\n  startDate?: string | null;\n  endDate?: string | null;\n};\n\n/**\n * Details of parsing the date range\n */\nexport type DateInputRangeDetails = {\n  /** Details of parsing the start date and applying any validation */\n  startDate?: DateDetail;\n  /** Details of parsing the end date and applying any validation */\n  endDate?: DateDetail;\n};\n\n/**\n * Enum to identify the field being parsed\n */\nexport enum DateParserField {\n  START = \"start\",\n  END = \"end\",\n}\n\n/**\n * Props for the DateInputRange component.\n */\nexport interface DateInputRangeProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Omit<InputProps, \"defaultValue\" | \"inputRef\" | \"value\" | \"onChange\"> {\n  /**\n   * Styling variant with full border. Defaults to false.\n   */\n  bordered?: boolean;\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 applied to the start `input` element.\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes\n   */\n  startInputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * Attributes applied to the end `input` element.\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes\n   */\n  endInputProps?: 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\" | \"tertiary\";\n  /**\n   * Format string for date.\n   */\n  format?: string;\n  /**\n   * Optional ref for the start input component.\n   */\n  startInputRef?: Ref<HTMLInputElement>;\n  /**\n   * Optional ref for the end input component.\n   */\n  endInputRef?: Ref<HTMLInputElement>;\n  /**\n   * Parser callback, if not using the adapter's parser\n   * @param value - date string to parse\n   * @param field: DateParserField to identify value,\n   * @param format - format required\n   */\n  parse?: (\n    value: string,\n    field: DateParserField,\n    format: string,\n  ) => ParserResult;\n  /**\n   * Input value. Use when the input value is controlled.\n   */\n  value?: DateInputRangeValue;\n  /**\n   * The initial input value. Use when the component is uncontrolled.\n   */\n  defaultValue?: DateInputRangeValue;\n  /**\n   * The date value. Use when the component is controlled.\n   */\n  date?: DateRangeSelection | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: DateRangeSelection | null;\n  /**\n   * Callback fired when the input value changes.\n   * @param event - The change event.\n   * @param date - The new date input range value.\n   */\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param date - the selected date, invalid date if not a valid date or undefined (uncontrolled) or null (controlled) if not defined\n   * @param details - The details of date selection, either a valid date or error\n   */\n  onDateChange?: (\n    event: SyntheticEvent,\n    date: DateRangeSelection | null,\n    details: DateInputRangeDetails,\n  ) => void;\n  /**\n   * Called when input values change, either due to user interaction or programmatic formatting of valid dates.\n   * @param event - The synthetic event or null if a programmatic change.\n   * @param newValue - The new date input range value.\n   */\n  onDateValueChange?: (\n    event: SyntheticEvent | null,\n    newValue: DateInputRangeValue,\n  ) => void;\n  /**\n   * Specifies the timezone behavior:\n   * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.\n   * - If set to \"default\", the default timezone of the date library will be used.\n   * - If set to \"system\", the local system's timezone will be applied.\n   * - If set to \"UTC\", the time will be returned in UTC.\n   * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.\n   */\n  timezone?: Timezone;\n}\n\nexport const DateInputRange = forwardRef<HTMLDivElement, DateInputRangeProps>(\n  (props: DateInputRangeProps, ref: React.Ref<HTMLDivElement>) => {\n    const { dateAdapter } = useLocalization();\n    const {\n      \"aria-label\": ariaLabel,\n      bordered = false,\n      className,\n      disabled,\n      date: dateProp,\n      defaultDate,\n      onDateChange,\n      value: valueProp,\n      format = \"DD MMM YYYY\",\n      defaultValue = {\n        startDate: \"\",\n        endDate: \"\",\n      },\n      onChange,\n      onDateValueChange,\n      onMouseDown,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      startInputProps = {},\n      endInputProps = {},\n      startInputRef: startInputRefProp,\n      endInputRef: endInputRefProp,\n      parse: parseProp,\n      placeholder = format.toLowerCase(),\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      timezone = dateProp?.startDate || defaultDate?.startDate\n        ? dateAdapter.getTimezone(\n            (dateProp?.startDate ??\n              defaultDate?.startDate) as DateFrameworkType,\n          )\n        : \"default\",\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\n    const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const handleStartInputRef = useForkRef(startInputRef, startInputRefProp);\n    const endInputRef = useRef<HTMLInputElement>(null);\n    const handleEndInputRef = useForkRef(endInputRef, endInputRefProp);\n\n    const startInputID = useId(startInputProps.id);\n    const endInputID = useId(endInputProps.id);\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-input-range\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const parseDateValue = (\n      dateValue: string | null | undefined,\n      field: DateParserField,\n    ): ParserResult | undefined =>\n      parseProp\n        ? parseProp(dateValue ?? \"\", field, format)\n        : dateAdapter.parse.bind(dateAdapter)(dateValue ?? \"\", format);\n\n    const [dateValue, setDateValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"DateInputRange\",\n      state: \"dateValue\",\n    });\n\n    const [date, setDate] = useControlled({\n      controlled: dateProp,\n      // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount\n      default: useMemo(() => {\n        if (defaultDate) {\n          return defaultDate;\n        }\n        if (!defaultValue) {\n          return undefined;\n        }\n        const { date: startDate = undefined } =\n          parseDateValue(defaultValue?.startDate, DateParserField.START) ?? {};\n        const { date: endDate = undefined } =\n          parseDateValue(defaultValue?.endDate, DateParserField.END) ?? {};\n        return {\n          startDate,\n          endDate,\n        };\n      }, []),\n      name: \"DateInputRange\",\n      state: \"date\",\n    });\n\n    const lastAppliedValue = useRef<DateInputRangeValue>(dateValue);\n    const preservedTime = useRef<{\n      startTime: TimeFields | null;\n      endTime: TimeFields | null;\n    }>({ startTime: null, endTime: null });\n    preservedTime.current = {\n      startTime:\n        date?.startDate && dateAdapter.isValid(date?.startDate)\n          ? dateAdapter.getTime(date.startDate)\n          : null,\n      endTime:\n        date?.endDate && dateAdapter.isValid(date?.endDate)\n          ? dateAdapter.getTime(date.endDate)\n          : null,\n    };\n    const setDateValueFromDate = (newDate: typeof date) => {\n      let newDateValue = { startDate: \"\", endDate: \"\" };\n      if (!newDate?.startDate) {\n        newDateValue = { ...newDateValue, startDate: \"\" };\n      } else if (!dateAdapter.isValid(newDate?.startDate)) {\n        newDateValue = {\n          ...newDateValue,\n          startDate: dateValue?.startDate ?? \"\",\n        };\n      } else if (newDate?.startDate) {\n        const formattedStartDateValue = dateAdapter.format(\n          newDate.startDate,\n          format,\n        );\n        newDateValue = { ...newDateValue, startDate: formattedStartDateValue };\n      }\n      if (!newDate?.endDate) {\n        newDateValue = { ...newDateValue, endDate: \"\" };\n      } else if (!dateAdapter.isValid(newDate?.endDate)) {\n        newDateValue = { ...newDateValue, endDate: dateValue?.endDate ?? \"\" };\n      } else if (newDate?.endDate && dateAdapter.isValid(newDate.endDate)) {\n        const formattedEndDateValue = dateAdapter.format(\n          newDate.endDate,\n          format,\n        );\n        newDateValue = { ...newDateValue, endDate: formattedEndDateValue };\n      }\n\n      if (\n        (!newDateValue?.startDate && !!dateValue?.startDate) ||\n        (!newDateValue.endDate && !!dateValue?.endDate) ||\n        newDateValue?.startDate !== dateValue?.startDate ||\n        newDateValue?.endDate !== dateValue?.endDate\n      ) {\n        onDateValueChange?.(null, newDateValue);\n        setDateValue(newDateValue);\n      }\n      return newDateValue;\n    };\n\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Update date string value ONLY when selected date changes, not when date string itself change\n    useEffect(() => {\n      lastAppliedValue.current = setDateValueFromDate(date);\n    }, [date, date?.startDate, date?.endDate, dateAdapter.format, format]);\n\n    const [focused, setFocused] = useState(false);\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\": startInputPropsDescribedBy,\n      \"aria-labelledby\": startInputPropsLabelledBy,\n      onBlur: startInputPropsOnBlur,\n      onChange: startInputPropsOnChange,\n      onKeyDown: startInputPropsOnKeyDown,\n      onFocus: startInputPropsOnFocus,\n      required: startInputPropsRequired,\n      ...restStartInputProps\n    } = startInputProps;\n\n    const startInputIsRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : startInputPropsRequired;\n\n    const {\n      \"aria-describedby\": endInputPropsDescribedBy,\n      \"aria-labelledby\": endInputPropsLabelledBy,\n      onBlur: endInputPropsOnBlur,\n      onChange: endInputPropsOnChange,\n      onKeyDown: endInputPropsOnKeyDown,\n      onFocus: endInputPropsOnFocus,\n      required: endInputPropsRequired,\n      ...restEndInputProps\n    } = endInputProps;\n\n    const startAriaLabelledBy =\n      clsx(formFieldLabelledBy, startInputPropsLabelledBy) || undefined;\n    const endAriaLabelledBy =\n      clsx(formFieldLabelledBy, endInputPropsLabelledBy) || undefined;\n    const startAriaDescribedBy =\n      clsx(formFieldDescribedBy, startInputPropsDescribedBy) || undefined;\n    const endAriaDescribedBy =\n      clsx(formFieldDescribedBy, endInputPropsDescribedBy) || undefined;\n\n    const startAriaLabel = ariaLabel ? `Start date ${ariaLabel}` : \"Start date\";\n\n    const endAriaLabel = ariaLabel ? `End date ${ariaLabel}` : \"End date\";\n\n    const endInputIsRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : endInputPropsRequired;\n\n    const apply = (event: SyntheticEvent) => {\n      const { date: startDate = undefined, ...startDateParseDetails } =\n        parseDateValue(dateValue?.startDate, DateParserField.START) ?? {};\n      const { date: endDate = undefined, ...endDateParseDetails } =\n        parseDateValue(dateValue?.endDate, DateParserField.END) ?? {};\n\n      const updatedDateRange: DateRangeSelection = {\n        startDate: dateValue?.startDate?.length ? startDate : null,\n        endDate: dateValue?.endDate?.length ? endDate : null,\n      };\n      if (dateAdapter.isValid(startDate)) {\n        updatedDateRange.startDate = dateAdapter.setTimezone(\n          startDate,\n          timezone,\n        );\n        if (preservedTime.current.startTime) {\n          updatedDateRange.startDate = dateAdapter.set(\n            updatedDateRange.startDate,\n            preservedTime.current.startTime,\n          );\n        }\n      }\n      if (dateAdapter.isValid(endDate)) {\n        updatedDateRange.endDate = dateAdapter.setTimezone(endDate, timezone);\n        if (preservedTime.current.endTime) {\n          updatedDateRange.endDate = dateAdapter.set(\n            updatedDateRange.endDate,\n            preservedTime.current.endTime,\n          );\n        }\n      }\n      const updatedDateValue = setDateValueFromDate(updatedDateRange);\n\n      setDate(updatedDateRange);\n\n      if (\n        lastAppliedValue.current.startDate !== updatedDateValue.startDate ||\n        lastAppliedValue.current.endDate !== updatedDateValue.endDate\n      ) {\n        onDateChange?.(event, updatedDateRange, {\n          startDate: startDateParseDetails,\n          endDate: endDateParseDetails,\n        });\n        onDateValueChange?.(event, updatedDateValue);\n        lastAppliedValue.current = updatedDateValue;\n      }\n    };\n\n    const handleStartInputChange: ChangeEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      const newDateValue = { ...dateValue, startDate: event.target.value };\n      setDateValue(newDateValue);\n      startInputPropsOnChange?.(event);\n      onChange?.(event);\n      onDateValueChange?.(event, newDateValue);\n    };\n\n    const handleEndInputChange: ChangeEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      const newDateValue = { ...dateValue, endDate: event.target.value };\n      setDateValue(newDateValue);\n      endInputPropsOnChange?.(event);\n      onChange?.(event);\n      onDateValueChange?.(event, newDateValue);\n    };\n\n    const handleStartInputFocus: FocusEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      setFocused(true);\n      startInputPropsOnFocus?.(event);\n    };\n\n    const handleEndInputFocus: FocusEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      setFocused(true);\n      endInputPropsOnFocus?.(event);\n    };\n\n    const handleStartInputBlur: FocusEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      setFocused(false);\n      apply(event);\n      startInputPropsOnBlur?.(event);\n    };\n\n    const handleEndInputBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n      setFocused(false);\n      apply(event);\n      endInputPropsOnBlur?.(event);\n    };\n\n    const handleStartInputKeyDown: KeyboardEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      if (event.key === \"Enter\") {\n        apply(event);\n      }\n      startInputPropsOnKeyDown?.(event);\n    };\n\n    const handleEndInputKeyDown: KeyboardEventHandler<HTMLInputElement> = (\n      event,\n    ) => {\n      if (event.key === \"Enter\") {\n        apply(event);\n      }\n      endInputPropsOnKeyDown?.(event);\n    };\n\n    const handleWrapperMouseDown: MouseEventHandler<HTMLDivElement> = (\n      event,\n    ) => {\n      if (event.target === wrapperRef.current) {\n        event.preventDefault();\n        const input = startInputRef.current;\n        input?.focus();\n        input?.setSelectionRange(input.value.length, input.value.length);\n      }\n      onMouseDown?.(event);\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            [withBaseName(\"bordered\")]: bordered,\n          },\n          className,\n        )}\n        ref={handleWrapperRef}\n        onMouseDown={handleWrapperMouseDown}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={startAriaDescribedBy}\n          aria-labelledby={startAriaLabelledBy}\n          aria-invalid={\n            (!isReadOnly && validationStatus === \"error\") || undefined\n          }\n          aria-label={startAriaLabel}\n          id={startInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={handleStartInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          placeholder={placeholder}\n          value={\n            isReadOnly && !dateValue?.startDate\n              ? emptyReadOnlyMarker\n              : (dateValue.startDate ?? dateAdapter.format(undefined, format))\n          }\n          {...restStartInputProps}\n          onBlur={handleStartInputBlur}\n          onChange={handleStartInputChange}\n          onKeyDown={handleStartInputKeyDown}\n          onFocus={!isDisabled ? handleStartInputFocus : undefined}\n          required={startInputIsRequired}\n        />\n        <span className={withBaseName(\"dash\")}>-</span>\n        <input\n          autoComplete=\"off\"\n          aria-describedby={endAriaDescribedBy}\n          aria-labelledby={endAriaLabelledBy}\n          aria-invalid={\n            (!isReadOnly && validationStatus === \"error\") || undefined\n          }\n          aria-label={endAriaLabel}\n          id={endInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={handleEndInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          placeholder={placeholder}\n          value={\n            isReadOnly && !dateValue?.endDate\n              ? emptyReadOnlyMarker\n              : (dateValue.endDate ?? dateAdapter.format(undefined, format))\n          }\n          {...restEndInputProps}\n          onBlur={handleEndInputBlur}\n          onChange={handleEndInputChange}\n          onKeyDown={handleEndInputKeyDown}\n          onFocus={!isDisabled ? handleEndInputFocus : undefined}\n          required={endInputIsRequired}\n        />\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  },\n);\n"],"names":["DateParserField","dateInputCss","dateValue"],"mappings":";;;;;;;;;AAwCA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAuB1C,IAAK,eAAA,qBAAAA,gBAAAA,KAAL;AACL,EAAAA,iBAAA,OAAA,CAAA,GAAQ,OAAA;AACR,EAAAA,iBAAA,KAAA,CAAA,GAAM,KAAA;AAFI,EAAA,OAAAA,gBAAAA;AAAA,CAAA,EAAA,eAAA,IAAA,EAAA;AA0HL,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAA,KAAmC;AAC9D,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,eAAA,EAAgB;AACxC,IAAA,MAAM;AAAA,MACJ,YAAA,EAAc,SAAA;AAAA,MACd,QAAA,GAAW,KAAA;AAAA,MACX,SAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA,EAAM,QAAA;AAAA,MACN,WAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,MAAA,GAAS,aAAA;AAAA,MACT,YAAA,GAAe;AAAA,QACb,SAAA,EAAW,EAAA;AAAA,QACX,OAAA,EAAS;AAAA,OACX;AAAA,MACA,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,mBAAA,GAAsB,QAAA;AAAA,MACtB,YAAA;AAAA,MACA,kBAAkB,EAAC;AAAA,MACnB,gBAAgB,EAAC;AAAA,MACjB,aAAA,EAAe,iBAAA;AAAA,MACf,WAAA,EAAa,eAAA;AAAA,MACb,KAAA,EAAO,SAAA;AAAA,MACP,WAAA,GAAc,OAAO,WAAA,EAAY;AAAA,MACjC,QAAA,EAAU,YAAA;AAAA,MACV,gBAAA,EAAkB,oBAAA;AAAA,MAClB,OAAA,GAAU,SAAA;AAAA,MACV,QAAA,GAAA,CAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,SAAA,MAAa,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,aAC3C,WAAA,CAAY,WAAA;AAAA,QAAA,CACT,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,eACT,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,SAAA;AAAA,OACjB,GACA,SAAA;AAAA,MACJ,GAAG;AAAA,KACL,GAAI,KAAA;AACJ,IAAA,MAAM,UAAA,GAAa,OAAO,IAAI,CAAA;AAC9B,IAAA,MAAM,gBAAA,GAAmB,UAAA,CAA2B,GAAA,EAAK,UAAU,CAAA;AAEnE,IAAA,MAAM,aAAA,GAAgB,OAAyB,IAAI,CAAA;AACnD,IAAA,MAAM,mBAAA,GAAsB,UAAA,CAAW,aAAA,EAAe,iBAAiB,CAAA;AACvE,IAAA,MAAM,WAAA,GAAc,OAAyB,IAAI,CAAA;AACjD,IAAA,MAAM,iBAAA,GAAoB,UAAA,CAAW,WAAA,EAAa,eAAe,CAAA;AAEjE,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,eAAA,CAAgB,EAAE,CAAA;AAC7C,IAAA,MAAM,UAAA,GAAa,KAAA,CAAM,aAAA,CAAc,EAAE,CAAA;AAEzC,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,uBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,iBAAiB,CACrBC,UAAAA,EACA,UAEA,SAAA,GACI,SAAA,CAAUA,cAAa,EAAA,EAAI,KAAA,EAAO,MAAM,CAAA,GACxC,YAAY,KAAA,CAAM,IAAA,CAAK,WAAW,CAAA,CAAEA,UAAAA,IAAa,IAAI,MAAM,CAAA;AAEjE,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,aAAA,CAAc;AAAA,MAC9C,UAAA,EAAY,SAAA;AAAA,MACZ,OAAA,EAAS,YAAA;AAAA,MACT,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACR,CAAA;AAED,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,aAAA,CAAc;AAAA,MACpC,UAAA,EAAY,QAAA;AAAA;AAAA,MAEZ,OAAA,EAAS,QAAQ,MAAM;AACrB,QAAA,IAAI,WAAA,EAAa;AACf,UAAA,OAAO,WAAA;AAAA,QACT;AACA,QAAA,IAAI,CAAC,YAAA,EAAc;AACjB,UAAA,OAAO,MAAA;AAAA,QACT;AACA,QAAA,MAAM,EAAE,IAAA,EAAM,SAAA,GAAY,MAAA,EAAU,GAClC,eAAe,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,SAAA,EAAW,OAAA,aAAqB,IAAK,EAAC;AACrE,QAAA,MAAM,EAAE,IAAA,EAAM,OAAA,GAAU,MAAA,EAAU,GAChC,eAAe,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,OAAA,EAAS,KAAA,WAAmB,IAAK,EAAC;AACjE,QAAA,OAAO;AAAA,UACL,SAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF,CAAA,EAAG,EAAE,CAAA;AAAA,MACL,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACR,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,OAA4B,SAAS,CAAA;AAC9D,IAAA,MAAM,gBAAgB,MAAA,CAGnB,EAAE,WAAW,IAAA,EAAM,OAAA,EAAS,MAAM,CAAA;AACrC,IAAA,aAAA,CAAc,OAAA,GAAU;AAAA,MACtB,SAAA,EAAA,CACE,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,SAAA,KAAa,WAAA,CAAY,OAAA,CAAQ,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,SAAS,CAAA,GAClD,WAAA,CAAY,OAAA,CAAQ,IAAA,CAAK,SAAS,CAAA,GAClC,IAAA;AAAA,MACN,OAAA,EAAA,CACE,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,OAAA,KAAW,WAAA,CAAY,OAAA,CAAQ,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,OAAO,CAAA,GAC9C,WAAA,CAAY,OAAA,CAAQ,IAAA,CAAK,OAAO,CAAA,GAChC;AAAA,KACR;AACA,IAAA,MAAM,oBAAA,GAAuB,CAAC,OAAA,KAAyB;AACrD,MAAA,IAAI,YAAA,GAAe,EAAE,SAAA,EAAW,EAAA,EAAI,SAAS,EAAA,EAAG;AAChD,MAAA,IAAI,EAAC,mCAAS,SAAA,CAAA,EAAW;AACvB,QAAA,YAAA,GAAe,EAAE,GAAG,YAAA,EAAc,SAAA,EAAW,EAAA,EAAG;AAAA,MAClD,WAAW,CAAC,WAAA,CAAY,OAAA,CAAQ,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,SAAS,CAAA,EAAG;AACnD,QAAA,YAAA,GAAe;AAAA,UACb,GAAG,YAAA;AAAA,UACH,SAAA,EAAA,CAAW,uCAAW,SAAA,KAAa;AAAA,SACrC;AAAA,MACF,CAAA,MAAA,IAAW,mCAAS,SAAA,EAAW;AAC7B,QAAA,MAAM,0BAA0B,WAAA,CAAY,MAAA;AAAA,UAC1C,OAAA,CAAQ,SAAA;AAAA,UACR;AAAA,SACF;AACA,QAAA,YAAA,GAAe,EAAE,GAAG,YAAA,EAAc,SAAA,EAAW,uBAAA,EAAwB;AAAA,MACvE;AACA,MAAA,IAAI,EAAC,mCAAS,OAAA,CAAA,EAAS;AACrB,QAAA,YAAA,GAAe,EAAE,GAAG,YAAA,EAAc,OAAA,EAAS,EAAA,EAAG;AAAA,MAChD,WAAW,CAAC,WAAA,CAAY,OAAA,CAAQ,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,OAAO,CAAA,EAAG;AACjD,QAAA,YAAA,GAAe,EAAE,GAAG,YAAA,EAAc,OAAA,EAAA,CAAS,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,YAAW,EAAA,EAAG;AAAA,MACtE,YAAW,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,OAAA,KAAW,YAAY,OAAA,CAAQ,OAAA,CAAQ,OAAO,CAAA,EAAG;AACnE,QAAA,MAAM,wBAAwB,WAAA,CAAY,MAAA;AAAA,UACxC,OAAA,CAAQ,OAAA;AAAA,UACR;AAAA,SACF;AACA,QAAA,YAAA,GAAe,EAAE,GAAG,YAAA,EAAc,OAAA,EAAS,qBAAA,EAAsB;AAAA,MACnE;AAEA,MAAA,IACG,EAAC,6CAAc,SAAA,CAAA,IAAa,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,SAAA,CAAA,IACzC,CAAC,YAAA,CAAa,OAAA,IAAW,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,aACvC,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,SAAA,OAAc,uCAAW,SAAA,CAAA,IAAA,CACvC,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,OAAA,OAAY,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,OAAA,CAAA,EACrC;AACA,QAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,IAAA,EAAM,YAAA,CAAA;AAC1B,QAAA,YAAA,CAAa,YAAY,CAAA;AAAA,MAC3B;AACA,MAAA,OAAO,YAAA;AAAA,IACT,CAAA;AAGA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,gBAAA,CAAiB,OAAA,GAAU,qBAAqB,IAAI,CAAA;AAAA,IACtD,CAAA,EAAG,CAAC,IAAA,EAAM,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,SAAA,EAAW,6BAAM,OAAA,EAAS,WAAA,CAAY,MAAA,EAAQ,MAAM,CAAC,CAAA;AAErE,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,MAAM;AAAA,MACJ,SAAA,EAAW;AAAA,QACT,kBAAA,EAAoB,oBAAA;AAAA,QACpB,iBAAA,EAAmB;AAAA,UACjB,EAAC;AAAA,MACL,QAAA,EAAU,iBAAA;AAAA,MACV,QAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,iBAAA;AAAA,MACX,gBAAA,EAAkB;AAAA,QAChB,iBAAA,EAAkB;AAEtB,IAAA,MAAM,aAAa,YAAA,IAAgB,iBAAA;AACnC,IAAA,MAAM,aAAa,QAAA,IAAY,iBAAA;AAE/B,IAAA,MAAM,mBAAmB,yBAAA,IAA6B,oBAAA;AAEtD,IAAA,MAAM;AAAA,MACJ,kBAAA,EAAoB,0BAAA;AAAA,MACpB,iBAAA,EAAmB,yBAAA;AAAA,MACnB,MAAA,EAAQ,qBAAA;AAAA,MACR,QAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAW,wBAAA;AAAA,MACX,OAAA,EAAS,sBAAA;AAAA,MACT,QAAA,EAAU,uBAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,eAAA;AAEJ,IAAA,MAAM,oBAAA,GAAuB,oBACzB,CAAC,UAAA,EAAY,UAAU,CAAA,CAAE,QAAA,CAAS,iBAAiB,CAAA,GACnD,uBAAA;AAEJ,IAAA,MAAM;AAAA,MACJ,kBAAA,EAAoB,wBAAA;AAAA,MACpB,iBAAA,EAAmB,uBAAA;AAAA,MACnB,MAAA,EAAQ,mBAAA;AAAA,MACR,QAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,sBAAA;AAAA,MACX,OAAA,EAAS,oBAAA;AAAA,MACT,QAAA,EAAU,qBAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,aAAA;AAEJ,IAAA,MAAM,mBAAA,GACJ,IAAA,CAAK,mBAAA,EAAqB,yBAAyB,CAAA,IAAK,MAAA;AAC1D,IAAA,MAAM,iBAAA,GACJ,IAAA,CAAK,mBAAA,EAAqB,uBAAuB,CAAA,IAAK,MAAA;AACxD,IAAA,MAAM,oBAAA,GACJ,IAAA,CAAK,oBAAA,EAAsB,0BAA0B,CAAA,IAAK,MAAA;AAC5D,IAAA,MAAM,kBAAA,GACJ,IAAA,CAAK,oBAAA,EAAsB,wBAAwB,CAAA,IAAK,MAAA;AAE1D,IAAA,MAAM,cAAA,GAAiB,SAAA,GAAY,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,GAAK,YAAA;AAE/D,IAAA,MAAM,YAAA,GAAe,SAAA,GAAY,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA,GAAK,UAAA;AAE3D,IAAA,MAAM,kBAAA,GAAqB,oBACvB,CAAC,UAAA,EAAY,UAAU,CAAA,CAAE,QAAA,CAAS,iBAAiB,CAAA,GACnD,qBAAA;AAEJ,IAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,KAA0B;AAjZ7C,MAAA,IAAA,EAAA,EAAA,EAAA;AAkZM,MAAA,MAAM,EAAE,IAAA,EAAM,SAAA,GAAY,MAAA,EAAW,GAAG,qBAAA,EAAsB,GAC5D,cAAA,CAAe,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,SAAA,EAAW,OAAA,aAAqB,IAAK,EAAC;AAClE,MAAA,MAAM,EAAE,IAAA,EAAM,OAAA,GAAU,MAAA,EAAW,GAAG,mBAAA,EAAoB,GACxD,cAAA,CAAe,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,OAAA,EAAS,KAAA,WAAmB,IAAK,EAAC;AAE9D,MAAA,MAAM,gBAAA,GAAuC;AAAA,QAC3C,SAAA,EAAA,CAAA,CAAW,EAAA,GAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,SAAA,KAAX,IAAA,GAAA,MAAA,GAAA,EAAA,CAAsB,UAAS,SAAA,GAAY,IAAA;AAAA,QACtD,OAAA,EAAA,CAAA,CAAS,EAAA,GAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,OAAA,KAAX,IAAA,GAAA,MAAA,GAAA,EAAA,CAAoB,UAAS,OAAA,GAAU;AAAA,OAClD;AACA,MAAA,IAAI,WAAA,CAAY,OAAA,CAAQ,SAAS,CAAA,EAAG;AAClC,QAAA,gBAAA,CAAiB,YAAY,WAAA,CAAY,WAAA;AAAA,UACvC,SAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,IAAI,aAAA,CAAc,QAAQ,SAAA,EAAW;AACnC,UAAA,gBAAA,CAAiB,YAAY,WAAA,CAAY,GAAA;AAAA,YACvC,gBAAA,CAAiB,SAAA;AAAA,YACjB,cAAc,OAAA,CAAQ;AAAA,WACxB;AAAA,QACF;AAAA,MACF;AACA,MAAA,IAAI,WAAA,CAAY,OAAA,CAAQ,OAAO,CAAA,EAAG;AAChC,QAAA,gBAAA,CAAiB,OAAA,GAAU,WAAA,CAAY,WAAA,CAAY,OAAA,EAAS,QAAQ,CAAA;AACpE,QAAA,IAAI,aAAA,CAAc,QAAQ,OAAA,EAAS;AACjC,UAAA,gBAAA,CAAiB,UAAU,WAAA,CAAY,GAAA;AAAA,YACrC,gBAAA,CAAiB,OAAA;AAAA,YACjB,cAAc,OAAA,CAAQ;AAAA,WACxB;AAAA,QACF;AAAA,MACF;AACA,MAAA,MAAM,gBAAA,GAAmB,qBAAqB,gBAAgB,CAAA;AAE9D,MAAA,OAAA,CAAQ,gBAAgB,CAAA;AAExB,MAAA,IACE,gBAAA,CAAiB,QAAQ,SAAA,KAAc,gBAAA,CAAiB,aACxD,gBAAA,CAAiB,OAAA,CAAQ,OAAA,KAAY,gBAAA,CAAiB,OAAA,EACtD;AACA,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,OAAO,gBAAA,EAAkB;AAAA,UACtC,SAAA,EAAW,qBAAA;AAAA,UACX,OAAA,EAAS;AAAA,SACX,CAAA;AACA,QAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAA,EAAO,gBAAA,CAAA;AAC3B,QAAA,gBAAA,CAAiB,OAAA,GAAU,gBAAA;AAAA,MAC7B;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,sBAAA,GAA+D,CACnE,KAAA,KACG;AACH,MAAA,MAAM,eAAe,EAAE,GAAG,WAAW,SAAA,EAAW,KAAA,CAAM,OAAO,KAAA,EAAM;AACnE,MAAA,YAAA,CAAa,YAAY,CAAA;AACzB,MAAA,uBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,uBAAA,CAA0B,KAAA,CAAA;AAC1B,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AACX,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAA,EAAO,YAAA,CAAA;AAAA,IAC7B,CAAA;AAEA,IAAA,MAAM,oBAAA,GAA6D,CACjE,KAAA,KACG;AACH,MAAA,MAAM,eAAe,EAAE,GAAG,WAAW,OAAA,EAAS,KAAA,CAAM,OAAO,KAAA,EAAM;AACjE,MAAA,YAAA,CAAa,YAAY,CAAA;AACzB,MAAA,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAwB,KAAA,CAAA;AACxB,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AACX,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAA,EAAO,YAAA,CAAA;AAAA,IAC7B,CAAA;AAEA,IAAA,MAAM,qBAAA,GAA6D,CACjE,KAAA,KACG;AACH,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,sBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,sBAAA,CAAyB,KAAA,CAAA;AAAA,IAC3B,CAAA;AAEA,IAAA,MAAM,mBAAA,GAA2D,CAC/D,KAAA,KACG;AACH,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,oBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAuB,KAAA,CAAA;AAAA,IACzB,CAAA;AAEA,IAAA,MAAM,oBAAA,GAA4D,CAChE,KAAA,KACG;AACH,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,KAAA,CAAM,KAAK,CAAA;AACX,MAAA,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAwB,KAAA,CAAA;AAAA,IAC1B,CAAA;AAEA,IAAA,MAAM,kBAAA,GAA0D,CAAC,KAAA,KAAU;AACzE,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,KAAA,CAAM,KAAK,CAAA;AACX,MAAA,mBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,mBAAA,CAAsB,KAAA,CAAA;AAAA,IACxB,CAAA;AAEA,IAAA,MAAM,uBAAA,GAAkE,CACtE,KAAA,KACG;AACH,MAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,QAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACb;AACA,MAAA,wBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,wBAAA,CAA2B,KAAA,CAAA;AAAA,IAC7B,CAAA;AAEA,IAAA,MAAM,qBAAA,GAAgE,CACpE,KAAA,KACG;AACH,MAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,QAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACb;AACA,MAAA,sBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,sBAAA,CAAyB,KAAA,CAAA;AAAA,IAC3B,CAAA;AAEA,IAAA,MAAM,sBAAA,GAA4D,CAChE,KAAA,KACG;AACH,MAAA,IAAI,KAAA,CAAM,MAAA,KAAW,UAAA,CAAW,OAAA,EAAS;AACvC,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,MAAM,QAAQ,aAAA,CAAc,OAAA;AAC5B,QAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,KAAA,EAAA;AACP,QAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,iBAAA,CAAkB,KAAA,CAAM,KAAA,CAAM,MAAA,EAAQ,MAAM,KAAA,CAAM,MAAA,CAAA;AAAA,MAC3D;AACA,MAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAc,KAAA,CAAA;AAAA,IAChB,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA;AAAA,UACT,YAAA,EAAa;AAAA,UACb,aAAa,OAAO,CAAA;AAAA,UACpB;AAAA,YACE,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,CAAC,UAAA,IAAc,OAAA;AAAA,YAC1C,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,gBAAA,IAAoB,EAAE,CAAC,GAAG,gBAAA;AAAA,YACxC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA,EAAK,gBAAA;AAAA,QACL,WAAA,EAAa,sBAAA;AAAA,QACZ,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAa,KAAA;AAAA,cACb,kBAAA,EAAkB,oBAAA;AAAA,cAClB,iBAAA,EAAiB,mBAAA;AAAA,cACjB,cAAA,EACG,CAAC,UAAA,IAAc,gBAAA,KAAqB,OAAA,IAAY,MAAA;AAAA,cAEnD,YAAA,EAAY,cAAA;AAAA,cACZ,EAAA,EAAI,YAAA;AAAA,cACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,QAAA,EAAU,UAAA;AAAA,cACV,QAAA,EAAU,UAAA;AAAA,cACV,GAAA,EAAK,mBAAA;AAAA,cACL,QAAA,EAAU,aAAa,EAAA,GAAK,CAAA;AAAA,cAC5B,WAAA;AAAA,cACA,KAAA,EACE,UAAA,IAAc,EAAC,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,SAAA,CAAA,GACtB,mBAAA,GACC,SAAA,CAAU,SAAA,IAAa,WAAA,CAAY,MAAA,CAAO,MAAA,EAAW,MAAM,CAAA;AAAA,cAEjE,GAAG,mBAAA;AAAA,cACJ,MAAA,EAAQ,oBAAA;AAAA,cACR,QAAA,EAAU,sBAAA;AAAA,cACV,SAAA,EAAW,uBAAA;AAAA,cACX,OAAA,EAAS,CAAC,UAAA,GAAa,qBAAA,GAAwB,MAAA;AAAA,cAC/C,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,8BACC,MAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,MAAM,GAAG,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,0BACxC,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAa,KAAA;AAAA,cACb,kBAAA,EAAkB,kBAAA;AAAA,cAClB,iBAAA,EAAiB,iBAAA;AAAA,cACjB,cAAA,EACG,CAAC,UAAA,IAAc,gBAAA,KAAqB,OAAA,IAAY,MAAA;AAAA,cAEnD,YAAA,EAAY,YAAA;AAAA,cACZ,EAAA,EAAI,UAAA;AAAA,cACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,QAAA,EAAU,UAAA;AAAA,cACV,QAAA,EAAU,UAAA;AAAA,cACV,GAAA,EAAK,iBAAA;AAAA,cACL,QAAA,EAAU,aAAa,EAAA,GAAK,CAAA;AAAA,cAC5B,WAAA;AAAA,cACA,KAAA,EACE,UAAA,IAAc,EAAC,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,OAAA,CAAA,GACtB,mBAAA,GACC,SAAA,CAAU,OAAA,IAAW,WAAA,CAAY,MAAA,CAAO,MAAA,EAAW,MAAM,CAAA;AAAA,cAE/D,GAAG,iBAAA;AAAA,cACJ,MAAA,EAAQ,kBAAA;AAAA,cACR,QAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAW,qBAAA;AAAA,cACX,OAAA,EAAS,CAAC,UAAA,GAAa,mBAAA,GAAsB,MAAA;AAAA,cAC7C,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,uBAAuB,CAAA,EACjD,QAAA,EAAA;AAAA,YAAA,CAAC,UAAA,IAAc,gBAAA,oBACd,GAAA,CAAC,eAAA,EAAA,EAAgB,QAAQ,gBAAA,EAAkB,CAAA;AAAA,YAE5C;AAAA,WAAA,EACH,CAAA;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,qBAAqB,CAAA,EAAG;AAAA;AAAA;AAAA,KACvD;AAAA,EAEJ;AACF;;;;"}

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

@@ -0,0 +1,235 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, useId, useControlled, useFormFieldProps, StatusAdornment } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useRef, useMemo, useEffect, useState } from 'react';
+import { useLocalization } from '../localization-provider/LocalizationProvider.js';
+import css_248z from './DateInput.css.js';
+
+const withBaseName = makePrefixer("saltDateInput");
+const DateInputSingle = forwardRef(
+  (props, ref) => {
+    const { dateAdapter } = useLocalization();
+    const {
+      bordered = false,
+      className,
+      disabled,
+      "aria-label": ariaLabel,
+      date: dateProp,
+      defaultDate,
+      onDateChange,
+      value: valueProp,
+      format = "DD MMM YYYY",
+      defaultValue = "",
+      id,
+      onChange,
+      onMouseDown,
+      emptyReadOnlyMarker = "\u2014",
+      endAdornment,
+      inputProps = {},
+      inputRef: inputRefProp = null,
+      parse: parseProp,
+      placeholder = format.toLowerCase(),
+      readOnly: readOnlyProp,
+      startAdornment,
+      validationStatus: validationStatusProp,
+      variant = "primary",
+      onDateValueChange,
+      timezone = dateProp || defaultDate ? dateAdapter.getTimezone(
+        dateProp ?? defaultDate
+      ) : "default",
+      ...rest
+    } = props;
+    const wrapperRef = useRef(null);
+    const handleWrapperRef = useForkRef(ref, wrapperRef);
+    const innerInputRef = useRef(null);
+    const handleInputRef = useForkRef(
+      innerInputRef,
+      inputRefProp
+    );
+    const inputId = useId(id);
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-date-input-single",
+      css: css_248z,
+      window: targetWindow
+    });
+    const [date, setDate] = useControlled({
+      controlled: dateProp,
+      // biome-ignore lint/correctness/useExhaustiveDependencies: just on mount
+      default: useMemo(() => {
+        if (defaultDate) {
+          return defaultDate;
+        }
+        if (!defaultValue) {
+          return void 0;
+        }
+        return dateAdapter.parse(defaultValue, format).date;
+      }, []),
+      name: "DateInputSingle",
+      state: "date"
+    });
+    const [dateValue, setDateValue] = useControlled({
+      controlled: valueProp,
+      default: defaultValue,
+      name: "DateInputSingle",
+      state: "dateValue"
+    });
+    const lastAppliedValue = useRef(dateValue);
+    const preservedTime = useRef(null);
+    preservedTime.current = dateAdapter.isValid(date) ? dateAdapter.getTime(date) : null;
+    useEffect(() => {
+      const formattedValue = dateAdapter.format(date, format);
+      const hasValueChanged = formattedValue !== dateValue;
+      if (
+        // should not reset "error" input values
+        (date === null || dateAdapter.isValid(date)) && hasValueChanged
+      ) {
+        setDateValue(formattedValue);
+        onDateValueChange == null ? void 0 : onDateValueChange(null, formattedValue);
+        lastAppliedValue.current = formattedValue;
+      }
+    }, [date, dateAdapter.format, format]);
+    const [focused, setFocused] = useState(false);
+    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 ?? validationStatusProp;
+    const {
+      "aria-describedby": dateInputDescribedBy,
+      "aria-labelledby": dateInputLabelledBy,
+      onBlur: inputPropsOnBlur,
+      onChange: inputPropsOnChange,
+      onKeyDown: inputPropsOnKeyDown,
+      onFocus: inputPropsOnFocus,
+      required: dateInputPropsRequired,
+      ...restDateInputProps
+    } = inputProps;
+    const inputAriaLabelledBy = clsx(formFieldLabelledBy, dateInputLabelledBy) || void 0;
+    const inputAriaDescribedBy = clsx(formFieldDescribedBy, dateInputDescribedBy) || void 0;
+    const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
+    const apply = (event) => {
+      const parse = parseProp ?? dateAdapter.parse.bind(dateAdapter);
+      const parseResult = parse(dateValue ?? "", format);
+      let parsedDate;
+      let parseDetails;
+      ({ date: parsedDate, ...parseDetails } = parseResult);
+      parsedDate = dateValue ? parsedDate : null;
+      let formattedValue = "";
+      const isDateValid = dateAdapter.isValid(parsedDate);
+      if (isDateValid && parsedDate) {
+        parsedDate = dateAdapter.setTimezone(parsedDate, timezone);
+        if (preservedTime.current) {
+          parsedDate = dateAdapter.set(parsedDate, preservedTime.current);
+        }
+        formattedValue = dateAdapter.format(parsedDate, format);
+      }
+      const hasValueChanged = formattedValue !== dateValue;
+      const newValue = isDateValid ? formattedValue : dateValue;
+      if (hasValueChanged) {
+        setDateValue(newValue);
+        onDateValueChange == null ? void 0 : onDateValueChange(event, newValue);
+      }
+      setDate(parsedDate);
+      if (lastAppliedValue.current !== newValue) {
+        onDateChange == null ? void 0 : onDateChange(event, parsedDate, parseDetails);
+      }
+      lastAppliedValue.current = newValue;
+    };
+    const handleChange = (event) => {
+      const newDateValue = event.target.value;
+      setDateValue(newDateValue);
+      inputPropsOnChange == null ? void 0 : inputPropsOnChange(event);
+      onChange == null ? void 0 : onChange(event);
+      onDateValueChange == null ? void 0 : onDateValueChange(event, newDateValue);
+    };
+    const handleFocus = (event) => {
+      setFocused(true);
+      inputPropsOnFocus == null ? void 0 : inputPropsOnFocus(event);
+    };
+    const handleBlur = (event) => {
+      setFocused(false);
+      apply(event);
+      inputPropsOnBlur == null ? void 0 : inputPropsOnBlur(event);
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter") {
+        apply(event);
+      }
+      inputPropsOnKeyDown == null ? void 0 : inputPropsOnKeyDown(event);
+    };
+    const handleMouseDown = (event) => {
+      var _a;
+      if (event.target === wrapperRef.current) {
+        event.preventDefault();
+        (_a = innerInputRef.current) == null ? void 0 : _a.focus();
+      }
+      onMouseDown == null ? void 0 : onMouseDown(event);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          withBaseName(),
+          withBaseName(variant),
+          {
+            [withBaseName("focused")]: !isDisabled && focused,
+            [withBaseName("disabled")]: isDisabled,
+            [withBaseName("readOnly")]: isReadOnly,
+            [withBaseName(validationStatus ?? "")]: validationStatus,
+            [withBaseName("bordered")]: bordered
+          },
+          className
+        ),
+        ref: handleWrapperRef,
+        onMouseDown: handleMouseDown,
+        ...rest,
+        children: [
+          startAdornment && /* @__PURE__ */ jsx("div", { className: withBaseName("startAdornmentContainer"), children: startAdornment }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": inputAriaDescribedBy,
+              "aria-labelledby": inputAriaLabelledBy,
+              "aria-invalid": !isReadOnly && validationStatus === "error" || void 0,
+              "aria-label": ariaLabel ?? "date input",
+              id: inputId,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              value: isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue,
+              ...restDateInputProps,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              onFocus: !isDisabled ? handleFocus : void 0,
+              required: isRequired
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
+            !isDisabled && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus }),
+            endAdornment
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
+        ]
+      }
+    );
+  }
+);
+
+export { DateInputSingle };
+//# sourceMappingURL=DateInputSingle.js.map