@salt-ds/lab 1.0.0-alpha.53 → 1.0.0-alpha.55

package/dist-es/content-status/internal/StatusIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicator.js","sources":["../src/content-status/internal/StatusIndicator.tsx"],"sourcesContent":["import {\n  StatusIndicator as BaseStatusIndicator,\n  type StatusIndicatorProps as BaseStatusIndicatorProps,\n  Spinner,\n  type SpinnerProps,\n  makePrefixer,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ReactElement } from \"react\";\n\nimport { CircularProgress, type CircularProgressProps } from \"@salt-ds/core\";\n\nexport interface StatusIndicatorProps\n  extends Pick<SpinnerProps, \"disableAnnouncer\">,\n    Pick<CircularProgressProps, \"value\"> {\n  title?: string;\n  message?: string;\n  CircularProgressProps?: Partial<CircularProgressProps>;\n  SpinnerProps?: Partial<SpinnerProps>;\n  id?: string;\n  status?: BaseStatusIndicatorProps[\"status\"] | \"loading\";\n}\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport function StatusIndicator({\n  status = \"info\",\n  disableAnnouncer,\n  value,\n  title,\n  message,\n  CircularProgressProps: {\n    className: circularProgressClassName,\n    ...restCircularProgressProps\n  } = {},\n  SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},\n  id,\n}: StatusIndicatorProps): ReactElement {\n  if (status === \"loading\") {\n    if (value !== undefined) {\n      return (\n        <CircularProgress\n          aria-label={title || message}\n          className={clsx(\n            withBaseName(\"determinateLoading\"),\n            circularProgressClassName,\n          )}\n          value={value}\n          {...restCircularProgressProps}\n        />\n      );\n    }\n    return (\n      <Spinner\n        className={clsx(withBaseName(\"indeterminateLoading\"), spinnerClassName)}\n        // Announcement of the content status is more useful than completion announcement from spinner\n        completionAnnouncement={null}\n        data-testid={`spinner-${id!}`}\n        disableAnnouncer={disableAnnouncer}\n        {...restSpinnerProps}\n      />\n    );\n  }\n\n  return (\n    <BaseStatusIndicator\n      status={status}\n      data-jpmui-test={`icon-${status}-${id!}`}\n      size={2}\n    />\n  );\n}\n"],"names":["BaseStatusIndicator"],"mappings":";;;;AAuBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAE9C,SAAS,eAAgB,CAAA;AAAA,EAC9B,MAAS,GAAA,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAuB,EAAA;AAAA,IACrB,SAAW,EAAA,yBAAA;AAAA,IACR,GAAA,yBAAA;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,gBAAqB,EAAA,GAAA,gBAAA,KAAqB,EAAC;AAAA,EACtE,EAAA;AACF,CAAuC,EAAA;AACrC,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,uBACG,GAAA,CAAA,gBAAA,EAAA;AAAA,QACC,cAAY,KAAS,IAAA,OAAA;AAAA,QACrB,SAAW,EAAA,IAAA;AAAA,UACT,aAAa,oBAAoB,CAAA;AAAA,UACjC,yBAAA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QACC,GAAG,yBAAA;AAAA,OACN,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,MAEtE,sBAAwB,EAAA,IAAA;AAAA,MACxB,eAAa,CAAW,QAAA,EAAA,EAAA,CAAA,CAAA;AAAA,MACxB,gBAAA;AAAA,MACC,GAAG,gBAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,GAAA,CAAAA,iBAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,iBAAA,EAAiB,QAAQ,MAAU,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;AAAA,IACnC,IAAM,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StatusIndicator.js","sources":["../src/content-status/internal/StatusIndicator.tsx"],"sourcesContent":["import {\n  StatusIndicator as BaseStatusIndicator,\n  type StatusIndicatorProps as BaseStatusIndicatorProps,\n  Spinner,\n  type SpinnerProps,\n  makePrefixer,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ReactElement } from \"react\";\n\nimport { CircularProgress, type CircularProgressProps } from \"@salt-ds/core\";\n\nexport interface StatusIndicatorProps\n  extends Pick<SpinnerProps, \"disableAnnouncer\">,\n    Pick<CircularProgressProps, \"value\"> {\n  title?: string;\n  message?: string;\n  CircularProgressProps?: Partial<CircularProgressProps>;\n  SpinnerProps?: Partial<SpinnerProps>;\n  id?: string;\n  status?: BaseStatusIndicatorProps[\"status\"] | \"loading\";\n}\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport function StatusIndicator({\n  status = \"info\",\n  disableAnnouncer,\n  value,\n  title,\n  message,\n  CircularProgressProps: {\n    className: circularProgressClassName,\n    ...restCircularProgressProps\n  } = {},\n  SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},\n  id,\n}: StatusIndicatorProps): ReactElement {\n  if (status === \"loading\") {\n    if (value !== undefined) {\n      return (\n        <CircularProgress\n          aria-label={title || message}\n          className={clsx(\n            withBaseName(\"determinateLoading\"),\n            circularProgressClassName,\n          )}\n          value={value}\n          {...restCircularProgressProps}\n        />\n      );\n    }\n    return (\n      <Spinner\n        className={clsx(withBaseName(\"indeterminateLoading\"), spinnerClassName)}\n        // Announcement of the content status is more useful than completion announcement from spinner\n        completionAnnouncement={null}\n        data-testid={`spinner-${id!}`}\n        disableAnnouncer={disableAnnouncer}\n        {...restSpinnerProps}\n      />\n    );\n  }\n\n  return (\n    <BaseStatusIndicator\n      status={status}\n      data-jpmui-test={`icon-${status}-${id!}`}\n      size={2}\n    />\n  );\n}\n"],"names":["BaseStatusIndicator"],"mappings":";;;;AAuBA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAE9C,SAAS,eAAgB,CAAA;AAAA,EAC9B,MAAS,GAAA,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAuB,EAAA;AAAA,IACrB,SAAW,EAAA,yBAAA;AAAA,IACX,GAAG;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,kBAAkB,GAAG,gBAAA,KAAqB,EAAC;AAAA,EACtE;AACF,CAAuC,EAAA;AACrC,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MACE,uBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,cAAY,KAAS,IAAA,OAAA;AAAA,UACrB,SAAW,EAAA,IAAA;AAAA,YACT,aAAa,oBAAoB,CAAA;AAAA,YACjC;AAAA,WACF;AAAA,UACA,KAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA;AAGJ,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,QAEtE,sBAAwB,EAAA,IAAA;AAAA,QACxB,aAAA,EAAa,WAAW,EAAG,CAAA,CAAA;AAAA,QAC3B,gBAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAACA,iBAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,iBAAiB,EAAA,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA,EAAI,EAAG,CAAA,CAAA;AAAA,MACtC,IAAM,EAAA;AAAA;AAAA,GACR;AAEJ;;;;"}

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

