@salt-ds/lab 1.0.0-alpha.76 → 1.0.0-alpha.78

package/dist-es/content-status/ContentStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  Text,\n  useAriaAnnouncer,\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  forwardRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type Ref,\n  useEffect,\n} from \"react\";\nimport contentStatusCss from \"./ContentStatus.css\";\nimport {\n  StatusIndicator,\n  type StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n  extends HTMLAttributes<HTMLDivElement>,\n    StatusIndicatorProps {\n  actionLabel?: string;\n  buttonRef?: Ref<HTMLButtonElement>;\n  onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n  function ContentStatus(\n    {\n      CircularProgressProps,\n      SpinnerProps,\n      actionLabel,\n      buttonRef,\n      className,\n      children,\n      disableAnnouncer,\n      message,\n      onActionClick,\n      status = \"info\",\n      title,\n      value,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-content-status\",\n      css: contentStatusCss,\n      window: targetWindow,\n    });\n\n    const id = useId();\n\n    const hasDefaultActionContent = actionLabel && onActionClick;\n    const hasActions = children || hasDefaultActionContent;\n    const hasContent = title || message || hasActions;\n\n    const { announce } = useAriaAnnouncer();\n\n    useEffect(() => {\n      if (disableAnnouncer) return;\n\n      const toBeAnnounced = [];\n      if (title) {\n        toBeAnnounced.push(title);\n      }\n      if (message) {\n        toBeAnnounced.push(message);\n      }\n      // Loading is announced by the spinner\n      if (status !== \"loading\") {\n        toBeAnnounced.push(status);\n      }\n      if (toBeAnnounced.length > 0) {\n        announce(toBeAnnounced.join(\" \"));\n      }\n    }, [announce, disableAnnouncer, message, status, title]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <StatusIndicator\n          CircularProgressProps={CircularProgressProps}\n          SpinnerProps={SpinnerProps}\n          disableAnnouncer={disableAnnouncer}\n          id={id}\n          message={message}\n          status={status}\n          title={title}\n          value={value}\n          {...rest}\n        />\n        {hasContent && (\n          <div\n            // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n            aria-labelledby={id}\n            className={clsx(withBaseName(\"content\"))}\n            id={id}\n            role=\"region\"\n          >\n            {title && (\n              <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n            )}\n            {message && (\n              <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n            )}\n            {hasActions && (\n              <div className={clsx(withBaseName(\"actions\"))}>\n                {children || (\n                  <Button onClick={onActionClick} ref={buttonRef}>\n                    {actionLabel}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ContentStatus","contentStatusCss"],"mappings":"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"}
+{"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  Text,\n  useAriaAnnouncer,\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  forwardRef,\n  type HTMLAttributes,\n  type MouseEvent,\n  type Ref,\n  useEffect,\n} from \"react\";\nimport contentStatusCss from \"./ContentStatus.css\";\nimport {\n  StatusIndicator,\n  type StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n  extends HTMLAttributes<HTMLDivElement>,\n    StatusIndicatorProps {\n  actionLabel?: string;\n  buttonRef?: Ref<HTMLButtonElement>;\n  onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n  function ContentStatus(\n    {\n      CircularProgressProps,\n      SpinnerProps,\n      actionLabel,\n      buttonRef,\n      className,\n      children,\n      disableAnnouncer,\n      message,\n      onActionClick,\n      status = \"info\",\n      title,\n      value,\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-content-status\",\n      css: contentStatusCss,\n      window: targetWindow,\n    });\n\n    const id = useId();\n\n    const hasDefaultActionContent = actionLabel && onActionClick;\n    const hasActions = children || hasDefaultActionContent;\n    const hasContent = title || message || hasActions;\n\n    const { announce } = useAriaAnnouncer();\n\n    useEffect(() => {\n      if (disableAnnouncer) return;\n\n      const toBeAnnounced = [];\n      if (title) {\n        toBeAnnounced.push(title);\n      }\n      if (message) {\n        toBeAnnounced.push(message);\n      }\n      // Loading is announced by the spinner\n      if (status !== \"loading\") {\n        toBeAnnounced.push(status);\n      }\n      if (toBeAnnounced.length > 0) {\n        announce(toBeAnnounced.join(\" \"));\n      }\n    }, [announce, disableAnnouncer, message, status, title]);\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <StatusIndicator\n          CircularProgressProps={CircularProgressProps}\n          SpinnerProps={SpinnerProps}\n          disableAnnouncer={disableAnnouncer}\n          id={id}\n          message={message}\n          status={status}\n          title={title}\n          value={value}\n          {...rest}\n        />\n        {hasContent && (\n          <div\n            // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n            aria-labelledby={id}\n            className={clsx(withBaseName(\"content\"))}\n            id={id}\n            role=\"region\"\n          >\n            {title && (\n              <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n            )}\n            {message && (\n              <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n            )}\n            {hasActions && (\n              <div className={clsx(withBaseName(\"actions\"))}>\n                {children || (\n                  <Button onClick={onActionClick} ref={buttonRef}>\n                    {actionLabel}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ContentStatus","contentStatusCss"],"mappings":"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"}

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  CircularProgress,\n  type CircularProgressProps,\n  makePrefixer,\n  Spinner,\n  type SpinnerProps,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ReactElement } from \"react\";\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,MAAW,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,EAAE,CAAA,CAAA;AAAA,QAC1B,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,EAAE,CAAA,CAAA;AAAA,MACrC,IAAM,EAAA;AAAA;AAAA,GACR;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  CircularProgress,\n  type CircularProgressProps,\n  makePrefixer,\n  Spinner,\n  type SpinnerProps,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ReactElement } from \"react\";\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,eAAA,CAAgB;AAAA,EAC9B,MAAA,GAAS,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAA,EAAuB;AAAA,IACrB,SAAA,EAAW,yBAAA;AAAA,IACX,GAAG;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,kBAAkB,GAAG,gBAAA,KAAqB,EAAC;AAAA,EACtE;AACF,CAAA,EAAuC;AACrC,EAAA,IAAI,WAAW,SAAA,EAAW;AACxB,IAAA,IAAI,UAAU,MAAA,EAAW;AACvB,MAAA,uBACE,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,cAAY,KAAA,IAAS,OAAA;AAAA,UACrB,SAAA,EAAW,IAAA;AAAA,YACT,aAAa,oBAAoB,CAAA;AAAA,YACjC;AAAA,WACF;AAAA,UACA,KAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,IAEJ;AACA,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,IAAA,CAAK,YAAA,CAAa,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,QAEtE,sBAAA,EAAwB,IAAA;AAAA,QACxB,aAAA,EAAa,WAAW,EAAE,CAAA,CAAA;AAAA,QAC1B,gBAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAACA,iBAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,iBAAA,EAAiB,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA;AAAA,MACrC,IAAA,EAAM;AAAA;AAAA,GACR;AAEJ;;;;"}

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

@@ -169,11 +169,12 @@ const DateInputRange = forwardRef(
     } = endInputProps;
     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,