@@ -18,7 +18,6 @@ import { parseCalendarDate, extractTimeFieldsFromDateRange } from './utils.js';
 const withBaseName = makePrefixer("saltDateInput");
 const DateInputRange = forwardRef(
   function DateInputRange2(props, ref) {
-    var _a, _b;
     const {
       bordered = false,
       className,
@@ -87,13 +86,12 @@ const DateInputRange = forwardRef(
       [formatProp, locale, timeZone]
     );
     const setDateValueFromDate = (newDate) => {
-      var _a2, _b2;
       let newDateValue = { ...dateValue };
-      const formattedStartDate = format((_a2 = newDate == null ? void 0 : newDate.startDate) != null ? _a2 : null);
+      const formattedStartDate = format((newDate == null ? void 0 : newDate.startDate) ?? null);
       if (formattedStartDate) {
         newDateValue = { ...newDateValue, startDate: formattedStartDate };
       }
-      const formattedEndDate = format((_b2 = newDate == null ? void 0 : newDate.endDate) != null ? _b2 : null);
+      const formattedEndDate = format((newDate == null ? void 0 : newDate.endDate) ?? null);
       if (formattedEndDate) {
         newDateValue = { ...newDateValue, endDate: formattedEndDate };
       }
@@ -118,7 +116,7 @@ const DateInputRange = forwardRef(
     } = useFormFieldProps();
     const isReadOnly = readOnlyProp || formFieldReadOnly;
     const isDisabled = disabled || formFieldDisabled;
-    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
+    const validationStatus = formFieldValidationStatus ?? validationStatusProp;
     const {
       "aria-describedby": startInputPropsDescribedBy,
       "aria-labelledby": startInputPropsLabelledBy,
@@ -142,9 +140,8 @@ const DateInputRange = forwardRef(
     } = endInputProps;
     const endInputIsRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : endInputPropsRequired;
     const apply = (event) => {
-      var _a2;
       const { date: newStartDate, error: startDateError } = parse(
-        (_a2 = dateValue.startDate) != null ? _a2 : ""
+        dateValue.startDate ?? ""
       );
       const { date: newEndDate, error: endDateError } = parse(
         dateValue.endDate || ""
@@ -256,96 +253,96 @@ const DateInputRange = forwardRef(
       }
       onClick == null ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("focused")]: !isDisabled && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus != null ? validationStatus : "")]: validationStatus,
-          [withBaseName("bordered")]: bordered
-        },
-        className
-      ),
-      ref: handleWrapperRef,
-      onClick: handleWrapperClick,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("input", {
-          autoComplete: "off",
-          "aria-describedby": clsx(
-            formFieldDescribedBy,
-            startInputPropsDescribedBy
+    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,
+        onClick: handleWrapperClick,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": clsx(
+                formFieldDescribedBy,
+                startInputPropsDescribedBy
+              ),
+              "aria-labelledby": clsx(
+                formFieldLabelledBy,
+                startInputPropsLabelledBy,
+                startInputID
+              ),
+              "aria-label": clsx("Start date", ariaLabel),
+              id: startInputID,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleStartInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              size: placeholder.length,
+              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.startDate) ? emptyReadOnlyMarker : dateValue.startDate ?? "",
+              ...restStartInputProps,
+              onBlur: handleStartInputBlur,
+              onChange: handleStartInputChange,
+              onKeyDown: handleStartInputKeyDown,
+              onFocus: !isDisabled ? handleStartInputFocus : void 0,
+              required: startInputIsRequired
+            }
           ),
-          "aria-labelledby": clsx(
-            formFieldLabelledBy,
-            startInputPropsLabelledBy,
-            startInputID
+          /* @__PURE__ */ jsx("span", { children: "-" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": clsx(
+                formFieldDescribedBy,
+                endInputPropsDescribedBy
+              ),
+              "aria-labelledby": clsx(
+                formFieldLabelledBy,
+                endInputPropsLabelledBy,
+                endInputID
+              ),
+              "aria-label": clsx("End date", ariaLabel),
+              id: endInputID,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleEndInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              size: placeholder.length,
+              value: isReadOnly && !(dateValue == null ? void 0 : dateValue.endDate) ? emptyReadOnlyMarker : dateValue.endDate ?? "",
+              ...restEndInputProps,
+              onBlur: handleEndInputBlur,
+              onChange: handleEndInputChange,
+              onKeyDown: handleEndInputKeyDown,
+              onFocus: !isDisabled ? handleEndInputFocus : void 0,
+              required: endInputIsRequired
+            }
           ),
-          "aria-label": clsx("Start date", ariaLabel),
-          id: startInputID,
-          className: withBaseName("input"),
-          disabled: isDisabled,
-          readOnly: isReadOnly,
-          ref: handleStartInputRef,
-          tabIndex: isDisabled ? -1 : 0,
-          placeholder,
-          size: placeholder.length,
-          value: isReadOnly && !(dateValue == null ? void 0 : dateValue.startDate) ? emptyReadOnlyMarker : (_a = dateValue.startDate) != null ? _a : "",
-          ...restStartInputProps,
-          onBlur: handleStartInputBlur,
-          onChange: handleStartInputChange,
-          onKeyDown: handleStartInputKeyDown,
-          onFocus: !isDisabled ? handleStartInputFocus : void 0,
-          required: startInputIsRequired
-        }),
-        /* @__PURE__ */ jsx("span", {
-          children: "-"
-        }),
-        /* @__PURE__ */ jsx("input", {
-          autoComplete: "off",
-          "aria-describedby": clsx(
-            formFieldDescribedBy,
-            endInputPropsDescribedBy
-          ),
-          "aria-labelledby": clsx(
-            formFieldLabelledBy,
-            endInputPropsLabelledBy,
-            endInputID
-          ),
-          "aria-label": clsx("End date", ariaLabel),
-          id: endInputID,
-          className: withBaseName("input"),
-          disabled: isDisabled,
-          readOnly: isReadOnly,
-          ref: handleEndInputRef,
-          tabIndex: isDisabled ? -1 : 0,
-          placeholder,
-          size: placeholder.length,
-          value: isReadOnly && !(dateValue == null ? void 0 : dateValue.endDate) ? emptyReadOnlyMarker : (_b = dateValue.endDate) != null ? _b : "",
-          ...restEndInputProps,
-          onBlur: handleEndInputBlur,
-          onChange: handleEndInputChange,
-          onKeyDown: handleEndInputKeyDown,
-          onFocus: !isDisabled ? handleEndInputFocus : void 0,
-          required: endInputIsRequired
-        }),
-        /* @__PURE__ */ jsxs("div", {
-          className: withBaseName("endAdornmentContainer"),
-          children: [
-            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, {
-              status: validationStatus
-            }),
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
+            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus }),
             endAdornment
-          ]
-        }),
-        /* @__PURE__ */ jsx("div", {
-          className: withBaseName("activationIndicator")
-        })
-      ]
-    });
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
+        ]
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"DateInputRange.js","sources":["../src/date-input/DateInputRange.tsx"],"sourcesContent":["import { type DateValue, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  type InputProps,\n  StatusAdornment,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\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  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type DateRangeSelection,\n  formatDate as defaultFormatDate,\n  getCurrentLocale,\n} from \"../calendar\";\nimport dateInputCss from \"./DateInput.css\";\nimport type { DateInputSingleParserError } from \"./DateInputSingle\";\nimport {\n  type RangeTimeFields,\n  extractTimeFieldsFromDateRange,\n  parseCalendarDate,\n} from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * Date error produced by DateInputRange parser.\n */\nexport type DateInputRangeParserError = string | false;\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 * Return value of DateInputRange parser.\n * @template T\n */\nexport interface DateInputRangeParserResult<T = DateValue | null> {\n  /**\n   * The parsed date value.\n   */\n  date: T;\n  /**\n   * The error encountered during parsing, if any.\n   */\n  error: DateInputRangeParserError;\n}\n\n/**\n * Date Range error returned with selected date to indicate invalid dates.\n */\nexport type DateInputRangeError = {\n  /**\n   * The error for the start date.\n   */\n  startDate: DateInputSingleParserError;\n  /**\n   * The error for the end date.\n   */\n  endDate: DateInputSingleParserError;\n};\n\n/**\n * Props for the DateInputRange component.\n * @template T\n */\nexport interface DateInputRangeProps<T = DateRangeSelection>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Omit<InputProps, \"defaultValue\" | \"inputRef\" | \"value\" | \"onChange\"> {\n  /**\n   * The aria-label for accessibility.\n   */\n  ariaLabel?: string;\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\";\n  /**\n   * Function to format the input value.\n   */\n  format?: (date: DateValue | null) => 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   * 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?: T | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: T | 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?: (\n    event: ChangeEvent<HTMLInputElement>,\n    date: DateInputRangeValue,\n  ) => void;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param date - The new date value.\n   * @param error - The date input range error.\n   */\n  onDateChange?: (\n    event: SyntheticEvent,\n    date: T | null,\n    error: DateInputRangeError,\n  ) => void;\n  /**\n   * Called when input values change, either due to user interaction or programmatic formatting of valid dates.\n   * @param newValue - The new date input range value.\n   * @param isFormatted - Whether the value is formatted.\n   */\n  onDateValueChange?: (\n    newValue: DateInputRangeValue,\n    isFormatted: boolean,\n  ) => void;\n  /**\n   * Function to parse date string to valid `DateValue` or null, if invalid.\n   * @param inputDate - The input date string.\n   * @returns The result of the date input range parser.\n   */\n  parse?: (inputDate: string) => DateInputRangeParserResult;\n  /**\n   * Locale of the entered date.\n   */\n  locale?: string;\n  /**\n   * Timezone of the entered date.\n   */\n  timeZone?: string;\n}\n\nexport const DateInputRange = forwardRef<HTMLDivElement, DateInputRangeProps>(\n  function DateInputRange(props, ref) {\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\n      date: dateProp,\n      defaultDate = {},\n      onDateChange,\n      value: valueProp,\n      defaultValue = { startDate: \"\", endDate: \"\" },\n      onChange,\n      onClick,\n      onDateValueChange,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      format: formatProp,\n      startInputProps = {},\n      endInputProps = {},\n      startInputRef: startInputRefProp,\n      endInputRef: endInputRefProp,\n      parse = parseCalendarDate,\n      placeholder = \"dd mmm yyyy\",\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      locale = getCurrentLocale(),\n      timeZone = getLocalTimeZone(),\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\n    const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const lastError = useRef<{\n      startDate: DateInputRangeParserError;\n      endDate: DateInputRangeParserError;\n    }>({\n      startDate: false,\n      endDate: false,\n    });\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();\n    const endInputID = useId();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-input-range\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const [date, setDate] = useControlled({\n      controlled: dateProp,\n      default: defaultDate,\n      name: \"DateInputRange\",\n      state: \"date\",\n    });\n    const [dateValue, setDateValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"DateInputRange\",\n      state: \"dateValue\",\n    });\n\n    const preservedTime = useRef<RangeTimeFields>({});\n    preservedTime.current = extractTimeFieldsFromDateRange(date);\n\n    const format = useCallback(\n      (date: DateValue | null) => {\n        return formatProp\n          ? formatProp(date)\n          : defaultFormatDate(date, locale, { timeZone });\n      },\n      [formatProp, locale, timeZone],\n    );\n\n    const setDateValueFromDate = (newDate: DateInputRangeProps[\"date\"]) => {\n      let newDateValue = { ...dateValue };\n      const formattedStartDate = format(newDate?.startDate ?? null);\n      if (formattedStartDate) {\n        newDateValue = { ...newDateValue, startDate: formattedStartDate };\n      }\n      const formattedEndDate = format(newDate?.endDate ?? null);\n      if (formattedEndDate) {\n        newDateValue = { ...newDateValue, endDate: formattedEndDate };\n      }\n      if (\n        newDateValue?.startDate !== dateValue?.startDate ||\n        newDateValue?.endDate !== dateValue?.endDate\n      ) {\n        onDateValueChange?.(newDateValue, true);\n      }\n      setDateValue(newDateValue);\n    };\n\n    // Update date string value when selected date changes\n    useEffect(() => {\n      setDateValueFromDate(date);\n    }, [date, date?.startDate, date?.endDate]);\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 endInputIsRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : endInputPropsRequired;\n\n    const apply = (event: SyntheticEvent) => {\n      const { date: newStartDate, error: startDateError } = parse(\n        dateValue.startDate ?? \"\",\n      );\n      const { date: newEndDate, error: endDateError } = parse(\n        dateValue.endDate || \"\",\n      );\n\n      const hasDateChanged = (\n        newDate: DateValue | null,\n        oldDate: DateValue | null,\n      ): boolean => {\n        if (newDate && oldDate) {\n          return newDate.compare(oldDate) !== 0;\n        }\n        return newDate !== oldDate;\n      };\n\n      const createNewDateRange = (\n        startDate: DateValue | null,\n        endDate: DateValue | null,\n      ): DateRangeSelection | null => {\n        if (!startDate && !endDate) {\n          return null;\n        }\n\n        const dateRange: DateRangeSelection = {};\n        dateRange.startDate = startDate;\n        dateRange.endDate = endDate;\n\n        return dateRange;\n      };\n\n      const hasStartDateChanged = hasDateChanged(\n        newStartDate,\n        date?.startDate || null,\n      );\n      const hasEndDateChanged = hasDateChanged(\n        newEndDate,\n        date?.endDate || null,\n      );\n      const hasStartOrEndDateChanged = hasStartDateChanged || hasEndDateChanged;\n\n      const newDate: DateRangeSelection | null = createNewDateRange(\n        newStartDate,\n        newEndDate,\n      );\n\n      if (newDate?.startDate || newDate?.endDate) {\n        setDateValueFromDate(newDate);\n      }\n\n      if (hasStartOrEndDateChanged) {\n        setDate(newDate);\n        if (newDate?.startDate && preservedTime.current.startTime) {\n          newDate.startDate = newDate.startDate.set(\n            preservedTime.current.startTime,\n          );\n        }\n        if (newDate?.endDate && preservedTime.current.endTime) {\n          newDate.endDate = newDate.endDate.set(preservedTime.current.endTime);\n        }\n      }\n      const error = {\n        startDate: startDateError,\n        endDate: endDateError,\n      };\n      if (\n        hasStartOrEndDateChanged ||\n        lastError.current.startDate !== error.startDate ||\n        lastError.current.endDate !== error.endDate\n      ) {\n        const error = {\n          startDate: startDateError,\n          endDate: endDateError,\n        };\n        onDateChange?.(event, newDate, error);\n        lastError.current = error;\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, newDateValue);\n      onDateValueChange?.(newDateValue, false);\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, newDateValue);\n      onDateValueChange?.(newDateValue, false);\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 handleWrapperClick: MouseEventHandler<HTMLDivElement> = (event) => {\n      if (event.target === wrapperRef.current) {\n        const input = startInputRef.current;\n        input?.focus();\n        input?.setSelectionRange(input.value.length, input.value.length);\n      }\n      onClick?.(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        onClick={handleWrapperClick}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(\n            formFieldDescribedBy,\n            startInputPropsDescribedBy,\n          )}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            startInputPropsLabelledBy,\n            startInputID,\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\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          size={placeholder.length}\n          value={\n            isReadOnly && !dateValue?.startDate\n              ? emptyReadOnlyMarker\n              : (dateValue.startDate ?? \"\")\n          }\n          {...restStartInputProps}\n          onBlur={handleStartInputBlur}\n          onChange={handleStartInputChange}\n          onKeyDown={handleStartInputKeyDown}\n          onFocus={!isDisabled ? handleStartInputFocus : undefined}\n          required={startInputIsRequired}\n        />\n        <span>-</span>\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(\n            formFieldDescribedBy,\n            endInputPropsDescribedBy,\n          )}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            endInputPropsLabelledBy,\n            endInputID,\n          )}\n          aria-label={clsx(\"End date\", ariaLabel)}\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          size={placeholder.length}\n          value={\n            isReadOnly && !dateValue?.endDate\n              ? emptyReadOnlyMarker\n              : (dateValue.endDate ?? \"\")\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 && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  },\n);\n"],"names":["DateInputRange","dateInputCss","date","defaultFormatDate","_a","_b","newDate","error"],"mappings":"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"}
+{"version":3,"file":"DateInputRange.js","sources":["../src/date-input/DateInputRange.tsx"],"sourcesContent":["import { type DateValue, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  type InputProps,\n  StatusAdornment,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\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  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type DateRangeSelection,\n  formatDate as defaultFormatDate,\n  getCurrentLocale,\n} from \"../calendar\";\nimport dateInputCss from \"./DateInput.css\";\nimport type { DateInputSingleParserError } from \"./DateInputSingle\";\nimport {\n  type RangeTimeFields,\n  extractTimeFieldsFromDateRange,\n  parseCalendarDate,\n} from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * Date error produced by DateInputRange parser.\n */\nexport type DateInputRangeParserError = string | false;\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 * Return value of DateInputRange parser.\n * @template T\n */\nexport interface DateInputRangeParserResult<T = DateValue | null> {\n  /**\n   * The parsed date value.\n   */\n  date: T;\n  /**\n   * The error encountered during parsing, if any.\n   */\n  error: DateInputRangeParserError;\n}\n\n/**\n * Date Range error returned with selected date to indicate invalid dates.\n */\nexport type DateInputRangeError = {\n  /**\n   * The error for the start date.\n   */\n  startDate: DateInputSingleParserError;\n  /**\n   * The error for the end date.\n   */\n  endDate: DateInputSingleParserError;\n};\n\n/**\n * Props for the DateInputRange component.\n * @template T\n */\nexport interface DateInputRangeProps<T = DateRangeSelection>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Omit<InputProps, \"defaultValue\" | \"inputRef\" | \"value\" | \"onChange\"> {\n  /**\n   * The aria-label for accessibility.\n   */\n  ariaLabel?: string;\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\";\n  /**\n   * Function to format the input value.\n   */\n  format?: (date: DateValue | null) => 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   * 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?: T | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: T | 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?: (\n    event: ChangeEvent<HTMLInputElement>,\n    date: DateInputRangeValue,\n  ) => void;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param date - The new date value.\n   * @param error - The date input range error.\n   */\n  onDateChange?: (\n    event: SyntheticEvent,\n    date: T | null,\n    error: DateInputRangeError,\n  ) => void;\n  /**\n   * Called when input values change, either due to user interaction or programmatic formatting of valid dates.\n   * @param newValue - The new date input range value.\n   * @param isFormatted - Whether the value is formatted.\n   */\n  onDateValueChange?: (\n    newValue: DateInputRangeValue,\n    isFormatted: boolean,\n  ) => void;\n  /**\n   * Function to parse date string to valid `DateValue` or null, if invalid.\n   * @param inputDate - The input date string.\n   * @returns The result of the date input range parser.\n   */\n  parse?: (inputDate: string) => DateInputRangeParserResult;\n  /**\n   * Locale of the entered date.\n   */\n  locale?: string;\n  /**\n   * Timezone of the entered date.\n   */\n  timeZone?: string;\n}\n\nexport const DateInputRange = forwardRef<HTMLDivElement, DateInputRangeProps>(\n  function DateInputRange(props, ref) {\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\n      date: dateProp,\n      defaultDate = {},\n      onDateChange,\n      value: valueProp,\n      defaultValue = { startDate: \"\", endDate: \"\" },\n      onChange,\n      onClick,\n      onDateValueChange,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      format: formatProp,\n      startInputProps = {},\n      endInputProps = {},\n      startInputRef: startInputRefProp,\n      endInputRef: endInputRefProp,\n      parse = parseCalendarDate,\n      placeholder = \"dd mmm yyyy\",\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      locale = getCurrentLocale(),\n      timeZone = getLocalTimeZone(),\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\n    const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const lastError = useRef<{\n      startDate: DateInputRangeParserError;\n      endDate: DateInputRangeParserError;\n    }>({\n      startDate: false,\n      endDate: false,\n    });\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();\n    const endInputID = useId();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-input-range\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const [date, setDate] = useControlled({\n      controlled: dateProp,\n      default: defaultDate,\n      name: \"DateInputRange\",\n      state: \"date\",\n    });\n    const [dateValue, setDateValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"DateInputRange\",\n      state: \"dateValue\",\n    });\n\n    const preservedTime = useRef<RangeTimeFields>({});\n    preservedTime.current = extractTimeFieldsFromDateRange(date);\n\n    const format = useCallback(\n      (date: DateValue | null) => {\n        return formatProp\n          ? formatProp(date)\n          : defaultFormatDate(date, locale, { timeZone });\n      },\n      [formatProp, locale, timeZone],\n    );\n\n    const setDateValueFromDate = (newDate: DateInputRangeProps[\"date\"]) => {\n      let newDateValue = { ...dateValue };\n      const formattedStartDate = format(newDate?.startDate ?? null);\n      if (formattedStartDate) {\n        newDateValue = { ...newDateValue, startDate: formattedStartDate };\n      }\n      const formattedEndDate = format(newDate?.endDate ?? null);\n      if (formattedEndDate) {\n        newDateValue = { ...newDateValue, endDate: formattedEndDate };\n      }\n      if (\n        newDateValue?.startDate !== dateValue?.startDate ||\n        newDateValue?.endDate !== dateValue?.endDate\n      ) {\n        onDateValueChange?.(newDateValue, true);\n      }\n      setDateValue(newDateValue);\n    };\n\n    // Update date string value when selected date changes\n    useEffect(() => {\n      setDateValueFromDate(date);\n    }, [date, date?.startDate, date?.endDate]);\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 endInputIsRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : endInputPropsRequired;\n\n    const apply = (event: SyntheticEvent) => {\n      const { date: newStartDate, error: startDateError } = parse(\n        dateValue.startDate ?? \"\",\n      );\n      const { date: newEndDate, error: endDateError } = parse(\n        dateValue.endDate || \"\",\n      );\n\n      const hasDateChanged = (\n        newDate: DateValue | null,\n        oldDate: DateValue | null,\n      ): boolean => {\n        if (newDate && oldDate) {\n          return newDate.compare(oldDate) !== 0;\n        }\n        return newDate !== oldDate;\n      };\n\n      const createNewDateRange = (\n        startDate: DateValue | null,\n        endDate: DateValue | null,\n      ): DateRangeSelection | null => {\n        if (!startDate && !endDate) {\n          return null;\n        }\n\n        const dateRange: DateRangeSelection = {};\n        dateRange.startDate = startDate;\n        dateRange.endDate = endDate;\n\n        return dateRange;\n      };\n\n      const hasStartDateChanged = hasDateChanged(\n        newStartDate,\n        date?.startDate || null,\n      );\n      const hasEndDateChanged = hasDateChanged(\n        newEndDate,\n        date?.endDate || null,\n      );\n      const hasStartOrEndDateChanged = hasStartDateChanged || hasEndDateChanged;\n\n      const newDate: DateRangeSelection | null = createNewDateRange(\n        newStartDate,\n        newEndDate,\n      );\n\n      if (newDate?.startDate || newDate?.endDate) {\n        setDateValueFromDate(newDate);\n      }\n\n      if (hasStartOrEndDateChanged) {\n        setDate(newDate);\n        if (newDate?.startDate && preservedTime.current.startTime) {\n          newDate.startDate = newDate.startDate.set(\n            preservedTime.current.startTime,\n          );\n        }\n        if (newDate?.endDate && preservedTime.current.endTime) {\n          newDate.endDate = newDate.endDate.set(preservedTime.current.endTime);\n        }\n      }\n      const error = {\n        startDate: startDateError,\n        endDate: endDateError,\n      };\n      if (\n        hasStartOrEndDateChanged ||\n        lastError.current.startDate !== error.startDate ||\n        lastError.current.endDate !== error.endDate\n      ) {\n        const error = {\n          startDate: startDateError,\n          endDate: endDateError,\n        };\n        onDateChange?.(event, newDate, error);\n        lastError.current = error;\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, newDateValue);\n      onDateValueChange?.(newDateValue, false);\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, newDateValue);\n      onDateValueChange?.(newDateValue, false);\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 handleWrapperClick: MouseEventHandler<HTMLDivElement> = (event) => {\n      if (event.target === wrapperRef.current) {\n        const input = startInputRef.current;\n        input?.focus();\n        input?.setSelectionRange(input.value.length, input.value.length);\n      }\n      onClick?.(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        onClick={handleWrapperClick}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(\n            formFieldDescribedBy,\n            startInputPropsDescribedBy,\n          )}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            startInputPropsLabelledBy,\n            startInputID,\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\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          size={placeholder.length}\n          value={\n            isReadOnly && !dateValue?.startDate\n              ? emptyReadOnlyMarker\n              : (dateValue.startDate ?? \"\")\n          }\n          {...restStartInputProps}\n          onBlur={handleStartInputBlur}\n          onChange={handleStartInputChange}\n          onKeyDown={handleStartInputKeyDown}\n          onFocus={!isDisabled ? handleStartInputFocus : undefined}\n          required={startInputIsRequired}\n        />\n        <span>-</span>\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(\n            formFieldDescribedBy,\n            endInputPropsDescribedBy,\n          )}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            endInputPropsLabelledBy,\n            endInputID,\n          )}\n          aria-label={clsx(\"End date\", ariaLabel)}\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          size={placeholder.length}\n          value={\n            isReadOnly && !dateValue?.endDate\n              ? emptyReadOnlyMarker\n              : (dateValue.endDate ?? \"\")\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 && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  },\n);\n"],"names":["DateInputRange","dateInputCss","date","defaultFormatDate","newDate","error"],"mappings":"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"}

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