-        endDate
+        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(

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

@@ -1 +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 * @template TDate - The type of the date object.\n */\nexport interface DateInputRangeProps<TDate extends DateFrameworkType>\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   * 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<TDate>;\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<TDate> | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: DateRangeSelection<TDate> | 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<TDate> | 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<\n  HTMLDivElement,\n  DateInputRangeProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DateInputRangeProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { dateAdapter } = useLocalization<TDate>();\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\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      onClick,\n      onDateValueChange,\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 ?? defaultDate?.startDate) as TDate,\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();\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 parseDateValue = (\n      dateValue: string | null | undefined,\n      field: DateParserField,\n    ): ParserResult<TDate> | 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 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      const updatedDateRange: DateRangeSelection<TDate> = {\n        startDate,\n        endDate,\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 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          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={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          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 && !isReadOnly && 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;AAuBrC,IAAA,eAAA,qBAAAA,gBAAL,KAAA;AACL,EAAAA,iBAAA,OAAQ,CAAA,GAAA,OAAA;AACR,EAAAA,iBAAA,KAAM,CAAA,GAAA,KAAA;AAFI,EAAAA,OAAAA,gBAAAA;AAAA,CAAA,EAAA,eAAA,IAAA,EAAA;AA+HL,MAAM,cAAiB,GAAA,UAAA;AAAA,EAI5B,CACE,OACA,GACG,KAAA;AACH,IAAM,MAAA,EAAE,WAAY,EAAA,GAAI,eAAuB,EAAA;AAC/C,IAAM,MAAA;AAAA,MACJ,QAAW,GAAA,KAAA;AAAA,MACX,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAc,EAAA,SAAA;AAAA,MACd,IAAM,EAAA,QAAA;AAAA,MACN,WAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,MAAS,GAAA,aAAA;AAAA,MACT,YAAe,GAAA;AAAA,QACb,SAAW,EAAA,EAAA;AAAA,QACX,OAAS,EAAA;AAAA,OACX;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,iBAAA;AAAA,MACA,mBAAsB,GAAA,QAAA;AAAA,MACtB,YAAA;AAAA,MACA,kBAAkB,EAAC;AAAA,MACnB,gBAAgB,EAAC;AAAA,MACjB,aAAe,EAAA,iBAAA;AAAA,MACf,WAAa,EAAA,eAAA;AAAA,MACb,KAAO,EAAA,SAAA;AAAA,MACP,WAAA,GAAc,OAAO,WAAY,EAAA;AAAA,MACjC,QAAU,EAAA,YAAA;AAAA,MACV,gBAAkB,EAAA,oBAAA;AAAA,MAClB,OAAU,GAAA,SAAA;AAAA,MACV,QAAW,GAAA,CAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,SAAa,MAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,aAC3C,WAAY,CAAA,WAAA;AAAA,QACT,CAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,eAAa,WAAa,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,SAAA;AAAA,OAEvC,GAAA,SAAA;AAAA,MACJ,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAM,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA;AAC9B,IAAM,MAAA,gBAAA,GAAmB,UAA2B,CAAA,GAAA,EAAK,UAAU,CAAA;AAEnE,IAAM,MAAA,aAAA,GAAgB,OAAyB,IAAI,CAAA;AACnD,IAAM,MAAA,mBAAA,GAAsB,UAAW,CAAA,aAAA,EAAe,iBAAiB,CAAA;AACvE,IAAM,MAAA,WAAA,GAAc,OAAyB,IAAI,CAAA;AACjD,IAAM,MAAA,iBAAA,GAAoB,UAAW,CAAA,WAAA,EAAa,eAAe,CAAA;AAEjE,IAAA,MAAM,eAAe,KAAM,EAAA;AAC3B,IAAA,MAAM,aAAa,KAAM,EAAA;AAEzB,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,uBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,iBAAiB,CACrBC,UAAAA,EACA,UAEA,SACI,GAAA,SAAA,CAAUA,cAAa,EAAI,EAAA,KAAA,EAAO,MAAM,CAAA,GACxC,YAAY,KAAM,CAAA,IAAA,CAAK,WAAW,CAAEA,CAAAA,UAAAA,IAAa,IAAI,MAAM,CAAA;AAEjE,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,aAAc,CAAA;AAAA,MAC9C,UAAY,EAAA,SAAA;AAAA,MACZ,OAAS,EAAA,YAAA;AAAA,MACT,IAAM,EAAA,gBAAA;AAAA,MACN,KAAO,EAAA;AAAA,KACR,CAAA;AAED,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,aAAc,CAAA;AAAA,MACpC,UAAY,EAAA,QAAA;AAAA;AAAA,MAEZ,OAAA,EAAS,QAAQ,MAAM;AACrB,QAAA,IAAI,WAAa,EAAA;AACf,UAAO,OAAA,WAAA;AAAA;AAET,QAAA,IAAI,CAAC,YAAc,EAAA;AACjB,UAAO,OAAA,MAAA;AAAA;AAET,QAAM,MAAA,EAAE,IAAM,EAAA,SAAA,GAAY,MAAU,EAAA,GAClC,eAAe,YAAc,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,SAAA,EAAW,OAAqB,aAAA,IAAK,EAAC;AACrE,QAAM,MAAA,EAAE,IAAM,EAAA,OAAA,GAAU,MAAU,EAAA,GAChC,eAAe,YAAc,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,OAAA,EAAS,KAAmB,WAAA,IAAK,EAAC;AACjE,QAAO,OAAA;AAAA,UACL,SAAA;AAAA,UACA;AAAA,SACF;AAAA,OACF,EAAG,EAAE,CAAA;AAAA,MACL,IAAM,EAAA,gBAAA;AAAA,MACN,KAAO,EAAA;AAAA,KACR,CAAA;AAED,IAAM,MAAA,gBAAA,GAAmB,OAA4B,SAAS,CAAA;AAC9D,IAAA,MAAM,gBAAgB,MAGnB,CAAA,EAAE,WAAW,IAAM,EAAA,OAAA,EAAS,MAAM,CAAA;AACrC,IAAA,aAAA,CAAc,OAAU,GAAA;AAAA,MACtB,SACE,EAAA,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,SAAa,KAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,SAAS,CAAA,GAClD,WAAY,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAS,CAClC,GAAA,IAAA;AAAA,MACN,OACE,EAAA,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,OAAW,KAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,OAAO,CAAA,GAC9C,WAAY,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAO,CAChC,GAAA;AAAA,KACR;AACA,IAAM,MAAA,oBAAA,GAAuB,CAAC,OAAyB,KAAA;AACrD,MAAA,IAAI,YAAe,GAAA,EAAE,SAAW,EAAA,EAAA,EAAI,SAAS,EAAG,EAAA;AAChD,MAAI,IAAA,EAAC,mCAAS,SAAW,CAAA,EAAA;AACvB,QAAA,YAAA,GAAe,EAAE,GAAG,YAAc,EAAA,SAAA,EAAW,EAAG,EAAA;AAAA,iBACvC,CAAC,WAAA,CAAY,OAAQ,CAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,SAAS,CAAG,EAAA;AACnD,QAAe,YAAA,GAAA;AAAA,UACb,GAAG,YAAA;AAAA,UACH,SAAA,EAAA,CAAW,uCAAW,SAAa,KAAA;AAAA,SACrC;AAAA,OACF,MAAA,IAAW,mCAAS,SAAW,EAAA;AAC7B,QAAA,MAAM,0BAA0B,WAAY,CAAA,MAAA;AAAA,UAC1C,OAAQ,CAAA,SAAA;AAAA,UACR;AAAA,SACF;AACA,QAAA,YAAA,GAAe,EAAE,GAAG,YAAc,EAAA,SAAA,EAAW,uBAAwB,EAAA;AAAA;AAEvE,MAAI,IAAA,EAAC,mCAAS,OAAS,CAAA,EAAA;AACrB,QAAA,YAAA,GAAe,EAAE,GAAG,YAAc,EAAA,OAAA,EAAS,EAAG,EAAA;AAAA,iBACrC,CAAC,WAAA,CAAY,OAAQ,CAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,OAAO,CAAG,EAAA;AACjD,QAAA,YAAA,GAAe,EAAE,GAAG,YAAA,EAAc,OAAS,EAAA,CAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,YAAW,EAAG,EAAA;AAAA,kBAC3D,OAAS,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,OAAA,KAAW,YAAY,OAAQ,CAAA,OAAA,CAAQ,OAAO,CAAG,EAAA;AACnE,QAAA,MAAM,wBAAwB,WAAY,CAAA,MAAA;AAAA,UACxC,OAAQ,CAAA,OAAA;AAAA,UACR;AAAA,SACF;AACA,QAAA,YAAA,GAAe,EAAE,GAAG,YAAc,EAAA,OAAA,EAAS,qBAAsB,EAAA;AAAA;AAGnE,MACG,IAAA,EAAC,6CAAc,SAAa,CAAA,IAAA,CAAC,EAAC,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,SAAA,CAAA,IACzC,CAAC,YAAa,CAAA,OAAA,IAAW,CAAC,EAAC,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,aACvC,YAAc,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,SAAA,OAAc,uCAAW,SACvC,CAAA,IAAA,CAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,OAAY,OAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,OACrC,CAAA,EAAA;AACA,QAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,IAAM,EAAA,YAAA,CAAA;AAC1B,QAAA,YAAA,CAAa,YAAY,CAAA;AAAA;AAE3B,MAAO,OAAA,YAAA;AAAA,KACT;AAGA,IAAA,SAAA,CAAU,MAAM;AACd,MAAiB,gBAAA,CAAA,OAAA,GAAU,qBAAqB,IAAI,CAAA;AAAA,KACtD,EAAG,CAAC,IAAA,EAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,SAAA,EAAW,6BAAM,OAAS,EAAA,WAAA,CAAY,MAAQ,EAAA,MAAM,CAAC,CAAA;AAErE,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAM,MAAA;AAAA,MACJ,SAAW,EAAA;AAAA,QACT,kBAAoB,EAAA,oBAAA;AAAA,QACpB,iBAAmB,EAAA;AAAA,UACjB,EAAC;AAAA,MACL,QAAU,EAAA,iBAAA;AAAA,MACV,QAAU,EAAA,iBAAA;AAAA,MACV,SAAW,EAAA,iBAAA;AAAA,MACX,gBAAkB,EAAA;AAAA,QAChB,iBAAkB,EAAA;AAEtB,IAAA,MAAM,aAAa,YAAgB,IAAA,iBAAA;AACnC,IAAA,MAAM,aAAa,QAAY,IAAA,iBAAA;AAE/B,IAAA,MAAM,mBAAmB,yBAA6B,IAAA,oBAAA;AAEtD,IAAM,MAAA;AAAA,MACJ,kBAAoB,EAAA,0BAAA;AAAA,MACpB,iBAAmB,EAAA,yBAAA;AAAA,MACnB,MAAQ,EAAA,qBAAA;AAAA,MACR,QAAU,EAAA,uBAAA;AAAA,MACV,SAAW,EAAA,wBAAA;AAAA,MACX,OAAS,EAAA,sBAAA;AAAA,MACT,QAAU,EAAA,uBAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,eAAA;AAEJ,IAAM,MAAA,oBAAA,GAAuB,oBACzB,CAAC,UAAA,EAAY,UAAU,CAAE,CAAA,QAAA,CAAS,iBAAiB,CACnD,GAAA,uBAAA;AAEJ,IAAM,MAAA;AAAA,MACJ,kBAAoB,EAAA,wBAAA;AAAA,MACpB,iBAAmB,EAAA,uBAAA;AAAA,MACnB,MAAQ,EAAA,mBAAA;AAAA,MACR,QAAU,EAAA,qBAAA;AAAA,MACV,SAAW,EAAA,sBAAA;AAAA,MACX,OAAS,EAAA,oBAAA;AAAA,MACT,QAAU,EAAA,qBAAA;AAAA,MACV,GAAG;AAAA,KACD,GAAA,aAAA;AAEJ,IAAM,MAAA,kBAAA,GAAqB,oBACvB,CAAC,UAAA,EAAY,UAAU,CAAE,CAAA,QAAA,CAAS,iBAAiB,CACnD,GAAA,qBAAA;AAEJ,IAAM,MAAA,KAAA,GAAQ,CAAC,KAA0B,KAAA;AACvC,MAAA,MAAM,EAAE,IAAA,EAAM,SAAY,GAAA,MAAA,EAAW,GAAG,qBAAA,EACtC,GAAA,cAAA,CAAe,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,SAAA,EAAW,OAAqB,aAAA,IAAK,EAAC;AAClE,MAAA,MAAM,EAAE,IAAA,EAAM,OAAU,GAAA,MAAA,EAAW,GAAG,mBAAA,EACpC,GAAA,cAAA,CAAe,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,OAAA,EAAS,KAAmB,WAAA,IAAK,EAAC;AAC9D,MAAA,MAAM,gBAA8C,GAAA;AAAA,QAClD,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAI,IAAA,WAAA,CAAY,OAAQ,CAAA,SAAS,CAAG,EAAA;AAClC,QAAA,gBAAA,CAAiB,YAAY,WAAY,CAAA,WAAA;AAAA,UACvC,SAAA;AAAA,UACA;AAAA,SACF;AACA,QAAI,IAAA,aAAA,CAAc,QAAQ,SAAW,EAAA;AACnC,UAAA,gBAAA,CAAiB,YAAY,WAAY,CAAA,GAAA;AAAA,YACvC,gBAAiB,CAAA,SAAA;AAAA,YACjB,cAAc,OAAQ,CAAA;AAAA,WACxB;AAAA;AACF;AAEF,MAAI,IAAA,WAAA,CAAY,OAAQ,CAAA,OAAO,CAAG,EAAA;AAChC,QAAA,gBAAA,CAAiB,OAAU,GAAA,WAAA,CAAY,WAAY,CAAA,OAAA,EAAS,QAAQ,CAAA;AACpE,QAAI,IAAA,aAAA,CAAc,QAAQ,OAAS,EAAA;AACjC,UAAA,gBAAA,CAAiB,UAAU,WAAY,CAAA,GAAA;AAAA,YACrC,gBAAiB,CAAA,OAAA;AAAA,YACjB,cAAc,OAAQ,CAAA;AAAA,WACxB;AAAA;AACF;AAEF,MAAM,MAAA,gBAAA,GAAmB,qBAAqB,gBAAgB,CAAA;AAE9D,MAAA,OAAA,CAAQ,gBAAgB,CAAA;AAExB,MACE,IAAA,gBAAA,CAAiB,QAAQ,SAAc,KAAA,gBAAA,CAAiB,aACxD,gBAAiB,CAAA,OAAA,CAAQ,OAAY,KAAA,gBAAA,CAAiB,OACtD,EAAA;AACA,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,OAAO,gBAAkB,EAAA;AAAA,UACtC,SAAW,EAAA,qBAAA;AAAA,UACX,OAAS,EAAA;AAAA,SACX,CAAA;AACA,QAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAO,EAAA,gBAAA,CAAA;AAC3B,QAAA,gBAAA,CAAiB,OAAU,GAAA,gBAAA;AAAA;AAC7B,KACF;AAEA,IAAM,MAAA,sBAAA,GAA+D,CACnE,KACG,KAAA;AACH,MAAA,MAAM,eAAe,EAAE,GAAG,WAAW,SAAW,EAAA,KAAA,CAAM,OAAO,KAAM,EAAA;AACnE,MAAA,YAAA,CAAa,YAAY,CAAA;AACzB,MAA0B,uBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,uBAAA,CAAA,KAAA,CAAA;AAC1B,MAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACX,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAO,EAAA,YAAA,CAAA;AAAA,KAC7B;AAEA,IAAM,MAAA,oBAAA,GAA6D,CACjE,KACG,KAAA;AACH,MAAA,MAAM,eAAe,EAAE,GAAG,WAAW,OAAS,EAAA,KAAA,CAAM,OAAO,KAAM,EAAA;AACjE,MAAA,YAAA,CAAa,YAAY,CAAA;AACzB,MAAwB,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAA,KAAA,CAAA;AACxB,MAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACX,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAO,EAAA,YAAA,CAAA;AAAA,KAC7B;AAEA,IAAM,MAAA,qBAAA,GAA6D,CACjE,KACG,KAAA;AACH,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAyB,sBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,sBAAA,CAAA,KAAA,CAAA;AAAA,KAC3B;AAEA,IAAM,MAAA,mBAAA,GAA2D,CAC/D,KACG,KAAA;AACH,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAuB,oBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAM,MAAA,oBAAA,GAA4D,CAChE,KACG,KAAA;AACH,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,KAAA,CAAM,KAAK,CAAA;AACX,MAAwB,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAA,KAAA,CAAA;AAAA,KAC1B;AAEA,IAAM,MAAA,kBAAA,GAA0D,CAAC,KAAU,KAAA;AACzE,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,KAAA,CAAM,KAAK,CAAA;AACX,MAAsB,mBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,mBAAA,CAAA,KAAA,CAAA;AAAA,KACxB;AAEA,IAAM,MAAA,uBAAA,GAAkE,CACtE,KACG,KAAA;AACH,MAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,QAAA,KAAA,CAAM,KAAK,CAAA;AAAA;AAEb,MAA2B,wBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,wBAAA,CAAA,KAAA,CAAA;AAAA,KAC7B;AAEA,IAAM,MAAA,qBAAA,GAAgE,CACpE,KACG,KAAA;AACH,MAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,QAAA,KAAA,CAAM,KAAK,CAAA;AAAA;AAEb,MAAyB,sBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,sBAAA,CAAA,KAAA,CAAA;AAAA,KAC3B;AAEA,IAAM,MAAA,kBAAA,GAAwD,CAAC,KAAU,KAAA;AACvE,MAAI,IAAA,KAAA,CAAM,MAAW,KAAA,UAAA,CAAW,OAAS,EAAA;AACvC,QAAA,MAAM,QAAQ,aAAc,CAAA,OAAA;AAC5B,QAAO,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,KAAA,EAAA;AACP,QAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,iBAAkB,CAAA,KAAA,CAAM,KAAM,CAAA,MAAA,EAAQ,MAAM,KAAM,CAAA,MAAA,CAAA;AAAA;AAE3D,MAAU,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,KAAA,CAAA;AAAA,KACZ;AAEA,IACE,uBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,aAAa,OAAO,CAAA;AAAA,UACpB;AAAA,YACE,CAAC,YAAa,CAAA,SAAS,CAAC,GAAG,CAAC,UAAc,IAAA,OAAA;AAAA,YAC1C,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,UAAA;AAAA,YAC5B,CAAC,YAAA,CAAa,gBAAoB,IAAA,EAAE,CAAC,GAAG,gBAAA;AAAA,YACxC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,WAC9B;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAK,EAAA,gBAAA;AAAA,QACL,OAAS,EAAA,kBAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,YAAa,EAAA,KAAA;AAAA,cACb,kBAAkB,EAAA,IAAA;AAAA,gBAChB,oBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,iBAAiB,EAAA,IAAA;AAAA,gBACf,mBAAA;AAAA,gBACA,yBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,IAAK,CAAA,YAAA,EAAc,SAAS,CAAA;AAAA,cACxC,EAAI,EAAA,YAAA;AAAA,cACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,QAAU,EAAA,UAAA;AAAA,cACV,QAAU,EAAA,UAAA;AAAA,cACV,GAAK,EAAA,mBAAA;AAAA,cACL,QAAA,EAAU,aAAa,EAAK,GAAA,CAAA;AAAA,cAC5B,WAAA;AAAA,cACA,KAAA,EACE,UAAc,IAAA,EAAC,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,SAAA,CAAA,GACtB,mBACC,GAAA,SAAA,CAAU,SAAa,IAAA,WAAA,CAAY,MAAO,CAAA,MAAA,EAAW,MAAM,CAAA;AAAA,cAEjE,GAAG,mBAAA;AAAA,cACJ,MAAQ,EAAA,oBAAA;AAAA,cACR,QAAU,EAAA,sBAAA;AAAA,cACV,SAAW,EAAA,uBAAA;AAAA,cACX,OAAA,EAAS,CAAC,UAAA,GAAa,qBAAwB,GAAA,MAAA;AAAA,cAC/C,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,8BACC,MAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,GAAG,QAAC,EAAA,GAAA,EAAA,CAAA;AAAA,0BACxC,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,YAAa,EAAA,KAAA;AAAA,cACb,kBAAkB,EAAA,IAAA;AAAA,gBAChB,oBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,iBAAiB,EAAA,IAAA;AAAA,gBACf,mBAAA;AAAA,gBACA,uBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,IAAK,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,cACtC,EAAI,EAAA,UAAA;AAAA,cACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,QAAU,EAAA,UAAA;AAAA,cACV,QAAU,EAAA,UAAA;AAAA,cACV,GAAK,EAAA,iBAAA;AAAA,cACL,QAAA,EAAU,aAAa,EAAK,GAAA,CAAA;AAAA,cAC5B,WAAA;AAAA,cACA,KAAA,EACE,UAAc,IAAA,EAAC,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,OAAA,CAAA,GACtB,mBACC,GAAA,SAAA,CAAU,OAAW,IAAA,WAAA,CAAY,MAAO,CAAA,MAAA,EAAW,MAAM,CAAA;AAAA,cAE/D,GAAG,iBAAA;AAAA,cACJ,MAAQ,EAAA,kBAAA;AAAA,cACR,QAAU,EAAA,oBAAA;AAAA,cACV,SAAW,EAAA,qBAAA;AAAA,cACX,OAAA,EAAS,CAAC,UAAA,GAAa,mBAAsB,GAAA,MAAA;AAAA,cAC7C,QAAU,EAAA;AAAA;AAAA,WACZ;AAAA,0BACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,uBAAuB,CACjD,EAAA,QAAA,EAAA;AAAA,YAAA,CAAC,cAAc,CAAC,UAAA,IAAc,oCAC5B,GAAA,CAAA,eAAA,EAAA,EAAgB,QAAQ,gBAAkB,EAAA,CAAA;AAAA,YAE5C;AAAA,WACH,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,YAAA,CAAa,qBAAqB,CAAG,EAAA;AAAA;AAAA;AAAA,KACvD;AAAA;AAGN;;;;"}
+{"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 * @template TDate - The type of the date object.\n */\nexport interface DateInputRangeProps<TDate extends DateFrameworkType>\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   * 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<TDate>;\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<TDate> | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: DateRangeSelection<TDate> | 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<TDate> | 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<\n  HTMLDivElement,\n  DateInputRangeProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DateInputRangeProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { dateAdapter } = useLocalization<TDate>();\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\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      onClick,\n      onDateValueChange,\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 ?? defaultDate?.startDate) as TDate,\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();\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 parseDateValue = (\n      dateValue: string | null | undefined,\n      field: DateParserField,\n    ): ParserResult<TDate> | 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 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<TDate> = {\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 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          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={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          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 && !isReadOnly && 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;AA+HL,MAAM,cAAA,GAAiB,UAAA;AAAA,EAI5B,CACE,OACA,GAAA,KACG;AACH,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,eAAA,EAAuB;AAC/C,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,KAAA;AAAA,MACX,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,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,OAAA;AAAA,MACA,iBAAA;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,eAAa,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,SAAA;AAAA,OACvC,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,eAAe,KAAA,EAAM;AAC3B,IAAA,MAAM,aAAa,KAAA,EAAM;AAEzB,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,kBAAA,GAAqB,oBACvB,CAAC,UAAA,EAAY,UAAU,CAAA,CAAE,QAAA,CAAS,iBAAiB,CAAA,GACnD,qBAAA;AAEJ,IAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,KAA0B;AA9Y7C,MAAA,IAAA,EAAA,EAAA,EAAA;AA+YM,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,GAA8C;AAAA,QAClD,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,kBAAA,GAAwD,CAAC,KAAA,KAAU;AACvE,MAAA,IAAI,KAAA,CAAM,MAAA,KAAW,UAAA,CAAW,OAAA,EAAS;AACvC,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,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,CAAA;AAAA,IACZ,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,OAAA,EAAS,kBAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAa,KAAA;AAAA,cACb,kBAAA,EAAkB,IAAA;AAAA,gBAChB,oBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,iBAAA,EAAiB,IAAA;AAAA,gBACf,mBAAA;AAAA,gBACA,yBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,IAAA,CAAK,YAAA,EAAc,SAAS,CAAA;AAAA,cACxC,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,IAAA;AAAA,gBAChB,oBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,iBAAA,EAAiB,IAAA;AAAA,gBACf,mBAAA;AAAA,gBACA,uBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,IAAA,CAAK,UAAA,EAAY,SAAS,CAAA;AAAA,cACtC,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,cAAc,CAAC,UAAA,IAAc,oCAC7B,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

@@ -116,10 +116,13 @@ const DateInputSingle = forwardRef(
     const apply = (event) => {
       const parse = parseProp ?? dateAdapter.parse.bind(dateAdapter);
       const parseResult = parse(dateValue ?? "", format);
-      let { date: parsedDate, ...parseDetails } = parseResult;
+      let parsedDate;
+      let parseDetails;
+      ({ date: parsedDate, ...parseDetails } = parseResult);
+      parsedDate = dateValue ? parsedDate : null;
       let formattedValue = "";
       const isDateValid = dateAdapter.isValid(parsedDate);
-      if (isDateValid) {
+      if (isDateValid && parsedDate) {
         parsedDate = dateAdapter.setTimezone(parsedDate, timezone);
         if (preservedTime.current) {
           parsedDate = dateAdapter.set(parsedDate, preservedTime.current);

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

@@ -1 +1 @@
-{"version":3,"file":"DateInputSingle.js","sources":["../src/date-input/DateInputSingle.tsx"],"sourcesContent":["import {\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 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 { SingleDateSelection } from \"../calendar\";\nimport { useLocalization } from \"../localization-provider\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * Details of parsing the date\n */\nexport type DateInputSingleDetails = DateDetail;\n\n/**\n * Props for the DateInputSingle component.\n * @template TDate - The type of the date object.\n */\nexport interface DateInputSingleProps<TDate extends DateFrameworkType>\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   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Format string for date.\n   */\n  format?: string;\n  /**\n   * Reference for the input.\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * Parser callback, if not using the adapter's parser\n   * @param value - date string to parse\n   * @param format - format required\n   */\n  parse?: (value: string, format: string) => ParserResult<TDate>;\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?: TDate | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: TDate | null;\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: SingleDateSelection<TDate> | null | undefined,\n    details: DateInputSingleDetails,\n  ) => void;\n  /**\n   * Called when input value changes, 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 value.\n   */\n  onDateValueChange?: (event: SyntheticEvent | null, newValue: string) => 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 DateInputSingle = forwardRef<\n  HTMLDivElement,\n  DateInputSingleProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DateInputSingleProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { dateAdapter } = useLocalization<TDate>();\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\n      date: dateProp,\n      defaultDate,\n      onDateChange,\n      value: valueProp,\n      format = \"DD MMM YYYY\",\n      defaultValue = \"\",\n      onChange,\n      onClick,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      inputProps = {},\n      inputRef: inputRefProp = null,\n      parse: parseProp,\n      placeholder = format.toLowerCase(),\n      readOnly: readOnlyProp,\n      startAdornment,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      onDateValueChange,\n      timezone = dateProp || defaultDate\n        ? dateAdapter.getTimezone((dateProp ?? defaultDate) as TDate)\n        : \"default\",\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\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      // 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        return dateAdapter.parse(defaultValue, format) as TDate;\n      }, []),\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 lastAppliedValue = useRef<string>(dateValue);\n    const preservedTime = useRef<TimeFields | null>(null);\n    preservedTime.current = dateAdapter.isValid(date)\n      ? dateAdapter.getTime(date)\n      : null;\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      const formattedValue = dateAdapter.format(date, format);\n      const hasValueChanged = formattedValue !== dateValue;\n      if (\n        // should not reset \"error\" input values\n        (date === null || dateAdapter.isValid(date)) &&\n        hasValueChanged\n      ) {\n        setDateValue(formattedValue);\n        onDateValueChange?.(null, formattedValue);\n        lastAppliedValue.current = formattedValue;\n      }\n    }, [date, 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\": 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 parse = parseProp ?? dateAdapter.parse.bind(dateAdapter);\n      const parseResult = parse(dateValue ?? \"\", format);\n      let { date: parsedDate, ...parseDetails } = parseResult;\n      let formattedValue = \"\";\n      const isDateValid = dateAdapter.isValid(parsedDate);\n      if (isDateValid) {\n        parsedDate = dateAdapter.setTimezone(parsedDate, timezone);\n        if (preservedTime.current) {\n          parsedDate = dateAdapter.set(parsedDate, preservedTime.current);\n        }\n        formattedValue = dateAdapter.format(parsedDate, format);\n      }\n      const hasValueChanged = formattedValue !== dateValue;\n      const newValue = isDateValid ? formattedValue : dateValue;\n      if (hasValueChanged) {\n        setDateValue(newValue);\n        onDateValueChange?.(event, newValue);\n      }\n\n      setDate(parsedDate);\n\n      if (lastAppliedValue.current !== newValue) {\n        onDateChange?.(event, parsedDate, parseDetails);\n      }\n      lastAppliedValue.current = newValue;\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?.(event, newDateValue);\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        {startAdornment && (\n          <div className={withBaseName(\"startAdornmentContainer\")}>\n            {startAdornment}\n          </div>\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          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"],"mappings":"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"}
+{"version":3,"file":"DateInputSingle.js","sources":["../src/date-input/DateInputSingle.tsx"],"sourcesContent":["import {\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 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 { SingleDateSelection } from \"../calendar\";\nimport { useLocalization } from \"../localization-provider\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\n\n/**\n * Details of parsing the date\n */\nexport type DateInputSingleDetails = DateDetail;\n\n/**\n * Props for the DateInputSingle component.\n * @template TDate - The type of the date object.\n */\nexport interface DateInputSingleProps<TDate extends DateFrameworkType>\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   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Format string for date.\n   */\n  format?: string;\n  /**\n   * Reference for the input.\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * Parser callback, if not using the adapter's parser\n   * @param value - date string to parse\n   * @param format - format required\n   */\n  parse?: (value: string, format: string) => ParserResult<TDate>;\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?: TDate | null;\n  /**\n   * The initial selected date value. Use when the component is uncontrolled.\n   */\n  defaultDate?: TDate | null;\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: SingleDateSelection<TDate> | null | undefined,\n    details: DateInputSingleDetails,\n  ) => void;\n  /**\n   * Called when input value changes, 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 value.\n   */\n  onDateValueChange?: (event: SyntheticEvent | null, newValue: string) => 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 DateInputSingle = forwardRef<\n  HTMLDivElement,\n  DateInputSingleProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DateInputSingleProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const { dateAdapter } = useLocalization<TDate>();\n    const {\n      bordered = false,\n      className,\n      disabled,\n      \"aria-label\": ariaLabel,\n      date: dateProp,\n      defaultDate,\n      onDateChange,\n      value: valueProp,\n      format = \"DD MMM YYYY\",\n      defaultValue = \"\",\n      onChange,\n      onClick,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      inputProps = {},\n      inputRef: inputRefProp = null,\n      parse: parseProp,\n      placeholder = format.toLowerCase(),\n      readOnly: readOnlyProp,\n      startAdornment,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      onDateValueChange,\n      timezone = dateProp || defaultDate\n        ? dateAdapter.getTimezone((dateProp ?? defaultDate) as TDate)\n        : \"default\",\n      ...rest\n    } = props;\n    const wrapperRef = useRef(null);\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      // 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        return dateAdapter.parse(defaultValue, format) as TDate;\n      }, []),\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 lastAppliedValue = useRef<string>(dateValue);\n    const preservedTime = useRef<TimeFields | null>(null);\n    preservedTime.current = dateAdapter.isValid(date)\n      ? dateAdapter.getTime(date)\n      : null;\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      const formattedValue = dateAdapter.format(date, format);\n      const hasValueChanged = formattedValue !== dateValue;\n      if (\n        // should not reset \"error\" input values\n        (date === null || dateAdapter.isValid(date)) &&\n        hasValueChanged\n      ) {\n        setDateValue(formattedValue);\n        onDateValueChange?.(null, formattedValue);\n        lastAppliedValue.current = formattedValue;\n      }\n    }, [date, 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\": 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 parse = parseProp ?? dateAdapter.parse.bind(dateAdapter);\n      const parseResult = parse(dateValue ?? \"\", format);\n      let parsedDate: TDate | null;\n      let parseDetails: DateDetail;\n      ({ date: parsedDate, ...parseDetails } = parseResult);\n      parsedDate = dateValue ? parsedDate : null;\n      let formattedValue = \"\";\n      const isDateValid = dateAdapter.isValid(parsedDate);\n      if (isDateValid && parsedDate) {\n        parsedDate = dateAdapter.setTimezone(parsedDate, timezone);\n        if (preservedTime.current) {\n          parsedDate = dateAdapter.set(parsedDate, preservedTime.current);\n        }\n        formattedValue = dateAdapter.format(parsedDate, format);\n      }\n      const hasValueChanged = formattedValue !== dateValue;\n      const newValue = isDateValid ? formattedValue : dateValue;\n      if (hasValueChanged) {\n        setDateValue(newValue);\n        onDateValueChange?.(event, newValue);\n      }\n\n      setDate(parsedDate);\n\n      if (lastAppliedValue.current !== newValue) {\n        onDateChange?.(event, parsedDate, parseDetails);\n      }\n      lastAppliedValue.current = newValue;\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?.(event, newDateValue);\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        {startAdornment && (\n          <div className={withBaseName(\"startAdornmentContainer\")}>\n            {startAdornment}\n          </div>\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          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"],"mappings":";;;;;;;;;AAsCA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAiH1C,MAAM,eAAA,GAAkB,UAAA;AAAA,EAI7B,CACE,OACA,GAAA,KACG;AACH,IAAA,MAAM,EAAE,WAAA,EAAY,GAAI,eAAA,EAAuB;AAC/C,IAAA,MAAM;AAAA,MACJ,QAAA,GAAW,KAAA;AAAA,MACX,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAc,SAAA;AAAA,MACd,IAAA,EAAM,QAAA;AAAA,MACN,WAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,MAAA,GAAS,aAAA;AAAA,MACT,YAAA,GAAe,EAAA;AAAA,MACf,QAAA;AAAA,MACA,OAAA;AAAA,MACA,mBAAA,GAAsB,QAAA;AAAA,MACtB,YAAA;AAAA,MACA,aAAa,EAAC;AAAA,MACd,UAAU,YAAA,GAAe,IAAA;AAAA,MACzB,KAAA,EAAO,SAAA;AAAA,MACP,WAAA,GAAc,OAAO,WAAA,EAAY;AAAA,MACjC,QAAA,EAAU,YAAA;AAAA,MACV,cAAA;AAAA,MACA,gBAAA,EAAkB,oBAAA;AAAA,MAClB,OAAA,GAAU,SAAA;AAAA,MACV,iBAAA;AAAA,MACA,WAAW,QAAA,IAAY,WAAA,GACnB,YAAY,WAAA,CAAa,QAAA,IAAY,WAAqB,CAAA,GAC1D,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;AACnE,IAAA,MAAM,aAAA,GAAgB,OAAyB,IAAI,CAAA;AACnD,IAAA,MAAM,cAAA,GAAiB,UAAA;AAAA,MACrB,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,UAAU,KAAA,EAAM;AAEtB,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,wBAAA;AAAA,MACR,GAAA,EAAKA,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,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,OAAO,WAAA,CAAY,KAAA,CAAM,YAAA,EAAc,MAAM,CAAA;AAAA,MAC/C,CAAA,EAAG,EAAE,CAAA;AAAA,MACL,IAAA,EAAM,iBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACR,CAAA;AACD,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,aAAA,CAAc;AAAA,MAC9C,UAAA,EAAY,SAAA;AAAA,MACZ,OAAA,EAAS,YAAA;AAAA,MACT,IAAA,EAAM,iBAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACR,CAAA;AACD,IAAA,MAAM,gBAAA,GAAmB,OAAe,SAAS,CAAA;AACjD,IAAA,MAAM,aAAA,GAAgB,OAA0B,IAAI,CAAA;AACpD,IAAA,aAAA,CAAc,OAAA,GAAU,YAAY,OAAA,CAAQ,IAAI,IAC5C,WAAA,CAAY,OAAA,CAAQ,IAAI,CAAA,GACxB,IAAA;AAGJ,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,MAAA,CAAO,IAAA,EAAM,MAAM,CAAA;AACtD,MAAA,MAAM,kBAAkB,cAAA,KAAmB,SAAA;AAC3C,MAAA;AAAA;AAAA,QAAA,CAEG,IAAA,KAAS,IAAA,IAAQ,WAAA,CAAY,OAAA,CAAQ,IAAI,CAAA,KAC1C;AAAA,QACA;AACA,QAAA,YAAA,CAAa,cAAc,CAAA;AAC3B,QAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,IAAA,EAAM,cAAA,CAAA;AAC1B,QAAA,gBAAA,CAAiB,OAAA,GAAU,cAAA;AAAA,MAC7B;AAAA,IACF,GAAG,CAAC,IAAA,EAAM,WAAA,CAAY,MAAA,EAAQ,MAAM,CAAC,CAAA;AAErC,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,oBAAA;AAAA,MACpB,iBAAA,EAAmB,mBAAA;AAAA,MACnB,MAAA,EAAQ,gBAAA;AAAA,MACR,QAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,mBAAA;AAAA,MACX,OAAA,EAAS,iBAAA;AAAA,MACT,QAAA,EAAU,sBAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,UAAA;AAEJ,IAAA,MAAM,UAAA,GAAa,oBACf,CAAC,UAAA,EAAY,UAAU,CAAA,CAAE,QAAA,CAAS,iBAAiB,CAAA,GACnD,sBAAA;AAEJ,IAAA,MAAM,KAAA,GAAQ,CAAC,KAAA,KAA0B;AACvC,MAAA,MAAM,KAAA,GAAQ,SAAA,IAAa,WAAA,CAAY,KAAA,CAAM,KAAK,WAAW,CAAA;AAC7D,MAAA,MAAM,WAAA,GAAc,KAAA,CAAM,SAAA,IAAa,EAAA,EAAI,MAAM,CAAA;AACjD,MAAA,IAAI,UAAA;AACJ,MAAA,IAAI,YAAA;AACJ,MAAA,CAAC,EAAE,IAAA,EAAM,UAAA,EAAY,GAAG,cAAa,GAAI,WAAA;AACzC,MAAA,UAAA,GAAa,YAAY,UAAA,GAAa,IAAA;AACtC,MAAA,IAAI,cAAA,GAAiB,EAAA;AACrB,MAAA,MAAM,WAAA,GAAc,WAAA,CAAY,OAAA,CAAQ,UAAU,CAAA;AAClD,MAAA,IAAI,eAAe,UAAA,EAAY;AAC7B,QAAA,UAAA,GAAa,WAAA,CAAY,WAAA,CAAY,UAAA,EAAY,QAAQ,CAAA;AACzD,QAAA,IAAI,cAAc,OAAA,EAAS;AACzB,UAAA,UAAA,GAAa,WAAA,CAAY,GAAA,CAAI,UAAA,EAAY,aAAA,CAAc,OAAO,CAAA;AAAA,QAChE;AACA,QAAA,cAAA,GAAiB,WAAA,CAAY,MAAA,CAAO,UAAA,EAAY,MAAM,CAAA;AAAA,MACxD;AACA,MAAA,MAAM,kBAAkB,cAAA,KAAmB,SAAA;AAC3C,MAAA,MAAM,QAAA,GAAW,cAAc,cAAA,GAAiB,SAAA;AAChD,MAAA,IAAI,eAAA,EAAiB;AACnB,QAAA,YAAA,CAAa,QAAQ,CAAA;AACrB,QAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAA,EAAO,QAAA,CAAA;AAAA,MAC7B;AAEA,MAAA,OAAA,CAAQ,UAAU,CAAA;AAElB,MAAA,IAAI,gBAAA,CAAiB,YAAY,QAAA,EAAU;AACzC,QAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAe,OAAO,UAAA,EAAY,YAAA,CAAA;AAAA,MACpC;AACA,MAAA,gBAAA,CAAiB,OAAA,GAAU,QAAA;AAAA,IAC7B,CAAA;AAEA,IAAA,MAAM,YAAA,GAAqD,CAAC,KAAA,KAAU;AACpE,MAAA,MAAM,YAAA,GAAe,MAAM,MAAA,CAAO,KAAA;AAClC,MAAA,YAAA,CAAa,YAAY,CAAA;AACzB,MAAA,kBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,kBAAA,CAAqB,KAAA,CAAA;AACrB,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,WAAA,GAAmD,CAAC,KAAA,KAAU;AAClE,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAoB,KAAA,CAAA;AAAA,IACtB,CAAA;AACA,IAAA,MAAM,UAAA,GAAkD,CAAC,KAAA,KAAU;AACjE,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,KAAA,CAAM,KAAK,CAAA;AACX,MAAA,gBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,gBAAA,CAAmB,KAAA,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,MAAM,aAAA,GAAwD,CAAC,KAAA,KAAU;AACvE,MAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,QAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACb;AACA,MAAA,mBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,mBAAA,CAAsB,KAAA,CAAA;AAAA,IACxB,CAAA;AAEA,IAAA,MAAM,WAAA,GAAiD,CAAC,KAAA,KAAU;AAjVtE,MAAA,IAAA,EAAA;AAkVM,MAAA,IAAI,KAAA,CAAM,MAAA,KAAW,UAAA,CAAW,OAAA,EAAS;AACvC,QAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,YAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,KAAA,EAAA;AAAA,MAC1B;AACA,MAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,CAAA;AAAA,IACZ,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,OAAA,EAAS,WAAA;AAAA,QACR,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,cAAA,wBACE,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,yBAAyB,GACnD,QAAA,EAAA,cAAA,EACH,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAa,KAAA;AAAA,cACb,kBAAA,EAAkB,IAAA,CAAK,oBAAA,EAAsB,oBAAoB,CAAA;AAAA,cACjE,iBAAA,EAAiB,IAAA;AAAA,gBACf,mBAAA;AAAA,gBACA,mBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,IAAA,CAAK,eAAA,EAAiB,SAAS,CAAA;AAAA,cAC3C,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,QAAA,EAAU,UAAA;AAAA,cACV,QAAA,EAAU,UAAA;AAAA,cACV,GAAA,EAAK,cAAA;AAAA,cACL,QAAA,EAAU,aAAa,EAAA,GAAK,CAAA;AAAA,cAC5B,WAAA;AAAA,cACA,KAAA,EAAO,UAAA,IAAc,CAAC,SAAA,GAAY,mBAAA,GAAsB,SAAA;AAAA,cACvD,GAAG,kBAAA;AAAA,cACJ,MAAA,EAAQ,UAAA;AAAA,cACR,QAAA,EAAU,YAAA;AAAA,cACV,SAAA,EAAW,aAAA;AAAA,cACX,OAAA,EAAS,CAAC,UAAA,GAAa,WAAA,GAAc,MAAA;AAAA,cACrC,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,uBAAuB,CAAA,EACjD,QAAA,EAAA;AAAA,YAAA,CAAC,cAAc,CAAC,UAAA,IAAc,oCAC7B,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-picker/DatePicker.js

@@ -11,7 +11,6 @@ const DatePickerMain = forwardRef(
       children,
       readOnly,
       disabled,
-      isDayDisabled,
       isDayHighlighted,
       isDayUnselectable,
       selectionVariant,
@@ -28,7 +27,6 @@ const DatePickerMain = forwardRef(
     const useDatePickerProps = {
       readOnly,
       disabled,
-      isDayDisabled,
       isDayHighlighted,
       isDayUnselectable,
       selectionVariant,

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport {\n  DateRangeSelectionContext,\n  type RangeDatePickerState,\n  type SingleDatePickerState,\n  SingleDateSelectionContext,\n} from \"./DatePickerContext\";\nimport {\n  type DatePickerOpenChangeReason,\n  DatePickerOverlayProvider,\n} from \"./DatePickerOverlayProvider\";\nimport {\n  type UseDatePickerRangeProps,\n  type UseDatePickerSingleProps,\n  useDatePicker,\n} from \"./useDatePicker\";\n\n/**\n * Base props for DatePicker.\n */\nexport interface DatePickerBaseProps {\n  className?: string;\n  children?: ReactNode;\n  /** the open/close state of the overlay. The open/close state will be controlled when this prop is provided. */\n  open?: boolean;\n  /** When `open` is uncontrolled, set this to `true` to open on click */\n  openOnClick?: boolean;\n  /**\n   * Handler for when open state changes\n   * @param newOpen - true when opened\n   * @param reason - reason for the the state change\n   */\n  onOpenChange?: (\n    newOpen: boolean,\n    reason?: DatePickerOpenChangeReason,\n  ) => void;\n  /**\n   * the initial open/close state of the overlay, when the open/close state is un-controlled.\n   */\n  defaultOpen?: DatePickerBaseProps[\"open\"];\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\n/**\n * Props for the DatePicker component, when `selectionVariant` is `single`.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerSingleProps<TDate extends DateFrameworkType>\n  extends DatePickerBaseProps,\n    UseDatePickerSingleProps<TDate> {\n  selectionVariant: \"single\";\n}\n\n/**\n * Props for the DatePicker component, when `selectionVariant` is `range`.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerRangeProps<TDate extends DateFrameworkType>\n  extends DatePickerBaseProps,\n    UseDatePickerRangeProps<TDate> {\n  selectionVariant: \"range\";\n}\n\n/**\n * Props for the DatePicker component.\n * @template TDate - The type of the date object.\n */\nexport type DatePickerProps<TDate extends DateFrameworkType> =\n  | DatePickerSingleProps<TDate>\n  | DatePickerRangeProps<TDate>;\n\nexport const DatePickerMain = forwardRef<\n  HTMLDivElement,\n  DatePickerProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DatePickerProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const {\n      children,\n      readOnly,\n      disabled,\n      isDayDisabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectionVariant,\n      defaultSelectedDate,\n      selectedDate,\n      onSelectionChange,\n      onApply,\n      minDate,\n      maxDate,\n      onCancel,\n      timezone,\n      ...rest\n    } = props;\n    // biome-ignore lint/suspicious/noExplicitAny: type guard\n    const useDatePickerProps: any = {\n      readOnly,\n      disabled,\n      isDayDisabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectionVariant,\n      defaultSelectedDate,\n      selectedDate,\n      onSelectionChange,\n      onApply,\n      minDate,\n      maxDate,\n      onCancel,\n      timezone,\n    };\n\n    if (props.selectionVariant === \"range\") {\n      // TODO\n      // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n      const stateAndHelpers = useDatePicker<TDate, \"range\">(\n        useDatePickerProps,\n        ref,\n      ) as RangeDatePickerState<TDate>;\n      return (\n        <DateRangeSelectionContext.Provider value={stateAndHelpers}>\n          <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n            {children}\n          </div>\n        </DateRangeSelectionContext.Provider>\n      );\n    }\n    // TODO\n    // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n    const stateAndHelpers = useDatePicker(\n      useDatePickerProps,\n      ref,\n    ) as SingleDatePickerState<TDate>;\n\n    return (\n      <SingleDateSelectionContext.Provider value={stateAndHelpers}>\n        <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n          {children}\n        </div>\n      </SingleDateSelectionContext.Provider>\n    );\n  },\n);\n\nexport const DatePicker = forwardRef(function DatePicker<\n  TDate extends DateFrameworkType,\n>(props: DatePickerProps<TDate>, ref: React.Ref<HTMLDivElement>) {\n  const { defaultOpen, open, openOnClick, onOpenChange, readOnly, ...rest } =\n    props;\n\n  return (\n    <DatePickerOverlayProvider\n      defaultOpen={defaultOpen}\n      open={open}\n      openOnClick={openOnClick}\n      onOpenChange={onOpenChange}\n      readOnly={readOnly}\n    >\n      <DatePickerMain {...rest} readOnly={readOnly} ref={ref} />\n    </DatePickerOverlayProvider>\n  );\n});\n"],"names":["stateAndHelpers","DatePicker"],"mappings":";;;;;;AAgFO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAI5B,CACE,OACA,GACG,KAAA;AAvFP,IAAA,IAAA,EAAA,EAAA,EAAA;AAwFI,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,kBAA0B,GAAA;AAAA,MAC9B,QAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAI,IAAA,KAAA,CAAM,qBAAqB,OAAS,EAAA;AAGtC,MAAA,MAAMA,gBAAkB,GAAA,aAAA;AAAA,QACtB,kBAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,2BACG,yBAA0B,CAAA,QAAA,EAA1B,EAAmC,KAAOA,EAAAA,gBAAAA,EACzC,8BAAC,KAAI,EAAA,EAAA,GAAA,EAAA,CAAK,KAAAA,gBAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,iBAAiB,KAAjB,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,cAAe,GAAG,IAAA,EACjD,UACH,CACF,EAAA,CAAA;AAAA;AAKJ,IAAA,MAAM,eAAkB,GAAA,aAAA;AAAA,MACtB,kBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,2BACG,0BAA2B,CAAA,QAAA,EAA3B,EAAoC,KAAA,EAAO,iBAC1C,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,CAAA,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,UAAjB,IAAwB,GAAA,MAAA,GAAA,EAAA,CAAA,YAAA,EAAe,GAAG,IAAA,EACjD,UACH,CACF,EAAA,CAAA;AAAA;AAGN;AAEO,MAAM,UAAa,GAAA,UAAA,CAAW,SAASC,WAAAA,CAE5C,OAA+B,GAAgC,EAAA;AAC/D,EAAM,MAAA,EAAE,aAAa,IAAM,EAAA,WAAA,EAAa,cAAc,QAAU,EAAA,GAAG,MACjE,GAAA,KAAA;AAEF,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAgB,GAAG,IAAA,EAAM,UAAoB,GAAU,EAAA;AAAA;AAAA,GAC1D;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { forwardRef, type ReactNode } from \"react\";\nimport {\n  DateRangeSelectionContext,\n  type RangeDatePickerState,\n  type SingleDatePickerState,\n  SingleDateSelectionContext,\n} from \"./DatePickerContext\";\nimport {\n  type DatePickerOpenChangeReason,\n  DatePickerOverlayProvider,\n} from \"./DatePickerOverlayProvider\";\nimport {\n  type UseDatePickerRangeProps,\n  type UseDatePickerSingleProps,\n  useDatePicker,\n} from \"./useDatePicker\";\n\n/**\n * Base props for DatePicker.\n */\nexport interface DatePickerBaseProps {\n  className?: string;\n  children?: ReactNode;\n  /** the open/close state of the overlay. The open/close state will be controlled when this prop is provided. */\n  open?: boolean;\n  /** When `open` is uncontrolled, set this to `true` to open on click */\n  openOnClick?: boolean;\n  /**\n   * Handler for when open state changes\n   * @param newOpen - true when opened\n   * @param reason - reason for the the state change\n   */\n  onOpenChange?: (\n    newOpen: boolean,\n    reason?: DatePickerOpenChangeReason,\n  ) => void;\n  /**\n   * the initial open/close state of the overlay, when the open/close state is un-controlled.\n   */\n  defaultOpen?: DatePickerBaseProps[\"open\"];\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\n/**\n * Props for the DatePicker component, when `selectionVariant` is `single`.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerSingleProps<TDate extends DateFrameworkType>\n  extends DatePickerBaseProps,\n    UseDatePickerSingleProps<TDate> {\n  selectionVariant: \"single\";\n}\n\n/**\n * Props for the DatePicker component, when `selectionVariant` is `range`.\n * @template TDate - The type of the date object.\n */\nexport interface DatePickerRangeProps<TDate extends DateFrameworkType>\n  extends DatePickerBaseProps,\n    UseDatePickerRangeProps<TDate> {\n  selectionVariant: \"range\";\n}\n\n/**\n * Props for the DatePicker component.\n * @template TDate - The type of the date object.\n */\nexport type DatePickerProps<TDate extends DateFrameworkType> =\n  | DatePickerSingleProps<TDate>\n  | DatePickerRangeProps<TDate>;\n\nexport const DatePickerMain = forwardRef<\n  HTMLDivElement,\n  DatePickerProps<DateFrameworkType>\n>(\n  <TDate extends DateFrameworkType>(\n    props: DatePickerProps<TDate>,\n    ref: React.Ref<HTMLDivElement>,\n  ) => {\n    const {\n      children,\n      readOnly,\n      disabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectionVariant,\n      defaultSelectedDate,\n      selectedDate,\n      onSelectionChange,\n      onApply,\n      minDate,\n      maxDate,\n      onCancel,\n      timezone,\n      ...rest\n    } = props;\n    // biome-ignore lint/suspicious/noExplicitAny: type guard\n    const useDatePickerProps: any = {\n      readOnly,\n      disabled,\n      isDayHighlighted,\n      isDayUnselectable,\n      selectionVariant,\n      defaultSelectedDate,\n      selectedDate,\n      onSelectionChange,\n      onApply,\n      minDate,\n      maxDate,\n      onCancel,\n      timezone,\n    };\n\n    if (props.selectionVariant === \"range\") {\n      // TODO\n      // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n      const stateAndHelpers = useDatePicker<TDate, \"range\">(\n        useDatePickerProps,\n        ref,\n      ) as RangeDatePickerState<TDate>;\n      return (\n        <DateRangeSelectionContext.Provider value={stateAndHelpers}>\n          <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n            {children}\n          </div>\n        </DateRangeSelectionContext.Provider>\n      );\n    }\n    // TODO\n    // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n    const stateAndHelpers = useDatePicker(\n      useDatePickerProps,\n      ref,\n    ) as SingleDatePickerState<TDate>;\n\n    return (\n      <SingleDateSelectionContext.Provider value={stateAndHelpers}>\n        <div ref={stateAndHelpers?.state?.containerRef} {...rest}>\n          {children}\n        </div>\n      </SingleDateSelectionContext.Provider>\n    );\n  },\n);\n\nexport const DatePicker = forwardRef(function DatePicker<\n  TDate extends DateFrameworkType,\n>(props: DatePickerProps<TDate>, ref: React.Ref<HTMLDivElement>) {\n  const { defaultOpen, open, openOnClick, onOpenChange, readOnly, ...rest } =\n    props;\n\n  return (\n    <DatePickerOverlayProvider\n      defaultOpen={defaultOpen}\n      open={open}\n      openOnClick={openOnClick}\n      onOpenChange={onOpenChange}\n      readOnly={readOnly}\n    >\n      <DatePickerMain {...rest} readOnly={readOnly} ref={ref} />\n    </DatePickerOverlayProvider>\n  );\n});\n"],"names":["stateAndHelpers","DatePicker"],"mappings":";;;;;;AAgFO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAI5B,CACE,OACA,GAAA,KACG;AAvFP,IAAA,IAAA,EAAA,EAAA,EAAA;AAwFI,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,kBAAA,GAA0B;AAAA,MAC9B,QAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,IAAI,KAAA,CAAM,qBAAqB,OAAA,EAAS;AAGtC,MAAA,MAAMA,gBAAAA,GAAkB,aAAA;AAAA,QACtB,kBAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,2BACG,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAAOA,gBAAAA,EACzC,8BAAC,KAAA,EAAA,EAAI,GAAA,EAAA,CAAK,KAAAA,gBAAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,iBAAiB,KAAA,KAAjB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,cAAe,GAAG,IAAA,EACjD,UACH,CAAA,EACF,CAAA;AAAA,IAEJ;AAGA,IAAA,MAAM,eAAA,GAAkB,aAAA;AAAA,MACtB,kBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,2BACG,0BAAA,CAA2B,QAAA,EAA3B,EAAoC,KAAA,EAAO,iBAC1C,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAA,CAAK,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,UAAjB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAwB,YAAA,EAAe,GAAG,IAAA,EACjD,UACH,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEO,MAAM,UAAA,GAAa,UAAA,CAAW,SAASC,WAAAA,CAE5C,OAA+B,GAAA,EAAgC;AAC/D,EAAA,MAAM,EAAE,aAAa,IAAA,EAAM,WAAA,EAAa,cAAc,QAAA,EAAU,GAAG,MAAK,GACtE,KAAA;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,QAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAgB,GAAG,IAAA,EAAM,UAAoB,GAAA,EAAU;AAAA;AAAA,GAC1D;AAEJ,CAAC;;;;"}

package/dist-es/date-picker/DatePickerActions.js

@@ -61,7 +61,7 @@ const DatePickerActions = forwardRef(function DatePickerRangeInput(props, ref) {
     /* @__PURE__ */ jsx(
       Button,
       {
-        appearance: "transparent",
+        appearance: "bordered",
         sentiment: "neutral",
         ref: cancelButtonRef,
         ...CancelButtonProps,

package/dist-es/date-picker/DatePickerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerActions.js","sources":["../src/date-picker/DatePickerActions.tsx"],"sourcesContent":["import { Button, type ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEventHandler,\n  type Ref,\n  type SyntheticEvent,\n  useEffect,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport {\n  type RangeDatePickerState,\n  type SingleDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport \"./DatePickerActions.css\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport datePickerActions from \"./DatePickerActions.css\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerActions\");\n\n/**\n * Base props for DatePicker actions component.\n */\nexport interface DatePickerActionsBaseProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Callback fired when the cancel action is triggered.\n   * @param _event - The synthetic event.\n   */\n  onCancel?: (_event: SyntheticEvent) => void;\n  /**\n   * Ref to apply button\n   */\n  applyButtonRef?: Ref<HTMLButtonElement>;\n  /**\n   * Props for the apply button.\n   */\n  ApplyButtonProps?: ButtonProps;\n  /**\n   * Props for the cancel button.\n   */\n  CancelButtonProps?: ButtonProps;\n  /**\n   * Ref to cancel button\n   */\n  cancelButtonRef?: Ref<HTMLButtonElement>;\n}\n\n/**\n * Props for the DatePicker actions component.\n * @template SelectionVariant - The selection variant, either \"single\" or \"range\".\n */\nexport type DatePickerActionsProps<\n  TDate extends DateFrameworkType,\n  SelectionVariant extends \"single\" | \"range\",\n> = SelectionVariant extends \"single\"\n  ? DatePickerActionsBaseProps & {\n      /**\n       * The selection variant, set to \"single\".\n       */\n      selectionVariant: \"single\";\n      /**\n       * Callback fired when the apply action is triggered.\n       * @param _event - The synthetic event.\n       * @param date - The selected single date or null.\n       */\n      onApply?: (\n        _event: SyntheticEvent,\n        date: SingleDateSelection<TDate> | null,\n      ) => void;\n    }\n  : DatePickerActionsBaseProps & {\n      /**\n       * The selection variant, set to \"range\".\n       */\n      selectionVariant: \"range\";\n      /**\n       * Callback fired when the apply action is triggered.\n       * @param _event - The synthetic event.\n       * @param date - The selected date range or null.\n       */\n      onApply?: (\n        _event: SyntheticEvent,\n        date: DateRangeSelection<TDate> | null,\n      ) => void;\n    };\n\nexport const DatePickerActions = forwardRef(function DatePickerRangeInput<\n  TDate extends DateFrameworkType,\n>(\n  props: DatePickerActionsProps<TDate, \"single\" | \"range\">,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    applyButtonRef,\n    ApplyButtonProps,\n    cancelButtonRef,\n    children,\n    className,\n    CancelButtonProps,\n    onApply,\n    onCancel,\n    selectionVariant,\n    ...rest\n  } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-actions\",\n    css: datePickerActions,\n    window: targetWindow,\n  });\n\n  // biome-ignore lint/suspicious/noExplicitAny: state and helpers coerced based on selectionVariant\n  let stateAndHelpers: any;\n  if (selectionVariant === \"range\") {\n    // TODO\n    // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n    stateAndHelpers = useDatePickerContext({\n      selectionVariant: \"range\",\n    }) as RangeDatePickerState<TDate>;\n  } else {\n    // TODO\n    // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n    stateAndHelpers = useDatePickerContext({\n      selectionVariant: \"single\",\n    }) as SingleDatePickerState<TDate>;\n  }\n\n  const {\n    state: { selectedDate },\n    helpers: { cancel, apply, setEnableApply },\n  } = stateAndHelpers;\n\n  useEffect(() => {\n    setEnableApply(true);\n  }, [setEnableApply]);\n\n  const handleCancel: MouseEventHandler<HTMLButtonElement> = (event) => {\n    cancel(event);\n    CancelButtonProps?.onClick?.(event);\n    onCancel?.(event);\n  };\n\n  const handleApply: MouseEventHandler<HTMLButtonElement> = (event) => {\n    apply(event, selectedDate);\n    onApply?.(event, selectedDate);\n    ApplyButtonProps?.onClick?.(event);\n  };\n\n  return (\n    <div className={clsx(className, withBaseName())} ref={ref} {...rest}>\n      <div className={withBaseName(\"body\")}>{children}</div>\n      <Button\n        appearance=\"transparent\"\n        sentiment=\"neutral\"\n        ref={cancelButtonRef}\n        {...CancelButtonProps}\n        onClick={handleCancel}\n        className={clsx(withBaseName(\"action\"), CancelButtonProps?.className)}\n      >\n        Cancel\n      </Button>\n      <Button\n        appearance=\"solid\"\n        sentiment=\"accented\"\n        ref={applyButtonRef}\n        {...ApplyButtonProps}\n        onClick={handleApply}\n        className={clsx(withBaseName(\"action\"), ApplyButtonProps?.className)}\n      >\n        Apply\n      </Button>\n    </div>\n  );\n});\n"],"names":["datePickerActions"],"mappings":"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"}
+{"version":3,"file":"DatePickerActions.js","sources":["../src/date-picker/DatePickerActions.tsx"],"sourcesContent":["import { Button, type ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type MouseEventHandler,\n  type Ref,\n  type SyntheticEvent,\n  useEffect,\n} from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport {\n  type RangeDatePickerState,\n  type SingleDatePickerState,\n  useDatePickerContext,\n} from \"./DatePickerContext\";\nimport \"./DatePickerActions.css\";\nimport type { DateFrameworkType } from \"@salt-ds/date-adapters\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport datePickerActions from \"./DatePickerActions.css\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerActions\");\n\n/**\n * Base props for DatePicker actions component.\n */\nexport interface DatePickerActionsBaseProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Callback fired when the cancel action is triggered.\n   * @param _event - The synthetic event.\n   */\n  onCancel?: (_event: SyntheticEvent) => void;\n  /**\n   * Ref to apply button\n   */\n  applyButtonRef?: Ref<HTMLButtonElement>;\n  /**\n   * Props for the apply button.\n   */\n  ApplyButtonProps?: ButtonProps;\n  /**\n   * Props for the cancel button.\n   */\n  CancelButtonProps?: ButtonProps;\n  /**\n   * Ref to cancel button\n   */\n  cancelButtonRef?: Ref<HTMLButtonElement>;\n}\n\n/**\n * Props for the DatePicker actions component.\n * @template SelectionVariant - The selection variant, either \"single\" or \"range\".\n */\nexport type DatePickerActionsProps<\n  TDate extends DateFrameworkType,\n  SelectionVariant extends \"single\" | \"range\",\n> = SelectionVariant extends \"single\"\n  ? DatePickerActionsBaseProps & {\n      /**\n       * The selection variant, set to \"single\".\n       */\n      selectionVariant: \"single\";\n      /**\n       * Callback fired when the apply action is triggered.\n       * @param _event - The synthetic event.\n       * @param date - The selected single date or null.\n       */\n      onApply?: (\n        _event: SyntheticEvent,\n        date: SingleDateSelection<TDate> | null,\n      ) => void;\n    }\n  : DatePickerActionsBaseProps & {\n      /**\n       * The selection variant, set to \"range\".\n       */\n      selectionVariant: \"range\";\n      /**\n       * Callback fired when the apply action is triggered.\n       * @param _event - The synthetic event.\n       * @param date - The selected date range or null.\n       */\n      onApply?: (\n        _event: SyntheticEvent,\n        date: DateRangeSelection<TDate> | null,\n      ) => void;\n    };\n\nexport const DatePickerActions = forwardRef(function DatePickerRangeInput<\n  TDate extends DateFrameworkType,\n>(\n  props: DatePickerActionsProps<TDate, \"single\" | \"range\">,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    applyButtonRef,\n    ApplyButtonProps,\n    cancelButtonRef,\n    children,\n    className,\n    CancelButtonProps,\n    onApply,\n    onCancel,\n    selectionVariant,\n    ...rest\n  } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-actions\",\n    css: datePickerActions,\n    window: targetWindow,\n  });\n\n  // biome-ignore lint/suspicious/noExplicitAny: state and helpers coerced based on selectionVariant\n  let stateAndHelpers: any;\n  if (selectionVariant === \"range\") {\n    // TODO\n    // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n    stateAndHelpers = useDatePickerContext({\n      selectionVariant: \"range\",\n    }) as RangeDatePickerState<TDate>;\n  } else {\n    // TODO\n    // biome-ignore lint/correctness/useHookAtTopLevel: This should be fixed.\n    stateAndHelpers = useDatePickerContext({\n      selectionVariant: \"single\",\n    }) as SingleDatePickerState<TDate>;\n  }\n\n  const {\n    state: { selectedDate },\n    helpers: { cancel, apply, setEnableApply },\n  } = stateAndHelpers;\n\n  useEffect(() => {\n    setEnableApply(true);\n  }, [setEnableApply]);\n\n  const handleCancel: MouseEventHandler<HTMLButtonElement> = (event) => {\n    cancel(event);\n    CancelButtonProps?.onClick?.(event);\n    onCancel?.(event);\n  };\n\n  const handleApply: MouseEventHandler<HTMLButtonElement> = (event) => {\n    apply(event, selectedDate);\n    onApply?.(event, selectedDate);\n    ApplyButtonProps?.onClick?.(event);\n  };\n\n  return (\n    <div className={clsx(className, withBaseName())} ref={ref} {...rest}>\n      <div className={withBaseName(\"body\")}>{children}</div>\n      <Button\n        appearance=\"bordered\"\n        sentiment=\"neutral\"\n        ref={cancelButtonRef}\n        {...CancelButtonProps}\n        onClick={handleCancel}\n        className={clsx(withBaseName(\"action\"), CancelButtonProps?.className)}\n      >\n        Cancel\n      </Button>\n      <Button\n        appearance=\"solid\"\n        sentiment=\"accented\"\n        ref={applyButtonRef}\n        {...ApplyButtonProps}\n        onClick={handleApply}\n        className={clsx(withBaseName(\"action\"), ApplyButtonProps?.className)}\n      >\n        Apply\n      </Button>\n    </div>\n  );\n});\n"],"names":["datePickerActions"],"mappings":";;;;;;;;;AAsBA,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA;AAqElD,MAAM,iBAAA,GAAoB,UAAA,CAAW,SAAS,oBAAA,CAGnD,OACA,GAAA,EACA;AACA,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,0BAAA;AAAA,IACR,GAAA,EAAKA,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAGD,EAAA,IAAI,eAAA;AACJ,EAAA,IAAI,qBAAqB,OAAA,EAAS;AAGhC,IAAA,eAAA,GAAkB,oBAAA,CAAqB;AAAA,MACrC,gBAAA,EAAkB;AAAA,KACnB,CAAA;AAAA,EACH,CAAA,MAAO;AAGL,IAAA,eAAA,GAAkB,oBAAA,CAAqB;AAAA,MACrC,gBAAA,EAAkB;AAAA,KACnB,CAAA;AAAA,EACH;AAEA,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,EAAE,YAAA,EAAa;AAAA,IACtB,OAAA,EAAS,EAAE,MAAA,EAAQ,KAAA,EAAO,cAAA;AAAe,GAC3C,GAAI,eAAA;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,IAAI,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,YAAA,GAAqD,CAAC,KAAA,KAAU;AA7IxE,IAAA,IAAA,EAAA;AA8II,IAAA,MAAA,CAAO,KAAK,CAAA;AACZ,IAAA,CAAA,EAAA,GAAA,iBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,iBAAA,CAAmB,YAAnB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,iBAAA,EAA6B,KAAA,CAAA;AAC7B,IAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,KAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,WAAA,GAAoD,CAAC,KAAA,KAAU;AAnJvE,IAAA,IAAA,EAAA;AAoJI,IAAA,KAAA,CAAM,OAAO,YAAY,CAAA;AACzB,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,EAAO,YAAA,CAAA;AACjB,IAAA,CAAA,EAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,gBAAA,CAAkB,YAAlB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,gBAAA,EAA4B,KAAA,CAAA;AAAA,EAC9B,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,SAAA,EAAW,cAAc,CAAA,EAAG,GAAA,EAAW,GAAG,IAAA,EAC7D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,MAAM,GAAI,QAAA,EAAS,CAAA;AAAA,oBAChD,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAW,UAAA;AAAA,QACX,SAAA,EAAU,SAAA;AAAA,QACV,GAAA,EAAK,eAAA;AAAA,QACJ,GAAG,iBAAA;AAAA,QACJ,OAAA,EAAS,YAAA;AAAA,QACT,WAAW,IAAA,CAAK,YAAA,CAAa,QAAQ,CAAA,EAAG,uDAAmB,SAAS,CAAA;AAAA,QACrE,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAW,OAAA;AAAA,QACX,SAAA,EAAU,UAAA;AAAA,QACV,GAAA,EAAK,cAAA;AAAA,QACJ,GAAG,gBAAA;AAAA,QACJ,OAAA,EAAS,WAAA;AAAA,QACT,WAAW,IAAA,CAAK,YAAA,CAAa,QAAQ,CAAA,EAAG,qDAAkB,SAAS,CAAA;AAAA,QACpE,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { type Context, type Ref, type SyntheticEvent, useContext } from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport type {\n  DateInputRangeDetails,\n  DateInputSingleDetails,\n} from \"../date-input\";\n\n/**\n * Interface representing the base state for a DatePicker.\n * @template TDate - The type of the date object.\n */\ninterface DatePickerBaseState<TDate extends DateFrameworkType> {\n  /**\n   * The state properties of the DatePicker.\n   */\n  state: {\n    /**\n     * If `true`, the DatePicker is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true`, the DatePicker is read-only.\n     */\n    readOnly?: boolean;\n    /**\n     * If `true`, the DatePicker has been cancelled.\n     */\n    cancelled?: boolean;\n    /**\n     * If `true`, the apply action is enabled.\n     */\n    enableApply?: boolean;\n    /**\n     * The minimum selectable date.\n     */\n    minDate?: TDate;\n    /**\n     * The maximum selectable date.\n     */\n    maxDate?: TDate;\n    /**\n     * Reference to the container element.\n     */\n    containerRef: Ref<HTMLDivElement>;\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  /**\n   * Helper functions for managing the DatePicker state.\n   */\n  helpers: {\n    /**\n     * Cancels the DatePicker action.\n     * @param event - event that triggered the state change\n     */\n    cancel: (event?: Event) => void;\n    /**\n     * Function to determine if a day is disabled.\n     * @param date - The date to check.\n     * @returns A string reason if the day is disabled, otherwise `false` or `undefined`.\n     */\n    isDayDisabled?: (date: TDate) => string | false | undefined;\n    /**\n     * Function to determine if a day is highlighted.\n     * @param date - The date to check.\n     * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n     */\n    isDayHighlighted?: (date: TDate) => string | false | undefined;\n    /**\n     * Function to determine if a day is unselectable.\n     * @param date - The date to check.\n     * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n     */\n    isDayUnselectable?: (date: TDate) => string | false | undefined;\n    /**\n     * Sets the enableApply state.\n     * @param newEnableApply - The new value for enableApply.\n     */\n    setEnableApply: (newEnableApply: boolean) => void;\n  };\n}\n\n/**\n * Interface representing the state for a single date picker.\n */\nexport interface SingleDatePickerState<TDate extends DateFrameworkType>\n  extends DatePickerBaseState<TDate> {\n  /**\n   * The state properties of the single date picker.\n   */\n  state: DatePickerBaseState<TDate>[\"state\"] & {\n    /**\n     * The selected date.\n     */\n    selectedDate: SingleDateSelection<TDate> | null;\n    /**\n     * The default selected date.\n     */\n    defaultSelectedDate?: SingleDateSelection<TDate>;\n  };\n  /**\n   * Helper functions for managing the single date picker state.\n   */\n  helpers: DatePickerBaseState<TDate>[\"helpers\"] & {\n    /**\n     * Apply the selected single date.\n     * @param event - The synthetic event.\n     * @param date - The new applied date.\n     */\n    apply: (\n      event: SyntheticEvent,\n      date: SingleDateSelection<TDate> | null,\n    ) => void;\n    /**\n     * Select a single date.\n     * @param event - The synthetic event.\n     * @param date - The selected date or null.\n     * @param details - Details of selection, such as errors and original value.\n     */\n    select: (\n      event: SyntheticEvent,\n      date: SingleDateSelection<TDate> | null,\n      details?: DateInputSingleDetails,\n    ) => void;\n  };\n}\n\n/**\n * Interface representing the state for a range date picker.\n */\nexport interface RangeDatePickerState<TDate extends DateFrameworkType>\n  extends DatePickerBaseState<TDate> {\n  /**\n   * The state properties of the range date picker.\n   */\n  state: DatePickerBaseState<TDate>[\"state\"] & {\n    /**\n     * The selected date range.\n     */\n    selectedDate: DateRangeSelection<TDate> | null;\n    /**\n     * The default selected date range.\n     */\n    defaultSelectedDate?: DateRangeSelection<TDate>;\n  };\n  /**\n   * Helper functions for managing the range date picker state.\n   */\n  helpers: DatePickerBaseState<TDate>[\"helpers\"] & {\n    /**\n     * Apply the selected date range.\n     * @param event - The synthetic event.\n     * @param date - The new applied date range\n     */\n    apply: (\n      event: SyntheticEvent,\n      date: DateRangeSelection<TDate> | null,\n    ) => void;\n    /**\n     * Select a date range.\n     * @param event - The synthetic event.\n     * @param date - The selected date.\n     * @param details - Details of selection, such as errors and original value.     */\n    select: (\n      event: SyntheticEvent,\n      date: DateRangeSelection<TDate> | null,\n      details?: DateInputRangeDetails,\n    ) => void;\n  };\n}\n\n/**\n * Type representing the state of a date picker, either single or range.\n */\nexport type DatePickerState<TDate extends DateFrameworkType> =\n  | SingleDatePickerState<TDate>\n  | RangeDatePickerState<TDate>;\n\n/**\n * Context for single date selection.\n */\nexport const SingleDateSelectionContext = createContext<\n  SingleDatePickerState<DateFrameworkType> | undefined\n>(\"SingleDateSelectionContext\", undefined);\n\n/**\n * Context for date range selection.\n */\nexport const DateRangeSelectionContext = createContext<\n  RangeDatePickerState<DateFrameworkType> | undefined\n>(\"DateRangeSelectionContext\", undefined);\n\n/**\n * Props for using the date picker context.\n */\nexport interface UseDatePickerContextProps {\n  /**\n   * The selection variant, either \"single\" or \"range\".\n   */\n  selectionVariant: \"single\" | \"range\";\n}\n\n// Overloads\n\n/**\n * Hook to use the date picker context for single date selection.\n * @param props - The props for the hook.\n * @returns The state of the single date picker.\n */\nexport function useDatePickerContext<TDate extends DateFrameworkType>(props: {\n  selectionVariant: \"single\";\n}): SingleDatePickerState<TDate>;\n\n/**\n * Hook to use the date picker context for range date selection.\n * @param props - The props for the hook.\n * @returns The state of the range date picker.\n */\nexport function useDatePickerContext<TDate extends DateFrameworkType>(props: {\n  selectionVariant: \"range\";\n}): RangeDatePickerState<TDate>;\n\nexport function useDatePickerContext<TDate extends DateFrameworkType>({\n  selectionVariant,\n}: UseDatePickerContextProps): DatePickerState<TDate> {\n  const rangeContext = useContext(\n    DateRangeSelectionContext as Context<\n      RangeDatePickerState<TDate> | undefined\n    >,\n  );\n\n  const singleContext = useContext(\n    SingleDateSelectionContext as Context<\n      SingleDatePickerState<TDate> | undefined\n    >,\n  );\n\n  if (selectionVariant === \"range\") {\n    if (!rangeContext) {\n      throw new Error(\n        'useDatePickerSelection should be called with props { selectionVariant : \"range\" } inside DateRangeSelectionContext.Provider',\n      );\n    }\n    return rangeContext;\n  }\n\n  if (!singleContext) {\n    throw new Error(\n      'useDatePickerSelection should be called with props { selectionVariant : \"single\" } inside SingleDateSelectionContext.Provider',\n    );\n  }\n  return singleContext;\n}\n"],"names":[],"mappings":";;;AA8La,MAAA,0BAAA,GAA6B,aAExC,CAAA,4BAAA,EAA8B,MAAS;AAK5B,MAAA,yBAAA,GAA4B,aAEvC,CAAA,2BAAA,EAA6B,MAAS;AAgCjC,SAAS,oBAAsD,CAAA;AAAA,EACpE;AACF,CAAsD,EAAA;AACpD,EAAA,MAAM,YAAe,GAAA,UAAA;AAAA,IACnB;AAAA,GAGF;AAEA,EAAA,MAAM,aAAgB,GAAA,UAAA;AAAA,IACpB;AAAA,GAGF;AAEA,EAAA,IAAI,qBAAqB,OAAS,EAAA;AAChC,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR;AAAA,OACF;AAAA;AAEF,IAAO,OAAA,YAAA;AAAA;AAGT,EAAA,IAAI,CAAC,aAAe,EAAA;AAClB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA;AAEF,EAAO,OAAA,aAAA;AACT;;;;"}
+{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport type { DateFrameworkType, Timezone } from \"@salt-ds/date-adapters\";\nimport { type Context, type Ref, type SyntheticEvent, useContext } from \"react\";\nimport type { DateRangeSelection, SingleDateSelection } from \"../calendar\";\nimport type {\n  DateInputRangeDetails,\n  DateInputSingleDetails,\n} from \"../date-input\";\n\n/**\n * Interface representing the base state for a DatePicker.\n * @template TDate - The type of the date object.\n */\ninterface DatePickerBaseState<TDate extends DateFrameworkType> {\n  /**\n   * The state properties of the DatePicker.\n   */\n  state: {\n    /**\n     * If `true`, the DatePicker is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true`, the DatePicker is read-only.\n     */\n    readOnly?: boolean;\n    /**\n     * If `true`, the DatePicker has been cancelled.\n     */\n    cancelled?: boolean;\n    /**\n     * If `true`, the apply action is enabled.\n     */\n    enableApply?: boolean;\n    /**\n     * The minimum selectable date.\n     */\n    minDate?: TDate;\n    /**\n     * The maximum selectable date.\n     */\n    maxDate?: TDate;\n    /**\n     * Reference to the container element.\n     */\n    containerRef: Ref<HTMLDivElement>;\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  /**\n   * Helper functions for managing the DatePicker state.\n   */\n  helpers: {\n    /**\n     * Cancels the DatePicker action.\n     * @param event - event that triggered the state change\n     */\n    cancel: (event?: Event) => void;\n    /**\n     * Function to determine if a day is highlighted.\n     * @param date - The date to check.\n     * @returns A string reason if the day is highlighted, otherwise `false` or `undefined`.\n     */\n    isDayHighlighted?: (date: TDate) => string | false | undefined;\n    /**\n     * Function to determine if a day is unselectable.\n     * @param date - The date to check.\n     * @returns A string reason if the day is unselectable, otherwise `false` or `undefined`.\n     */\n    isDayUnselectable?: (date: TDate) => string | false | undefined;\n    /**\n     * Sets the enableApply state.\n     * @param newEnableApply - The new value for enableApply.\n     */\n    setEnableApply: (newEnableApply: boolean) => void;\n  };\n}\n\n/**\n * Interface representing the state for a single date picker.\n */\nexport interface SingleDatePickerState<TDate extends DateFrameworkType>\n  extends DatePickerBaseState<TDate> {\n  /**\n   * The state properties of the single date picker.\n   */\n  state: DatePickerBaseState<TDate>[\"state\"] & {\n    /**\n     * The selected date.\n     */\n    selectedDate: SingleDateSelection<TDate> | null;\n    /**\n     * The default selected date.\n     */\n    defaultSelectedDate?: SingleDateSelection<TDate>;\n  };\n  /**\n   * Helper functions for managing the single date picker state.\n   */\n  helpers: DatePickerBaseState<TDate>[\"helpers\"] & {\n    /**\n     * Apply the selected single date.\n     * @param event - The synthetic event.\n     * @param date - The new applied date.\n     */\n    apply: (\n      event: SyntheticEvent,\n      date: SingleDateSelection<TDate> | null,\n    ) => void;\n    /**\n     * Select a single date.\n     * @param event - The synthetic event.\n     * @param date - The selected date or null.\n     * @param details - Details of selection, such as errors and original value.\n     */\n    select: (\n      event: SyntheticEvent,\n      date: SingleDateSelection<TDate> | null,\n      details?: DateInputSingleDetails,\n    ) => void;\n  };\n}\n\n/**\n * Interface representing the state for a range date picker.\n */\nexport interface RangeDatePickerState<TDate extends DateFrameworkType>\n  extends DatePickerBaseState<TDate> {\n  /**\n   * The state properties of the range date picker.\n   */\n  state: DatePickerBaseState<TDate>[\"state\"] & {\n    /**\n     * The selected date range.\n     */\n    selectedDate: DateRangeSelection<TDate> | null;\n    /**\n     * The default selected date range.\n     */\n    defaultSelectedDate?: DateRangeSelection<TDate>;\n  };\n  /**\n   * Helper functions for managing the range date picker state.\n   */\n  helpers: DatePickerBaseState<TDate>[\"helpers\"] & {\n    /**\n     * Apply the selected date range.\n     * @param event - The synthetic event.\n     * @param date - The new applied date range\n     */\n    apply: (\n      event: SyntheticEvent,\n      date: DateRangeSelection<TDate> | null,\n    ) => void;\n    /**\n     * Select a date range.\n     * @param event - The synthetic event.\n     * @param date - The selected date.\n     * @param details - Details of selection, such as errors and original value.     */\n    select: (\n      event: SyntheticEvent,\n      date: DateRangeSelection<TDate> | null,\n      details?: DateInputRangeDetails,\n    ) => void;\n  };\n}\n\n/**\n * Type representing the state of a date picker, either single or range.\n */\nexport type DatePickerState<TDate extends DateFrameworkType> =\n  | SingleDatePickerState<TDate>\n  | RangeDatePickerState<TDate>;\n\n/**\n * Context for single date selection.\n */\nexport const SingleDateSelectionContext = createContext<\n  SingleDatePickerState<DateFrameworkType> | undefined\n>(\"SingleDateSelectionContext\", undefined);\n\n/**\n * Context for date range selection.\n */\nexport const DateRangeSelectionContext = createContext<\n  RangeDatePickerState<DateFrameworkType> | undefined\n>(\"DateRangeSelectionContext\", undefined);\n\n/**\n * Props for using the date picker context.\n */\nexport interface UseDatePickerContextProps {\n  /**\n   * The selection variant, either \"single\" or \"range\".\n   */\n  selectionVariant: \"single\" | \"range\";\n}\n\n// Overloads\n\n/**\n * Hook to use the date picker context for single date selection.\n * @param props - The props for the hook.\n * @returns The state of the single date picker.\n */\nexport function useDatePickerContext<TDate extends DateFrameworkType>(props: {\n  selectionVariant: \"single\";\n}): SingleDatePickerState<TDate>;\n\n/**\n * Hook to use the date picker context for range date selection.\n * @param props - The props for the hook.\n * @returns The state of the range date picker.\n */\nexport function useDatePickerContext<TDate extends DateFrameworkType>(props: {\n  selectionVariant: \"range\";\n}): RangeDatePickerState<TDate>;\n\nexport function useDatePickerContext<TDate extends DateFrameworkType>({\n  selectionVariant,\n}: UseDatePickerContextProps): DatePickerState<TDate> {\n  const rangeContext = useContext(\n    DateRangeSelectionContext as Context<\n      RangeDatePickerState<TDate> | undefined\n    >,\n  );\n\n  const singleContext = useContext(\n    SingleDateSelectionContext as Context<\n      SingleDatePickerState<TDate> | undefined\n    >,\n  );\n\n  if (selectionVariant === \"range\") {\n    if (!rangeContext) {\n      throw new Error(\n        'useDatePickerSelection should be called with props { selectionVariant : \"range\" } inside DateRangeSelectionContext.Provider',\n      );\n    }\n    return rangeContext;\n  }\n\n  if (!singleContext) {\n    throw new Error(\n      'useDatePickerSelection should be called with props { selectionVariant : \"single\" } inside SingleDateSelectionContext.Provider',\n    );\n  }\n  return singleContext;\n}\n"],"names":[],"mappings":";;;AAwLO,MAAM,0BAAA,GAA6B,aAAA,CAExC,4BAAA,EAA8B,MAAS;AAKlC,MAAM,yBAAA,GAA4B,aAAA,CAEvC,2BAAA,EAA6B,MAAS;AAgCjC,SAAS,oBAAA,CAAsD;AAAA,EACpE;AACF,CAAA,EAAsD;AACpD,EAAA,MAAM,YAAA,GAAe,UAAA;AAAA,IACnB;AAAA,GAGF;AAEA,EAAA,MAAM,aAAA,GAAgB,UAAA;AAAA,IACpB;AAAA,GAGF;AAEA,EAAA,IAAI,qBAAqB,OAAA,EAAS;AAChC,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR;AAAA,OACF;AAAA,IACF;AACA,IAAA,OAAO,YAAA;AAAA,EACT;AAEA,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,aAAA;AACT;;;;"}

package/dist-es/date-picker/DatePickerHelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerHelperText.js","sources":["../src/date-picker/DatePickerHelperText.tsx"],"sourcesContent":["import {\n  FormFieldHelperText,\n  type FormFieldHelperTextProps,\n  makePrefixer,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport datePickerHelperText from \"./DatePickerHelperText.css\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerHelperText\");\n\nexport interface DatePickerHelperTextProps extends FormFieldHelperTextProps {}\n\nexport const DatePickerHelperText = forwardRef(function DatePickerHelperText(\n  { className, ...rest }: DatePickerHelperTextProps,\n  ref: React.Ref<HTMLLabelElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-helper-text\",\n    css: datePickerHelperText,\n    window: targetWindow,\n  });\n\n  const {\n    state: { open },\n  } = useDatePickerOverlay();\n\n  return (\n    <FormFieldHelperText\n      ref={ref}\n      className={clsx(className, withBaseName(), {\n        [withBaseName(\"open\")]: open,\n      })}\n      {...rest}\n    />\n  );\n});\n"],"names":["DatePickerHelperText","datePickerHelperText"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAI/C,MAAA,oBAAA,GAAuB,WAAW,SAASA,qBAAAA,CACtD,EAAE,SAAW,EAAA,GAAG,IAAK,EAAA,EACrB,GACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,8BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,IAAK;AAAA,MACZ,oBAAqB,EAAA;AAEzB,EACE,uBAAA,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,SAAW,EAAA,YAAA,EAAgB,EAAA;AAAA,QACzC,CAAC,YAAA,CAAa,MAAM,CAAC,GAAG;AAAA,OACzB,CAAA;AAAA,MACA,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePickerHelperText.js","sources":["../src/date-picker/DatePickerHelperText.tsx"],"sourcesContent":["import {\n  FormFieldHelperText,\n  type FormFieldHelperTextProps,\n  makePrefixer,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef } from \"react\";\nimport datePickerHelperText from \"./DatePickerHelperText.css\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerHelperText\");\n\nexport interface DatePickerHelperTextProps extends FormFieldHelperTextProps {}\n\nexport const DatePickerHelperText = forwardRef(function DatePickerHelperText(\n  { className, ...rest }: DatePickerHelperTextProps,\n  ref: React.Ref<HTMLLabelElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-helper-text\",\n    css: datePickerHelperText,\n    window: targetWindow,\n  });\n\n  const {\n    state: { open },\n  } = useDatePickerOverlay();\n\n  return (\n    <FormFieldHelperText\n      ref={ref}\n      className={clsx(className, withBaseName(), {\n        [withBaseName(\"open\")]: open,\n      })}\n      {...rest}\n    />\n  );\n});\n"],"names":["DatePickerHelperText","datePickerHelperText"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AAIrD,MAAM,oBAAA,GAAuB,WAAW,SAASA,qBAAAA,CACtD,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,EACrB,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,8BAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,EAAE,IAAA;AAAK,MACZ,oBAAA,EAAqB;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,SAAA,EAAW,YAAA,EAAa,EAAG;AAAA,QACzC,CAAC,YAAA,CAAa,MAAM,CAAC,GAAG;AAAA,OACzB,CAAA;AAAA,MACA,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}

package/dist-es/date-picker/DatePickerOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerOverlay.js","sources":["../src/date-picker/DatePickerOverlay.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  useFloatingComponent,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport datePickerOverlayCss from \"./DatePickerOverlay.css\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerOverlay\");\n\n/**\n * Props for the DatePickerOverlay component.\n */\nexport interface DatePickerOverlayProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content to be rendered inside the overlay.\n   */\n  children: ReactNode;\n}\n\nexport const DatePickerOverlay = forwardRef<\n  HTMLDivElement,\n  DatePickerOverlayProps\n>(function DatePickerOverlay({ className, children, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-overlay\",\n    css: datePickerOverlayCss,\n    window: targetWindow,\n  });\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n\n  const { a11yProps } = useFormFieldProps();\n\n  const {\n    state: { open, floatingUIResult },\n    helpers: { getFloatingProps },\n  } = useDatePickerOverlay();\n\n  const floatingRef = useForkRef<HTMLDivElement>(\n    ref,\n    floatingUIResult?.floating,\n  );\n\n  return (\n    <FloatingComponent\n      className={clsx(withBaseName(), className)}\n      open={open || false}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      ref={floatingRef}\n      {...(getFloatingProps\n        ? getFloatingProps({\n            ...a11yProps,\n            ...rest,\n          })\n        : rest)}\n    >\n      {children}\n    </FloatingComponent>\n  );\n});\n"],"names":["DatePickerOverlay","datePickerOverlayCss"],"mappings":";;;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA;AAa5C,MAAA,iBAAA,GAAoB,UAG/B,CAAA,SAASA,kBAAkB,CAAA,EAAE,WAAW,QAAU,EAAA,GAAG,IAAK,EAAA,EAAG,GAAK,EAAA;AAClE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAI,oBAAqB,EAAA;AAE9D,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,iBAAkB,EAAA;AAExC,EAAM,MAAA;AAAA,IACJ,KAAA,EAAO,EAAE,IAAA,EAAM,gBAAiB,EAAA;AAAA,IAChC,OAAA,EAAS,EAAE,gBAAiB;AAAA,MAC1B,oBAAqB,EAAA;AAEzB,EAAA,MAAM,WAAc,GAAA,UAAA;AAAA,IAClB,GAAA;AAAA,IACA,gBAAkB,IAAA,IAAA,GAAA,MAAA,GAAA,gBAAA,CAAA;AAAA,GACpB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,MAAM,IAAQ,IAAA,KAAA;AAAA,MACd,IAAK,EAAA,QAAA;AAAA,MACL,YAAW,EAAA,MAAA;AAAA,MACX,GAAK,EAAA,WAAA;AAAA,MACJ,GAAI,mBACD,gBAAiB,CAAA;AAAA,QACf,GAAG,SAAA;AAAA,QACH,GAAG;AAAA,OACJ,CACD,GAAA,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePickerOverlay.js","sources":["../src/date-picker/DatePickerOverlay.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  useFloatingComponent,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport datePickerOverlayCss from \"./DatePickerOverlay.css\";\nimport { useDatePickerOverlay } from \"./DatePickerOverlayProvider\";\n\nconst withBaseName = makePrefixer(\"saltDatePickerOverlay\");\n\n/**\n * Props for the DatePickerOverlay component.\n */\nexport interface DatePickerOverlayProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content to be rendered inside the overlay.\n   */\n  children: ReactNode;\n}\n\nexport const DatePickerOverlay = forwardRef<\n  HTMLDivElement,\n  DatePickerOverlayProps\n>(function DatePickerOverlay({ className, children, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-overlay\",\n    css: datePickerOverlayCss,\n    window: targetWindow,\n  });\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n\n  const { a11yProps } = useFormFieldProps();\n\n  const {\n    state: { open, floatingUIResult },\n    helpers: { getFloatingProps },\n  } = useDatePickerOverlay();\n\n  const floatingRef = useForkRef<HTMLDivElement>(\n    ref,\n    floatingUIResult?.floating,\n  );\n\n  return (\n    <FloatingComponent\n      className={clsx(withBaseName(), className)}\n      open={open || false}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      ref={floatingRef}\n      {...(getFloatingProps\n        ? getFloatingProps({\n            ...a11yProps,\n            ...rest,\n          })\n        : rest)}\n    >\n      {children}\n    </FloatingComponent>\n  );\n});\n"],"names":["DatePickerOverlay","datePickerOverlayCss"],"mappings":";;;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,uBAAuB,CAAA;AAalD,MAAM,iBAAA,GAAoB,UAAA,CAG/B,SAASA,kBAAAA,CAAkB,EAAE,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAClE,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,0BAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,iBAAA,EAAkB,GAAI,oBAAA,EAAqB;AAE9D,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,iBAAA,EAAkB;AAExC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,EAAE,IAAA,EAAM,gBAAA,EAAiB;AAAA,IAChC,OAAA,EAAS,EAAE,gBAAA;AAAiB,MAC1B,oBAAA,EAAqB;AAEzB,EAAA,MAAM,WAAA,GAAc,UAAA;AAAA,IAClB,GAAA;AAAA,IACA,gBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,gBAAA,CAAkB;AAAA,GACpB;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,MAAM,IAAA,IAAQ,KAAA;AAAA,MACd,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,MAAA;AAAA,MACX,GAAA,EAAK,WAAA;AAAA,MACJ,GAAI,mBACD,gBAAA,CAAiB;AAAA,QACf,GAAG,SAAA;AAAA,QACH,GAAG;AAAA,OACJ,CAAA,GACD,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}