@@ -101,7 +101,7 @@ const DateInputSingle = forwardRef(
     } = useFormFieldProps();
     const isReadOnly = readOnlyProp || formFieldReadOnly;
     const isDisabled = disabled || formFieldDisabled;
-    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
+    const validationStatus = formFieldValidationStatus ?? validationStatusProp;
     const {
       "aria-describedby": dateInputDescribedBy,
       "aria-labelledby": dateInputLabelledBy,
@@ -114,7 +114,7 @@ const DateInputSingle = forwardRef(
     } = inputProps;
     const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
     const apply = (event) => {
-      const { date: parsedDate, error } = parse(dateValue != null ? dateValue : "");
+      const { date: parsedDate, error } = parse(dateValue ?? "");
       let newDate = parsedDate;
       if (newDate) {
         const formattedDate = format(newDate);
@@ -164,62 +164,61 @@ const DateInputSingle = forwardRef(
       }
       onClick == null ? void 0 : onClick(event);
     };
-    return /* @__PURE__ */ jsxs("div", {
-      className: clsx(
-        withBaseName(),
-        withBaseName(variant),
-        {
-          [withBaseName("focused")]: !isDisabled && focused,
-          [withBaseName("disabled")]: isDisabled,
-          [withBaseName("readOnly")]: isReadOnly,
-          [withBaseName(validationStatus != null ? validationStatus : "")]: validationStatus,
-          [withBaseName("bordered")]: bordered
-        },
-        className
-      ),
-      ref: handleWrapperRef,
-      onClick: handleClick,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("input", {
-          autoComplete: "off",
-          "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
-          "aria-labelledby": clsx(
-            formFieldLabelledBy,
-            dateInputLabelledBy,
-            inputId
+    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,
+        onClick: handleClick,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              "aria-describedby": clsx(formFieldDescribedBy, dateInputDescribedBy),
+              "aria-labelledby": clsx(
+                formFieldLabelledBy,
+                dateInputLabelledBy,
+                inputId
+              ),
+              "aria-label": clsx("Selected date", ariaLabel),
+              id: inputId,
+              className: withBaseName("input"),
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ref: handleInputRef,
+              tabIndex: isDisabled ? -1 : 0,
+              placeholder,
+              size: placeholder.length,
+              value: isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue,
+              ...restDateInputProps,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              onFocus: !isDisabled ? handleFocus : void 0,
+              required: isRequired
+            }
           ),
-          "aria-label": clsx("Selected date", ariaLabel),
-          id: inputId,
-          className: withBaseName("input"),
-          disabled: isDisabled,
-          readOnly: isReadOnly,
-          ref: handleInputRef,
-          tabIndex: isDisabled ? -1 : 0,
-          placeholder,
-          size: placeholder.length,
-          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 && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, {
-              status: validationStatus
-            }),
+          /* @__PURE__ */ jsxs("div", { className: withBaseName("endAdornmentContainer"), children: [
+            !isDisabled && !isReadOnly && validationStatus && /* @__PURE__ */ jsx(StatusAdornment, { status: validationStatus }),
             endAdornment
-          ]
-        }),
-        /* @__PURE__ */ jsx("div", {
-          className: withBaseName("activationIndicator")
-        })
-      ]
-    });
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: withBaseName("activationIndicator") })
+        ]
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"DateInputSingle.js","sources":["../src/date-input/DateInputSingle.tsx"],"sourcesContent":["import {\n  type DateValue,\n  type TimeFields,\n  getLocalTimeZone,\n} from \"@internationalized/date\";\nimport {\n  StatusAdornment,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEventHandler,\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type ReactNode,\n  type RefObject,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type SingleDateSelection,\n  formatDate as defaultFormatDate,\n  getCurrentLocale,\n} from \"../calendar\";\nimport dateInputCss from \"./DateInput.css\";\nimport { extractTimeFieldsFromDate, parseCalendarDate } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * Date error produced by DateInputSingle parser.\n */\nexport type DateInputSingleParserError = string | false;\n\n/**\n * Date error produced by DateInputSingle parser.\n */\nexport type DateInputSingleError = DateInputSingleParserError;\n\n/**\n * Return value of DateInputSingle parser.\n * @template T\n */\nexport interface DateInputSingleParserResult<T = DateValue | null> {\n  /**\n   * The parsed date value.\n   */\n  date: T;\n  /**\n   * The error encountered during parsing, if any.\n   */\n  error: DateInputSingleParserError;\n}\n\n/**\n * Props for the DateInputSingle component.\n * @template T\n */\nexport interface DateInputSingleProps<T = SingleDateSelection>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  /**\n   * The aria-label for accessibility.\n   */\n  ariaLabel?: string;\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 `input` element.\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes\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  format?: (date: DateValue | null) => string;\n  /**\n   * Reference for the input.\n   */\n  inputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Input value. Use when the input value is controlled.\n   */\n  value?: string;\n  /**\n   * The initial input value. Use when the component is uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * The date value. Use when the component is controlled.\n   */\n  date?: T | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: T | null;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param date - The new date value.\n   * @param error - The date input single error.\n   */\n  onDateChange?: (\n    event: SyntheticEvent,\n    date: T | null,\n    error: DateInputSingleError,\n  ) => void;\n  /**\n   * Function to parse date string to valid `DateValue` or null, if invalid or empty.\n   * @param inputDate - The input date string.\n   * @returns The result of the date input single parser.\n   */\n  parse?: (inputDate: string) => DateInputSingleParserResult;\n  /**\n   * Called when input value changes, either due to user interaction or programmatic formatting of valid dates.\n   * @param newValue - The new date input value.\n   * @param isFormatted - Whether the value is formatted.\n   */\n  onDateValueChange?: (newValue: string, isFormatted: boolean) => void;\n  /**\n   * Locale of the entered date.\n   */\n  locale?: string;\n  /**\n   * Timezone of the entered date.\n   */\n  timeZone?: string;\n}\nexport const DateInputSingle = forwardRef<HTMLDivElement, DateInputSingleProps>(\n  function DateInput(props, ref) {\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\n      date: dateProp,\n      defaultDate,\n      onDateChange,\n      value: valueProp,\n      defaultValue = \"\",\n      onChange,\n      onClick,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      format: formatProp,\n      inputProps = {},\n      inputRef: inputRefProp = null,\n      parse = parseCalendarDate,\n      placeholder = \"dd mmm yyyy\",\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      onDateValueChange,\n      locale = getCurrentLocale(),\n      timeZone = getLocalTimeZone(),\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\n    const lastError = useRef<string | false>(false);\n    const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const innerInputRef = useRef<HTMLInputElement>(null);\n    const handleInputRef = useForkRef<HTMLInputElement>(\n      innerInputRef,\n      inputRefProp,\n    );\n\n    const inputId = useId();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-input-single\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const [date, setDate] = useControlled({\n      controlled: dateProp,\n      default: defaultDate,\n      name: \"DateInputSingle\",\n      state: \"date\",\n    });\n    const [dateValue, setDateValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"DateInputSingle\",\n      state: \"dateValue\",\n    });\n    const preservedTime = useRef<TimeFields | undefined>(\n      extractTimeFieldsFromDate(date || null),\n    );\n\n    const format = useCallback(\n      (date: DateValue | null) => {\n        return formatProp\n          ? formatProp(date)\n          : defaultFormatDate(date, locale, { timeZone });\n      },\n      [formatProp, locale, timeZone],\n    );\n\n    // Update date string value when selected date changes\n    useEffect(() => {\n      const formattedDate = format(date || null);\n      if (formattedDate) {\n        setDateValue(formattedDate);\n        onDateValueChange?.(formattedDate, true);\n      }\n    }, [date, format, locale, timeZone]);\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\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur: inputPropsOnBlur,\n      onChange: inputPropsOnChange,\n      onKeyDown: inputPropsOnKeyDown,\n      onFocus: inputPropsOnFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n\n    const apply = (event: SyntheticEvent) => {\n      const { date: parsedDate, error } = parse(dateValue ?? \"\");\n      let newDate = parsedDate;\n      if (newDate) {\n        const formattedDate = format(newDate);\n        if (formattedDate) {\n          setDateValue(formattedDate);\n          onDateValueChange?.(formattedDate, true);\n        }\n      }\n      const hasDateChanged =\n        newDate && date ? newDate.compare(date) !== 0 : newDate !== date;\n      if (hasDateChanged) {\n        setDate(newDate);\n        if (newDate && preservedTime.current) {\n          newDate = newDate.set(preservedTime.current);\n        }\n      }\n      if (hasDateChanged || lastError.current !== error) {\n        onDateChange?.(event, newDate, error);\n      }\n      lastError.current = error;\n    };\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n      const newDateValue = event.target.value;\n      setDateValue(newDateValue);\n      inputPropsOnChange?.(event);\n      onChange?.(event);\n      onDateValueChange?.(newDateValue, false);\n    };\n\n    const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n      setFocused(true);\n      inputPropsOnFocus?.(event);\n    };\n    const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n      setFocused(false);\n      apply(event);\n      inputPropsOnBlur?.(event);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n      if (event.key === \"Enter\") {\n        apply(event);\n      }\n      inputPropsOnKeyDown?.(event);\n    };\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n      if (event.target === wrapperRef.current) {\n        innerInputRef?.current?.focus();\n      }\n      onClick?.(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        onClick={handleClick}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            inputId,\n          )}\n          aria-label={clsx(\"Selected date\", ariaLabel)}\n          id={inputId}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={handleInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue}\n          {...restDateInputProps}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          required={isRequired}\n        />\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  },\n);\n"],"names":["dateInputCss","date","defaultFormatDate"],"mappings":"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"}
+{"version":3,"file":"DateInputSingle.js","sources":["../src/date-input/DateInputSingle.tsx"],"sourcesContent":["import {\n  type DateValue,\n  type TimeFields,\n  getLocalTimeZone,\n} from \"@internationalized/date\";\nimport {\n  StatusAdornment,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEventHandler,\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type InputHTMLAttributes,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type ReactNode,\n  type RefObject,\n  type SyntheticEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  type SingleDateSelection,\n  formatDate as defaultFormatDate,\n  getCurrentLocale,\n} from \"../calendar\";\nimport dateInputCss from \"./DateInput.css\";\nimport { extractTimeFieldsFromDate, parseCalendarDate } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * Date error produced by DateInputSingle parser.\n */\nexport type DateInputSingleParserError = string | false;\n\n/**\n * Date error produced by DateInputSingle parser.\n */\nexport type DateInputSingleError = DateInputSingleParserError;\n\n/**\n * Return value of DateInputSingle parser.\n * @template T\n */\nexport interface DateInputSingleParserResult<T = DateValue | null> {\n  /**\n   * The parsed date value.\n   */\n  date: T;\n  /**\n   * The error encountered during parsing, if any.\n   */\n  error: DateInputSingleParserError;\n}\n\n/**\n * Props for the DateInputSingle component.\n * @template T\n */\nexport interface DateInputSingleProps<T = SingleDateSelection>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  /**\n   * The aria-label for accessibility.\n   */\n  ariaLabel?: string;\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 `input` element.\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes\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  format?: (date: DateValue | null) => string;\n  /**\n   * Reference for the input.\n   */\n  inputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Input value. Use when the input value is controlled.\n   */\n  value?: string;\n  /**\n   * The initial input value. Use when the component is uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * The date value. Use when the component is controlled.\n   */\n  date?: T | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: T | null;\n  /**\n   * Callback fired when the selected date changes.\n   * @param event - The synthetic event.\n   * @param date - The new date value.\n   * @param error - The date input single error.\n   */\n  onDateChange?: (\n    event: SyntheticEvent,\n    date: T | null,\n    error: DateInputSingleError,\n  ) => void;\n  /**\n   * Function to parse date string to valid `DateValue` or null, if invalid or empty.\n   * @param inputDate - The input date string.\n   * @returns The result of the date input single parser.\n   */\n  parse?: (inputDate: string) => DateInputSingleParserResult;\n  /**\n   * Called when input value changes, either due to user interaction or programmatic formatting of valid dates.\n   * @param newValue - The new date input value.\n   * @param isFormatted - Whether the value is formatted.\n   */\n  onDateValueChange?: (newValue: string, isFormatted: boolean) => void;\n  /**\n   * Locale of the entered date.\n   */\n  locale?: string;\n  /**\n   * Timezone of the entered date.\n   */\n  timeZone?: string;\n}\nexport const DateInputSingle = forwardRef<HTMLDivElement, DateInputSingleProps>(\n  function DateInput(props, ref) {\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\n      date: dateProp,\n      defaultDate,\n      onDateChange,\n      value: valueProp,\n      defaultValue = \"\",\n      onChange,\n      onClick,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      format: formatProp,\n      inputProps = {},\n      inputRef: inputRefProp = null,\n      parse = parseCalendarDate,\n      placeholder = \"dd mmm yyyy\",\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      onDateValueChange,\n      locale = getCurrentLocale(),\n      timeZone = getLocalTimeZone(),\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\n    const lastError = useRef<string | false>(false);\n    const handleWrapperRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const innerInputRef = useRef<HTMLInputElement>(null);\n    const handleInputRef = useForkRef<HTMLInputElement>(\n      innerInputRef,\n      inputRefProp,\n    );\n\n    const inputId = useId();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-input-single\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const [date, setDate] = useControlled({\n      controlled: dateProp,\n      default: defaultDate,\n      name: \"DateInputSingle\",\n      state: \"date\",\n    });\n    const [dateValue, setDateValue] = useControlled({\n      controlled: valueProp,\n      default: defaultValue,\n      name: \"DateInputSingle\",\n      state: \"dateValue\",\n    });\n    const preservedTime = useRef<TimeFields | undefined>(\n      extractTimeFieldsFromDate(date || null),\n    );\n\n    const format = useCallback(\n      (date: DateValue | null) => {\n        return formatProp\n          ? formatProp(date)\n          : defaultFormatDate(date, locale, { timeZone });\n      },\n      [formatProp, locale, timeZone],\n    );\n\n    // Update date string value when selected date changes\n    useEffect(() => {\n      const formattedDate = format(date || null);\n      if (formattedDate) {\n        setDateValue(formattedDate);\n        onDateValueChange?.(formattedDate, true);\n      }\n    }, [date, format, locale, timeZone]);\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\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur: inputPropsOnBlur,\n      onChange: inputPropsOnChange,\n      onKeyDown: inputPropsOnKeyDown,\n      onFocus: inputPropsOnFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n\n    const apply = (event: SyntheticEvent) => {\n      const { date: parsedDate, error } = parse(dateValue ?? \"\");\n      let newDate = parsedDate;\n      if (newDate) {\n        const formattedDate = format(newDate);\n        if (formattedDate) {\n          setDateValue(formattedDate);\n          onDateValueChange?.(formattedDate, true);\n        }\n      }\n      const hasDateChanged =\n        newDate && date ? newDate.compare(date) !== 0 : newDate !== date;\n      if (hasDateChanged) {\n        setDate(newDate);\n        if (newDate && preservedTime.current) {\n          newDate = newDate.set(preservedTime.current);\n        }\n      }\n      if (hasDateChanged || lastError.current !== error) {\n        onDateChange?.(event, newDate, error);\n      }\n      lastError.current = error;\n    };\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n      const newDateValue = event.target.value;\n      setDateValue(newDateValue);\n      inputPropsOnChange?.(event);\n      onChange?.(event);\n      onDateValueChange?.(newDateValue, false);\n    };\n\n    const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n      setFocused(true);\n      inputPropsOnFocus?.(event);\n    };\n    const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n      setFocused(false);\n      apply(event);\n      inputPropsOnBlur?.(event);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n      if (event.key === \"Enter\") {\n        apply(event);\n      }\n      inputPropsOnKeyDown?.(event);\n    };\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = (event) => {\n      if (event.target === wrapperRef.current) {\n        innerInputRef?.current?.focus();\n      }\n      onClick?.(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        onClick={handleClick}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            inputId,\n          )}\n          aria-label={clsx(\"Selected date\", ariaLabel)}\n          id={inputId}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={handleInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={isReadOnly && !dateValue ? emptyReadOnlyMarker : dateValue}\n          {...restDateInputProps}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          required={isRequired}\n        />\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  },\n);\n"],"names":["dateInputCss","date","defaultFormatDate"],"mappings":"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"}