@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/forms/date-time-range-picker/DateTimeRangePickerRoot.js

@@ -16,6 +16,9 @@ import * as styles from "./DateTimeRangePicker.sty.js";
 import { isExpressionTriggerKey } from "./expression-trigger-helpers.js";
 import { useDateTimeRangePicker } from "./hooks/useDateTimeRangePicker.js";
 import { onTimeframeCopyCapture } from "./selection-copy-helpers.js";
+import {
+  peekPreRestoreEndpoints
+} from "./selection-helpers.js";
 import { useSelectionInteractionHandlers } from "./useSelectionInteractionHandlers.js";
 import { Button } from "../../buttons/button/Button.js";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
@@ -37,7 +40,7 @@ import { FormFieldMessageContext } from "../forms-core/contexts/FormFieldMessage
 import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMessagesContext.js";
 import { useSyncedFormControlProps } from "../forms-core/hooks/useSyncedFormControlProps.js";
 import { FormFieldMessagesAction } from "../forms-core/state/formfield-messages-state-reducer.js";
-function isInputInSelectionOrFocused(ref) {
+function isInputInSelectionOrFocused(ref, preRestoreEndpoints) {
   const element = ref.current?.element;
   if (!element) {
     return false;
@@ -46,11 +49,12 @@ function isInputInSelectionOrFocused(ref) {
     return true;
   }
   const selection = window.getSelection();
-  if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
-    return false;
+  if (selection && selection.rangeCount > 0 && !selection.isCollapsed) {
+    if (selection.getRangeAt(0).intersectsNode(element)) {
+      return true;
+    }
   }
-  const range = selection.getRangeAt(0);
-  return range.intersectsNode(element);
+  return !!preRestoreEndpoints && (element.contains(preRestoreEndpoints.anchorNode) || element.contains(preRestoreEndpoints.focusNode));
 }
 function focusExpressionInputAtEnd(ref) {
   const expressionElement = ref.current?.expressionInputRef;
@@ -223,10 +227,20 @@ const DateTimeRangePickerRoot = forwardRef((props, forwardedRef) => {
         handleSelectionKeyDown(event);
         return;
       }
+      const preRestoreEndpoints = peekPreRestoreEndpoints(
+        event.currentTarget
+      );
       const fromInputIsIso = dateTimeFromRef.current?.element?.getAttribute("data-valuetype") === "iso8601";
       const toInputIsIso = dateTimeToRef.current?.element?.getAttribute("data-valuetype") === "iso8601";
-      const switchFromToExpression = isInputInSelectionOrFocused(dateTimeFromRef) && fromInputIsIso;
-      const switchToToExpression = isInputInSelectionOrFocused(dateTimeToRef) && toInputIsIso;
+      const bothInSelection = isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) && isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints);
+      if (bothInSelection && isExpressionTriggerKey(event)) {
+        setValue(null);
+        if (dateTimeToRef.current?.expressionInputRef) {
+          dateTimeToRef.current.expressionInputRef.textContent = "";
+        }
+      }
+      const switchFromToExpression = isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) && fromInputIsIso;
+      const switchToToExpression = isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) && toInputIsIso;
       if (isExpressionTriggerKey(event) && (switchFromToExpression || switchToToExpression)) {
         const char = event.key;
         const primaryRef = switchFromToExpression ? dateTimeFromRef : dateTimeToRef;
@@ -238,7 +252,7 @@ const DateTimeRangePickerRoot = forwardRef((props, forwardedRef) => {
         event.stopPropagation();
         return;
       }
-      if (isInputInSelectionOrFocused(dateTimeFromRef) && isInputInSelectionOrFocused(dateTimeToRef) && !fromInputIsIso && !toInputIsIso && event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+      if (isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) && isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) && !fromInputIsIso && !toInputIsIso && event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
         const char = event.key;
         const fromExpressionElement = dateTimeFromRef.current?.expressionInputRef;
         const toExpressionElement = dateTimeToRef.current?.expressionInputRef;
@@ -411,6 +425,7 @@ const DateTimeRangePickerRoot = forwardRef((props, forwardedRef) => {
                     controlId: id,
                     onTrailingEdge: handleFromTrailingEdge,
                     onTrailingOverflow: handleFromTrailingOverflow,
+                    partialTimeAnchorDate: value?.to?.absoluteDate || void 0,
                     onPasteComplete: () => {
                       dateTimeToRef.current?.focus?.();
                     }
@@ -437,6 +452,7 @@ const DateTimeRangePickerRoot = forwardRef((props, forwardedRef) => {
                     required,
                     onLeadingEdge: handleToLeadingEdge,
                     dateOnlyPasteAnchor: "endOfDay",
+                    partialTimeAnchorDate: value?.from?.absoluteDate || void 0,
                     onPasteComplete: () => {
                       requestAnimationFrame(() => {
                         dateTimeToRef.current?.focusLast();

package/esm/forms/date-time-range-picker/DateTimeRangePickerRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/DateTimeRangePickerRoot.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport { DateRangeSelector } from './DateRangeSelector.js';\nimport { DateTimeInput } from './DateTimeInput.js';\nimport * as styles from './DateTimeRangePicker.sty.js';\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { useDateTimeRangePicker } from './hooks/useDateTimeRangePicker.js';\nimport { onTimeframeCopyCapture } from './selection-copy-helpers.js';\nimport type {\n  DateTimeRangePickerProps,\n  DateTimeRangePickerRef,\n} from './types.js';\nimport { DateRangeSelectorRef, DateTimeInputRef } from './types.js';\nimport { useSelectionInteractionHandlers } from './useSelectionInteractionHandlers.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport { TimeErrorKey } from '../../core/time/shared.types.js';\nimport { useDateTimeRangePickerStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport { InputGroup } from '../../layouts/input-group/InputGroup.js';\nimport { fieldTokens } from '../../styles/field.sty.js';\nimport { textStyle } from '../../styles/textStyle.sty.js';\nimport {\n  clearIconButton,\n  dateTimePicker,\n} from '../date-time-picker/DateTimePicker.sty.js';\nimport { focusDateTimeInput } from '../date-time-picker/utils/focusDateTimeInput.js';\nimport { FormFieldMessageContext } from '../forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\n\n/**\n * Returns true if a given DateTimeInput element contains the active (focused)\n * element *or* the window selection intersects it.\n *\n * The focus-based check covers the common case where a single spin button is\n * focused \u2013 including empty (placeholder) spin buttons whose `selectAll()` is\n * a no-op and therefore leave the window selection collapsed.\n *\n * The selection-based check covers cross-input scenarios such as Ctrl+A or\n * drag-select spanning both \"from\" and \"to\" inputs.\n */\nfunction isInputInSelectionOrFocused(\n  ref: RefObject<DateTimeInputRef | null>,\n): boolean {\n  const element = ref.current?.element;\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(document.activeElement)) {\n    return true;\n  }\n\n  const selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {\n    return false;\n  }\n  const range = selection.getRangeAt(0);\n  return range.intersectsNode(element);\n}\n\nfunction focusExpressionInputAtEnd(\n  ref: RefObject<DateTimeInputRef | null>,\n): void {\n  const expressionElement = ref.current?.expressionInputRef;\n  if (!expressionElement) {\n    return;\n  }\n\n  expressionElement.focus();\n\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(expressionElement);\n  range.collapse(false);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction getOffsetWithinElement(\n  element: HTMLElement,\n  container: Node,\n  offset: number,\n): number {\n  const range = document.createRange();\n  range.selectNodeContents(element);\n  range.setEnd(container, offset);\n  return range.toString().length;\n}\n\n/**@internal */\nexport const DateTimeRangePickerRoot = forwardRef<\n  DateTimeRangePickerRef,\n  Omit<DateTimeRangePickerProps, 'value' | 'defaultValue' | 'onChange'>\n>((props, forwardedRef) => {\n  const {\n    id: propId,\n    disabled: propDisabled,\n    readOnly = false,\n    name,\n    style: consumerStyle,\n    className: consumerClassName,\n    required: propRequired,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    placeholder: placeholderProp,\n    onBlur,\n    ...remainingProps\n  }: Omit<\n    DateTimeRangePickerProps,\n    'value' | 'defaultValue' | 'onChange'\n  > = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const ariaProps = useAriaLabelingProps(props);\n  const COMPONENT_NAME = 'DateTimeRangePicker';\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const touchedContainerRef = useRef<HTMLDivElement>(null);\n  const dateTimeToRef = useRef<DateTimeInputRef>(null);\n  const dateRangeSelectorRef = useRef<DateRangeSelectorRef>(null);\n\n  const [hasInputContent, setHasInputContent] = useState(false);\n\n  const setValue = useDateTimeRangePickerStore(\n    (state) => state.setDateTimeRangePickerTimeframe,\n  );\n  const value = useDateTimeRangePickerStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const dateTimeFromRef = useDateTimeRangePickerStore(\n    (state) => state.dateTimeFromRef,\n  );\n  const precision = useDateTimeRangePickerStore((state) => state.precision);\n  const min = useDateTimeRangePickerStore((state) => state.min);\n  const max = useDateTimeRangePickerStore((state) => state.max);\n  const formatString = useDateTimeRangePickerStore(\n    (state) => state.formatString,\n  );\n\n  const { disabled, required, id, ariaDisabled } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const { placeholder, onPasteCapture, onUndoPasteKeyDown } =\n    useDateTimeRangePicker({\n      placeholder: placeholderProp,\n      readOnly,\n      dateTimeFromRef,\n      dateTimeToRef,\n    });\n\n  const intl = useIntl();\n\n  const {\n    state: { showError },\n    dispatch: formMessageDispatch,\n  } = useFormFieldMessagesContext();\n\n  // Track the last error key returned by the imperative validate() so we can\n  // pass it as `formerError` on the next call and clean up stale messages.\n  const lastValidationErrorRef = useRef<TimeErrorKey | undefined>();\n\n  // Provide root and input element reference and functions to interact with the calendar overlay\n  useImperativeHandle(\n    forwardedRef,\n    (): DateTimeRangePickerRef => ({\n      element: rootRef.current,\n      inputRef: {\n        from: dateTimeFromRef.current?.inputRef,\n        to: dateTimeToRef.current?.inputRef,\n      },\n      open: () => dateRangeSelectorRef.current?.open(),\n      close: () => dateRangeSelectorRef.current?.close(),\n      focus: () => dateTimeFromRef.current?.focus?.(),\n      getCurrentValue: () => ({\n        from: value?.from ?? null,\n        to: value?.to ?? null,\n      }),\n      validate() {\n        lastValidationErrorRef.current = validate(value, min, max, {\n          formMessageDispatch,\n          formerError: lastValidationErrorRef.current,\n          precision,\n          showError: true,\n          checkOrder: true,\n          ref: rootRef,\n          expectedFormat: formatString,\n          valueMode: 'dateTimePicker',\n          required,\n        });\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      },\n    }),\n    [\n      value,\n      min,\n      max,\n      formMessageDispatch,\n      precision,\n      formatString,\n      required,\n      dateTimeFromRef,\n    ],\n  );\n\n  const { focusClassName } = useFocusRing({\n    focusWithin: true,\n    ignoreModality: true,\n    isMinimal: false,\n    disabled,\n    color: showError ? 'critical' : 'neutral',\n  });\n\n  const dateTimeFromLabel = intl.formatMessage({\n    defaultMessage: 'DateTime from',\n    id: 'fMy6q/KKOqbvCA3H',\n    description:\n      'Textbox to enter a relative or absolute timeframe from value.',\n  });\n\n  const dateTimeToLabel = intl.formatMessage({\n    defaultMessage: 'DateTime to',\n    id: 'uuhhc3nEZptwtV2E',\n    description: 'Textbox to enter a relative or absolute timeframe to value.',\n  });\n  const clearButtonLabel = intl.formatMessage({\n    defaultMessage: 'Clear date and time range',\n    id: 'zX4r/Y8gJL1C8+5e',\n    description: 'Aria label for the DateTimeRangePicker clear button.',\n  });\n  const formFieldMessageContextValue = useMemo(\n    () => ({\n      state: {\n        customMessages: [],\n        formControlMessages: [],\n        showError,\n      },\n    }),\n    [showError],\n  );\n\n  const { onMouseDown, onKeyDown: handleSelectionKeyDown } =\n    useSelectionInteractionHandlers(\n      touchedContainerRef,\n      useCallback(() => {\n        focusDateTimeInput(null, dateTimeFromRef, dateTimeToRef);\n      }, [dateTimeFromRef]),\n      dateTimeFromRef,\n      dateTimeToRef,\n    );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (disabled || readOnly) {\n        handleSelectionKeyDown(event);\n        return;\n      }\n\n      const fromInputIsIso =\n        dateTimeFromRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n      const toInputIsIso =\n        dateTimeToRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n\n      const switchFromToExpression =\n        isInputInSelectionOrFocused(dateTimeFromRef) && fromInputIsIso;\n      const switchToToExpression =\n        isInputInSelectionOrFocused(dateTimeToRef) && toInputIsIso;\n      if (\n        isExpressionTriggerKey(event) &&\n        (switchFromToExpression || switchToToExpression)\n      ) {\n        const char = event.key;\n\n        // The primary input receives the character and focus.\n        // When both are selected, 'from' receives the character and focus.\n        const primaryRef = switchFromToExpression\n          ? dateTimeFromRef\n          : dateTimeToRef;\n\n        primaryRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(primaryRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      // Handle regular character input when both inputs are selected\n      if (\n        isInputInSelectionOrFocused(dateTimeFromRef) &&\n        isInputInSelectionOrFocused(dateTimeToRef) &&\n        !fromInputIsIso &&\n        !toInputIsIso &&\n        event.key.length === 1 &&\n        !event.ctrlKey &&\n        !event.metaKey &&\n        !event.altKey\n      ) {\n        const char = event.key;\n        const fromExpressionElement =\n          dateTimeFromRef.current?.expressionInputRef;\n        const toExpressionElement = dateTimeToRef.current?.expressionInputRef;\n        const selection = window.getSelection();\n\n        if (\n          fromExpressionElement &&\n          toExpressionElement &&\n          selection &&\n          selection.rangeCount > 0 &&\n          !selection.isCollapsed\n        ) {\n          const range = selection.getRangeAt(0);\n          const fromValue = fromExpressionElement.textContent ?? '';\n          const toValue = toExpressionElement.textContent ?? '';\n\n          const fromStart = fromExpressionElement.contains(range.startContainer)\n            ? getOffsetWithinElement(\n                fromExpressionElement,\n                range.startContainer,\n                range.startOffset,\n              )\n            : 0;\n          const toEnd = toExpressionElement.contains(range.endContainer)\n            ? getOffsetWithinElement(\n                toExpressionElement,\n                range.endContainer,\n                range.endOffset,\n              )\n            : toValue.length;\n\n          dateTimeFromRef.current?.setExpressionValue(\n            `${fromValue.slice(0, fromStart)}${char}`,\n          );\n          dateTimeToRef.current?.setExpressionValue(toValue.slice(toEnd));\n\n          requestAnimationFrame(() => {\n            focusExpressionInputAtEnd(dateTimeFromRef);\n          });\n\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n\n        // Replace the selected expression in \"from\" and keep \"to\" unchanged.\n        dateTimeFromRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(dateTimeFromRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      handleSelectionKeyDown(event);\n    },\n    [\n      disabled,\n      readOnly,\n      handleSelectionKeyDown,\n      dateTimeFromRef,\n      dateTimeToRef,\n      setValue,\n    ],\n  );\n\n  // Move from the last \"from\" segment to the first \"to\" segment.\n  const handleFromTrailingEdge = useCallback(() => {\n    dateTimeToRef.current?.focus?.();\n  }, []);\n\n  // Move from the first \"to\" segment to the last \"from\" segment.\n  const handleToLeadingEdge = useCallback(() => {\n    dateTimeFromRef.current?.focusLast();\n  }, [dateTimeFromRef]);\n\n  // Carry trailing overflow from \"from\" into the first \"to\" segment.\n  const handleFromTrailingOverflow = useCallback(\n    (overflowChar: string) => {\n      const handlers = Array.from(\n        dateTimeToRef.current?.spinButtonHandlers?.values() ?? [],\n      ).filter((h): h is SpinButtonHandler => h !== null && h !== undefined);\n\n      const firstHandler = handlers[0];\n      if (!firstHandler) {\n        return;\n      }\n\n      if (value?.to?.type === 'expression' || value?.to === null) {\n        dateTimeToRef.current?.setExpressionValue(overflowChar);\n        requestAnimationFrame(() => {\n          const exprEl = dateTimeToRef.current?.expressionInputRef;\n          if (exprEl) {\n            // Focus first so that expressionOnFocusHandler fires and selects all,\n            // then immediately collapse the selection to the end so the cursor\n            // lands after the overflow character instead of selecting everything.\n            exprEl.focus();\n            const sel = window.getSelection();\n            if (sel) {\n              const range = document.createRange();\n              range.selectNodeContents(exprEl);\n              range.collapse(false);\n              sel.removeAllRanges();\n              sel.addRange(range);\n            }\n          }\n        });\n        return;\n      }\n\n      if (firstHandler.type === 'number') {\n        firstHandler.applyText(overflowChar, true);\n        firstHandler.element.current?.focus();\n        firstHandler.setSelection({ start: 0, end: 0, rtl: true });\n      }\n    },\n    [value?.to],\n  );\n\n  return (\n    <Flex\n      ref={rootRef}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      style={consumerStyle}\n      className={consumerClassName}\n      {...ariaProps}\n      {...behavioralTrackingProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <FormFieldMessageContext.Provider value={formFieldMessageContextValue}>\n        <InputGroup style={{ gridTemplateColumns: '1fr auto' }}>\n          <Flex\n            ref={touchedContainerRef}\n            className={clsx(\n              inputGroupClassName,\n              dateTimePicker({\n                readOnly,\n                showError,\n                disabled,\n                type: 'datetime',\n              }),\n              textStyle({ textStyle: 'base' }),\n              fieldTokens({\n                color: showError ? 'critical' : 'neutral',\n                disabled: disabledOrAriaDisabled,\n                variant: 'emphasized',\n              }),\n              focusClassName,\n              styles.dateTimeRange({\n                showError,\n                disabled: disabledOrAriaDisabled,\n                readOnly: readOnly,\n              }),\n            )}\n            onCopyCapture={onTimeframeCopyCapture}\n            onPasteCapture={onPasteCapture}\n            onBlur={(event) => {\n              // onFocus synchronously redirects focus from the container to a spin button,\n              // causing a spurious onBlur; rAF defers the call until focus has settled.\n              requestAnimationFrame(() => {\n                onBlur?.(event);\n              });\n            }}\n            onInput={() => {\n              setHasInputContent(\n                !!dateTimeFromRef.current?.expressionInputRef?.textContent ||\n                  !!dateTimeToRef.current?.expressionInputRef?.textContent,\n              );\n            }}\n            tabIndex={disabled ? undefined : 0}\n            onMouseDown={onMouseDown}\n            onKeyDownCapture={(e) => {\n              // Handles undo for from and to inputs with Ctrl+Z.\n              // Uses capture phase so it fires before the input-level undo handler.\n              onUndoPasteKeyDown(e);\n            }}\n            onKeyDown={onKeyDown}\n            onFocus={(e: FocusEvent) => {\n              // Forward the focus only if it is coming from outside this component.\n              // Focus the first spin button with textContent; otherwise, focus the input.\n\n              if (!rootRef.current?.contains(e.relatedTarget)) {\n                focusDateTimeInput(e, dateTimeFromRef, dateTimeToRef);\n              }\n            }}\n          >\n            <span className={styles.scrollContainer}>\n              <DateTimeInput\n                ref={dateTimeFromRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.from}\n                name={name === undefined ? undefined : `${name}-from`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.from}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ from: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeFromLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                controlId={id}\n                onTrailingEdge={handleFromTrailingEdge}\n                onTrailingOverflow={handleFromTrailingOverflow}\n                onPasteComplete={() => {\n                  dateTimeToRef.current?.focus?.();\n                }}\n              />\n\n              <span className={styles.timeframeSeparator}>\u2192</span>\n              <DateTimeInput\n                ref={dateTimeToRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.to}\n                name={name === undefined ? undefined : `${name}-to`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.to}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ to: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeToLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                onLeadingEdge={handleToLeadingEdge}\n                dateOnlyPasteAnchor=\"endOfDay\"\n                onPasteComplete={() => {\n                  requestAnimationFrame(() => {\n                    dateTimeToRef.current?.focusLast();\n                  });\n                }}\n              />\n            </span>\n            {!readOnly &&\n              !disabledOrAriaDisabled &&\n              ((value &&\n                (value.from?.value !== '' || value.to?.value !== '')) ||\n                hasInputContent) && (\n                <Button\n                  onFocus={() => {\n                    formMessageDispatch?.({\n                      type: FormFieldMessagesAction.SETISTOUCHED,\n                      payload: { isTouched: true },\n                    });\n                  }}\n                  onClick={() => {\n                    setValue(null);\n                    if (dateTimeFromRef.current?.expressionInputRef) {\n                      dateTimeFromRef.current.expressionInputRef.textContent =\n                        '';\n                    }\n                    if (dateTimeToRef.current?.expressionInputRef) {\n                      dateTimeToRef.current.expressionInputRef.textContent = '';\n                    }\n                    setHasInputContent(false);\n                    requestAnimationFrame(() => {\n                      dateTimeFromRef.current?.expressionInputRef?.focus();\n                    });\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation();\n                    }\n                  }}\n                  className={clearIconButton}\n                  color={showError ? 'critical' : 'neutral'}\n                  size=\"condensed\"\n                  aria-label={clearButtonLabel}\n                >\n                  <XmarkIcon />\n                </Button>\n              )}\n          </Flex>\n          <DateRangeSelector\n            ref={dateRangeSelectorRef}\n            disabled={disabled}\n            aria-disabled={ariaDisabled}\n            readOnly={readOnly}\n            error={showError}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          />\n        </InputGroup>\n      </FormFieldMessageContext.Provider>\n    </Flex>\n  );\n});\n"],
-  "mappings": "AA+gBY,SACE,KADF;AA/gBZ,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAE1B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,YAAY,YAAY;AACxB,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAMvC,SAAS,uCAAuC;AAChD,SAAS,cAAc;AACvB,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAE7B,SAAS,mCAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AAcxC,SAAS,4BACP,KACS;AACT,QAAM,UAAU,IAAI,SAAS;AAC7B,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,SAAS,SAAS,aAAa,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,CAAC,aAAa,UAAU,eAAe,KAAK,UAAU,aAAa;AACrE,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,UAAU,WAAW,CAAC;AACpC,SAAO,MAAM,eAAe,OAAO;AACrC;AAEA,SAAS,0BACP,KACM;AACN,QAAM,oBAAoB,IAAI,SAAS;AACvC,MAAI,CAAC,mBAAmB;AACtB;AAAA,EACF;AAEA,oBAAkB,MAAM;AAExB,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,CAAC,WAAW;AACd;AAAA,EACF;AAEA,QAAM,QAAQ,SAAS,YAAY;AACnC,QAAM,mBAAmB,iBAAiB;AAC1C,QAAM,SAAS,KAAK;AACpB,YAAU,gBAAgB;AAC1B,YAAU,SAAS,KAAK;AAC1B;AAEA,SAAS,uBACP,SACA,WACA,QACQ;AACR,QAAM,QAAQ,SAAS,YAAY;AACnC,QAAM,mBAAmB,OAAO;AAChC,QAAM,OAAO,WAAW,MAAM;AAC9B,SAAO,MAAM,SAAS,EAAE;AAC1B;AAGO,MAAM,0BAA0B,WAGrC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,IAGI;AACJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAC3E,QAAM,YAAY,qBAAqB,KAAK;AAC5C,QAAM,iBAAiB;AAEvB,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,sBAAsB,OAAuB,IAAI;AACvD,QAAM,gBAAgB,OAAyB,IAAI;AACnD,QAAM,uBAAuB,OAA6B,IAAI;AAE9D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,QAAQ;AAAA,IACZ,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,kBAAkB;AAAA,IACtB,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,YAAY,4BAA4B,CAAC,UAAU,MAAM,SAAS;AACxE,QAAM,MAAM,4BAA4B,CAAC,UAAU,MAAM,GAAG;AAC5D,QAAM,MAAM,4BAA4B,CAAC,UAAU,MAAM,GAAG;AAC5D,QAAM,eAAe;AAAA,IACnB,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,EAAE,UAAU,UAAU,IAAI,aAAa,IAAI,0BAA0B;AAAA,IACzE;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AACD,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,QAAM,EAAE,aAAa,gBAAgB,mBAAmB,IACtD,uBAAuB;AAAA,IACrB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,OAAO,QAAQ;AAErB,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB,UAAU;AAAA,EACZ,IAAI,4BAA4B;AAIhC,QAAM,yBAAyB,OAAiC;AAGhE;AAAA,IACE;AAAA,IACA,OAA+B;AAAA,MAC7B,SAAS,QAAQ;AAAA,MACjB,UAAU;AAAA,QACR,MAAM,gBAAgB,SAAS;AAAA,QAC/B,IAAI,cAAc,SAAS;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM,qBAAqB,SAAS,KAAK;AAAA,MAC/C,OAAO,MAAM,qBAAqB,SAAS,MAAM;AAAA,MACjD,OAAO,MAAM,gBAAgB,SAAS,QAAQ;AAAA,MAC9C,iBAAiB,OAAO;AAAA,QACtB,MAAM,OAAO,QAAQ;AAAA,QACrB,IAAI,OAAO,MAAM;AAAA,MACnB;AAAA,MACA,WAAW;AACT,+BAAuB,UAAU,SAAS,OAAO,KAAK,KAAK;AAAA,UACzD;AAAA,UACA,aAAa,uBAAuB;AAAA,UACpC;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,gBAAgB;AAAA,UAChB,WAAW;AAAA,UACX;AAAA,QACF,CAAC;AACD,8BAAsB;AAAA,UACpB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,eAAe,IAAI,aAAa;AAAA,IACtC,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX;AAAA,IACA,OAAO,YAAY,aAAa;AAAA,EAClC,CAAC;AAED,QAAM,oBAAoB,KAAK,cAAc;AAAA,IAC3C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ,CAAC;AAED,QAAM,kBAAkB,KAAK,cAAc;AAAA,IACzC,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,mBAAmB,KAAK,cAAc;AAAA,IAC1C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AACD,QAAM,+BAA+B;AAAA,IACnC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,gBAAgB,CAAC;AAAA,QACjB,qBAAqB,CAAC;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,EAAE,aAAa,WAAW,uBAAuB,IACrD;AAAA,IACE;AAAA,IACA,YAAY,MAAM;AAChB,yBAAmB,MAAM,iBAAiB,aAAa;AAAA,IACzD,GAAG,CAAC,eAAe,CAAC;AAAA,IACpB;AAAA,IACA;AAAA,EACF;AAEF,QAAM,YAAY;AAAA,IAChB,CAAC,UAA8C;AAC7C,UAAI,YAAY,UAAU;AACxB,+BAAuB,KAAK;AAC5B;AAAA,MACF;AAEA,YAAM,iBACJ,gBAAgB,SAAS,SAAS,aAAa,gBAAgB,MAC/D;AACF,YAAM,eACJ,cAAc,SAAS,SAAS,aAAa,gBAAgB,MAC7D;AAEF,YAAM,yBACJ,4BAA4B,eAAe,KAAK;AAClD,YAAM,uBACJ,4BAA4B,aAAa,KAAK;AAChD,UACE,uBAAuB,KAAK,MAC3B,0BAA0B,uBAC3B;AACA,cAAM,OAAO,MAAM;AAInB,cAAM,aAAa,yBACf,kBACA;AAEJ,mBAAW,SAAS,mBAAmB,IAAI;AAE3C,8BAAsB,MAAM;AAC1B,oCAA0B,UAAU;AAAA,QACtC,CAAC;AAED,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,UACE,4BAA4B,eAAe,KAC3C,4BAA4B,aAAa,KACzC,CAAC,kBACD,CAAC,gBACD,MAAM,IAAI,WAAW,KACrB,CAAC,MAAM,WACP,CAAC,MAAM,WACP,CAAC,MAAM,QACP;AACA,cAAM,OAAO,MAAM;AACnB,cAAM,wBACJ,gBAAgB,SAAS;AAC3B,cAAM,sBAAsB,cAAc,SAAS;AACnD,cAAM,YAAY,OAAO,aAAa;AAEtC,YACE,yBACA,uBACA,aACA,UAAU,aAAa,KACvB,CAAC,UAAU,aACX;AACA,gBAAM,QAAQ,UAAU,WAAW,CAAC;AACpC,gBAAM,YAAY,sBAAsB,eAAe;AACvD,gBAAM,UAAU,oBAAoB,eAAe;AAEnD,gBAAM,YAAY,sBAAsB,SAAS,MAAM,cAAc,IACjE;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,UACR,IACA;AACJ,gBAAM,QAAQ,oBAAoB,SAAS,MAAM,YAAY,IACzD;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,UACR,IACA,QAAQ;AAEZ,0BAAgB,SAAS;AAAA,YACvB,GAAG,UAAU,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI;AAAA,UACzC;AACA,wBAAc,SAAS,mBAAmB,QAAQ,MAAM,KAAK,CAAC;AAE9D,gCAAsB,MAAM;AAC1B,sCAA0B,eAAe;AAAA,UAC3C,CAAC;AAED,gBAAM,eAAe;AACrB,gBAAM,gBAAgB;AACtB;AAAA,QACF;AAGA,wBAAgB,SAAS,mBAAmB,IAAI;AAEhD,8BAAsB,MAAM;AAC1B,oCAA0B,eAAe;AAAA,QAC3C,CAAC;AAED,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,6BAAuB,KAAK;AAAA,IAC9B;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,QAAM,yBAAyB,YAAY,MAAM;AAC/C,kBAAc,SAAS,QAAQ;AAAA,EACjC,GAAG,CAAC,CAAC;AAGL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,oBAAgB,SAAS,UAAU;AAAA,EACrC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,6BAA6B;AAAA,IACjC,CAAC,iBAAyB;AACxB,YAAM,WAAW,MAAM;AAAA,QACrB,cAAc,SAAS,oBAAoB,OAAO,KAAK,CAAC;AAAA,MAC1D,EAAE,OAAO,CAAC,MAA8B,MAAM,QAAQ,MAAM,MAAS;AAErE,YAAM,eAAe,SAAS,CAAC;AAC/B,UAAI,CAAC,cAAc;AACjB;AAAA,MACF;AAEA,UAAI,OAAO,IAAI,SAAS,gBAAgB,OAAO,OAAO,MAAM;AAC1D,sBAAc,SAAS,mBAAmB,YAAY;AACtD,8BAAsB,MAAM;AAC1B,gBAAM,SAAS,cAAc,SAAS;AACtC,cAAI,QAAQ;AAIV,mBAAO,MAAM;AACb,kBAAM,MAAM,OAAO,aAAa;AAChC,gBAAI,KAAK;AACP,oBAAM,QAAQ,SAAS,YAAY;AACnC,oBAAM,mBAAmB,MAAM;AAC/B,oBAAM,SAAS,KAAK;AACpB,kBAAI,gBAAgB;AACpB,kBAAI,SAAS,KAAK;AAAA,YACpB;AAAA,UACF;AAAA,QACF,CAAC;AACD;AAAA,MACF;AAEA,UAAI,aAAa,SAAS,UAAU;AAClC,qBAAa,UAAU,cAAc,IAAI;AACzC,qBAAa,QAAQ,SAAS,MAAM;AACpC,qBAAa,aAAa,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC;AAAA,MAC3D;AAAA,IACF;AAAA,IACA,CAAC,OAAO,EAAE;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAc;AAAA,MACd,eAAa;AAAA,MACb,OAAO;AAAA,MACP,WAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB,8BAAC,wBAAwB,UAAxB,EAAiC,OAAO,8BACvC,+BAAC,cAAW,OAAO,EAAE,qBAAqB,WAAW,GACnD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA,eAAe;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,MAAM;AAAA,cACR,CAAC;AAAA,cACD,UAAU,EAAE,WAAW,OAAO,CAAC;AAAA,cAC/B,YAAY;AAAA,gBACV,OAAO,YAAY,aAAa;AAAA,gBAChC,UAAU;AAAA,gBACV,SAAS;AAAA,cACX,CAAC;AAAA,cACD;AAAA,cACA,OAAO,cAAc;AAAA,gBACnB;AAAA,gBACA,UAAU;AAAA,gBACV;AAAA,cACF,CAAC;AAAA,YACH;AAAA,YACA,eAAe;AAAA,YACf;AAAA,YACA,QAAQ,CAAC,UAAU;AAGjB,oCAAsB,MAAM;AAC1B,yBAAS,KAAK;AAAA,cAChB,CAAC;AAAA,YACH;AAAA,YACA,SAAS,MAAM;AACb;AAAA,gBACE,CAAC,CAAC,gBAAgB,SAAS,oBAAoB,eAC7C,CAAC,CAAC,cAAc,SAAS,oBAAoB;AAAA,cACjD;AAAA,YACF;AAAA,YACA,UAAU,WAAW,SAAY;AAAA,YACjC;AAAA,YACA,kBAAkB,CAAC,MAAM;AAGvB,iCAAmB,CAAC;AAAA,YACtB;AAAA,YACA;AAAA,YACA,SAAS,CAAC,MAAkB;AAI1B,kBAAI,CAAC,QAAQ,SAAS,SAAS,EAAE,aAAa,GAAG;AAC/C,mCAAmB,GAAG,iBAAiB,aAAa;AAAA,cACtD;AAAA,YACF;AAAA,YAEA;AAAA,mCAAC,UAAK,WAAW,OAAO,iBACtB;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,OAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,aAAa,YAAY;AAAA,oBACzB,MAAM,SAAS,SAAY,SAAY,GAAG,IAAI;AAAA,oBAE9C,OAAO,UAAU,OAAO,OAAO,MAAM;AAAA,oBACrC,UAAU,CAAC,aAAa;AACtB,0BAAI,OAAO,aAAa,UAAU;AAChC,iCAAS,EAAE,MAAM,YAAY,KAAK,CAAC;AAAA,sBACrC;AAAA,oBACF;AAAA,oBACA,cAAY;AAAA,oBACZ,iBAAe;AAAA,oBACf;AAAA,oBACA,WAAW;AAAA,oBACX,gBAAgB;AAAA,oBAChB,oBAAoB;AAAA,oBACpB,iBAAiB,MAAM;AACrB,oCAAc,SAAS,QAAQ;AAAA,oBACjC;AAAA;AAAA,gBACF;AAAA,gBAEA,oBAAC,UAAK,WAAW,OAAO,oBAAoB,oBAAC;AAAA,gBAC7C;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,WAAW,OAAO;AAAA,oBAClB;AAAA,oBACA;AAAA,oBACA,aAAa,YAAY;AAAA,oBACzB,MAAM,SAAS,SAAY,SAAY,GAAG,IAAI;AAAA,oBAE9C,OAAO,UAAU,OAAO,OAAO,MAAM;AAAA,oBACrC,UAAU,CAAC,aAAa;AACtB,0BAAI,OAAO,aAAa,UAAU;AAChC,iCAAS,EAAE,IAAI,YAAY,KAAK,CAAC;AAAA,sBACnC;AAAA,oBACF;AAAA,oBACA,cAAY;AAAA,oBACZ,iBAAe;AAAA,oBACf;AAAA,oBACA,eAAe;AAAA,oBACf,qBAAoB;AAAA,oBACpB,iBAAiB,MAAM;AACrB,4CAAsB,MAAM;AAC1B,sCAAc,SAAS,UAAU;AAAA,sBACnC,CAAC;AAAA,oBACH;AAAA;AAAA,gBACF;AAAA,iBACF;AAAA,cACC,CAAC,YACA,CAAC,2BACC,UACC,MAAM,MAAM,UAAU,MAAM,MAAM,IAAI,UAAU,OACjD,oBACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,MAAM;AACb,0CAAsB;AAAA,sBACpB,MAAM,wBAAwB;AAAA,sBAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,oBAC7B,CAAC;AAAA,kBACH;AAAA,kBACA,SAAS,MAAM;AACb,6BAAS,IAAI;AACb,wBAAI,gBAAgB,SAAS,oBAAoB;AAC/C,sCAAgB,QAAQ,mBAAmB,cACzC;AAAA,oBACJ;AACA,wBAAI,cAAc,SAAS,oBAAoB;AAC7C,oCAAc,QAAQ,mBAAmB,cAAc;AAAA,oBACzD;AACA,uCAAmB,KAAK;AACxB,0CAAsB,MAAM;AAC1B,sCAAgB,SAAS,oBAAoB,MAAM;AAAA,oBACrD,CAAC;AAAA,kBACH;AAAA,kBACA,WAAW,CAAC,MAAM;AAChB,wBAAI,EAAE,QAAQ,SAAS;AACrB,wBAAE,gBAAgB;AAAA,oBACpB;AAAA,kBACF;AAAA,kBACA,WAAW;AAAA,kBACX,OAAO,YAAY,aAAa;AAAA,kBAChC,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEZ,8BAAC,aAAU;AAAA;AAAA,cACb;AAAA;AAAA;AAAA,QAEN;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,OAAO;AAAA,YACP,mBAAiB;AAAA,YACjB,oBAAkB;AAAA;AAAA,QACpB;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type FocusEvent,\n  forwardRef,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport { DateRangeSelector } from './DateRangeSelector.js';\nimport { DateTimeInput } from './DateTimeInput.js';\nimport * as styles from './DateTimeRangePicker.sty.js';\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { useDateTimeRangePicker } from './hooks/useDateTimeRangePicker.js';\nimport { onTimeframeCopyCapture } from './selection-copy-helpers.js';\nimport {\n  peekPreRestoreEndpoints,\n  type SelectionEndpoints,\n} from './selection-helpers.js';\nimport type {\n  DateTimeRangePickerProps,\n  DateTimeRangePickerRef,\n} from './types.js';\nimport { DateRangeSelectorRef, DateTimeInputRef } from './types.js';\nimport { useSelectionInteractionHandlers } from './useSelectionInteractionHandlers.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport { TimeErrorKey } from '../../core/time/shared.types.js';\nimport { useDateTimeRangePickerStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport { InputGroup } from '../../layouts/input-group/InputGroup.js';\nimport { fieldTokens } from '../../styles/field.sty.js';\nimport { textStyle } from '../../styles/textStyle.sty.js';\nimport {\n  clearIconButton,\n  dateTimePicker,\n} from '../date-time-picker/DateTimePicker.sty.js';\nimport { focusDateTimeInput } from '../date-time-picker/utils/focusDateTimeInput.js';\nimport { FormFieldMessageContext } from '../forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\n\n/**\n * Returns true if a given DateTimeInput element contains the active (focused)\n * element *or* the window selection intersects it.\n *\n * The focus-based check covers the common case where a single spin button is\n * focused \u2013 including empty (placeholder) spin buttons whose `selectAll()` is\n * a no-op and therefore leave the window selection collapsed.\n *\n * The selection-based check covers cross-input scenarios such as Ctrl+A or\n * drag-select spanning both \"from\" and \"to\" inputs.\n */\nfunction isInputInSelectionOrFocused(\n  ref: RefObject<DateTimeInputRef | null>,\n  preRestoreEndpoints?: SelectionEndpoints,\n): boolean {\n  const element = ref.current?.element;\n  if (!element) {\n    return false;\n  }\n\n  if (element.contains(document.activeElement)) {\n    return true;\n  }\n\n  const selection = window.getSelection();\n  if (selection && selection.rangeCount > 0 && !selection.isCollapsed) {\n    if (selection.getRangeAt(0).intersectsNode(element)) {\n      return true;\n    }\n  }\n\n  // Safari clips the live selection to the active CE host after contenteditable\n  // is re-attached in the keydown capture phase. Fall back to the pre-restore\n  // endpoints stashed by deferContentEditableRestore, which still span both inputs.\n  return (\n    !!preRestoreEndpoints &&\n    (element.contains(preRestoreEndpoints.anchorNode) ||\n      element.contains(preRestoreEndpoints.focusNode))\n  );\n}\n\nfunction focusExpressionInputAtEnd(\n  ref: RefObject<DateTimeInputRef | null>,\n): void {\n  const expressionElement = ref.current?.expressionInputRef;\n  if (!expressionElement) {\n    return;\n  }\n\n  expressionElement.focus();\n\n  const selection = window.getSelection();\n  if (!selection) {\n    return;\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(expressionElement);\n  range.collapse(false);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nfunction getOffsetWithinElement(\n  element: HTMLElement,\n  container: Node,\n  offset: number,\n): number {\n  const range = document.createRange();\n  range.selectNodeContents(element);\n  range.setEnd(container, offset);\n  return range.toString().length;\n}\n\n/**@internal */\nexport const DateTimeRangePickerRoot = forwardRef<\n  DateTimeRangePickerRef,\n  Omit<DateTimeRangePickerProps, 'value' | 'defaultValue' | 'onChange'>\n>((props, forwardedRef) => {\n  const {\n    id: propId,\n    disabled: propDisabled,\n    readOnly = false,\n    name,\n    style: consumerStyle,\n    className: consumerClassName,\n    required: propRequired,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    placeholder: placeholderProp,\n    onBlur,\n    ...remainingProps\n  }: Omit<\n    DateTimeRangePickerProps,\n    'value' | 'defaultValue' | 'onChange'\n  > = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const ariaProps = useAriaLabelingProps(props);\n  const COMPONENT_NAME = 'DateTimeRangePicker';\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const touchedContainerRef = useRef<HTMLDivElement>(null);\n  const dateTimeToRef = useRef<DateTimeInputRef>(null);\n  const dateRangeSelectorRef = useRef<DateRangeSelectorRef>(null);\n\n  const [hasInputContent, setHasInputContent] = useState(false);\n\n  const setValue = useDateTimeRangePickerStore(\n    (state) => state.setDateTimeRangePickerTimeframe,\n  );\n  const value = useDateTimeRangePickerStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const dateTimeFromRef = useDateTimeRangePickerStore(\n    (state) => state.dateTimeFromRef,\n  );\n  const precision = useDateTimeRangePickerStore((state) => state.precision);\n  const min = useDateTimeRangePickerStore((state) => state.min);\n  const max = useDateTimeRangePickerStore((state) => state.max);\n  const formatString = useDateTimeRangePickerStore(\n    (state) => state.formatString,\n  );\n\n  const { disabled, required, id, ariaDisabled } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const { placeholder, onPasteCapture, onUndoPasteKeyDown } =\n    useDateTimeRangePicker({\n      placeholder: placeholderProp,\n      readOnly,\n      dateTimeFromRef,\n      dateTimeToRef,\n    });\n\n  const intl = useIntl();\n\n  const {\n    state: { showError },\n    dispatch: formMessageDispatch,\n  } = useFormFieldMessagesContext();\n\n  // Track the last error key returned by the imperative validate() so we can\n  // pass it as `formerError` on the next call and clean up stale messages.\n  const lastValidationErrorRef = useRef<TimeErrorKey | undefined>();\n\n  // Provide root and input element reference and functions to interact with the calendar overlay\n  useImperativeHandle(\n    forwardedRef,\n    (): DateTimeRangePickerRef => ({\n      element: rootRef.current,\n      inputRef: {\n        from: dateTimeFromRef.current?.inputRef,\n        to: dateTimeToRef.current?.inputRef,\n      },\n      open: () => dateRangeSelectorRef.current?.open(),\n      close: () => dateRangeSelectorRef.current?.close(),\n      focus: () => dateTimeFromRef.current?.focus?.(),\n      getCurrentValue: () => ({\n        from: value?.from ?? null,\n        to: value?.to ?? null,\n      }),\n      validate() {\n        lastValidationErrorRef.current = validate(value, min, max, {\n          formMessageDispatch,\n          formerError: lastValidationErrorRef.current,\n          precision,\n          showError: true,\n          checkOrder: true,\n          ref: rootRef,\n          expectedFormat: formatString,\n          valueMode: 'dateTimePicker',\n          required,\n        });\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      },\n    }),\n    [\n      value,\n      min,\n      max,\n      formMessageDispatch,\n      precision,\n      formatString,\n      required,\n      dateTimeFromRef,\n    ],\n  );\n\n  const { focusClassName } = useFocusRing({\n    focusWithin: true,\n    ignoreModality: true,\n    isMinimal: false,\n    disabled,\n    color: showError ? 'critical' : 'neutral',\n  });\n\n  const dateTimeFromLabel = intl.formatMessage({\n    defaultMessage: 'DateTime from',\n    id: 'fMy6q/KKOqbvCA3H',\n    description:\n      'Textbox to enter a relative or absolute timeframe from value.',\n  });\n\n  const dateTimeToLabel = intl.formatMessage({\n    defaultMessage: 'DateTime to',\n    id: 'uuhhc3nEZptwtV2E',\n    description: 'Textbox to enter a relative or absolute timeframe to value.',\n  });\n  const clearButtonLabel = intl.formatMessage({\n    defaultMessage: 'Clear date and time range',\n    id: 'zX4r/Y8gJL1C8+5e',\n    description: 'Aria label for the DateTimeRangePicker clear button.',\n  });\n  const formFieldMessageContextValue = useMemo(\n    () => ({\n      state: {\n        customMessages: [],\n        formControlMessages: [],\n        showError,\n      },\n    }),\n    [showError],\n  );\n\n  const { onMouseDown, onKeyDown: handleSelectionKeyDown } =\n    useSelectionInteractionHandlers(\n      touchedContainerRef,\n      useCallback(() => {\n        focusDateTimeInput(null, dateTimeFromRef, dateTimeToRef);\n      }, [dateTimeFromRef]),\n      dateTimeFromRef,\n      dateTimeToRef,\n    );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (disabled || readOnly) {\n        handleSelectionKeyDown(event);\n        return;\n      }\n\n      // Safari: Reads the stash set by deferContentEditableRestore\n      const preRestoreEndpoints = peekPreRestoreEndpoints(\n        event.currentTarget as HTMLElement,\n      );\n\n      const fromInputIsIso =\n        dateTimeFromRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n      const toInputIsIso =\n        dateTimeToRef.current?.element?.getAttribute('data-valuetype') ===\n        'iso8601';\n\n      const bothInSelection =\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints);\n\n      // When both inputs are selected, allow expression trigger keys to switch the entire range to expression mode.\n      if (bothInSelection && isExpressionTriggerKey(event)) {\n        setValue(null);\n        if (dateTimeToRef.current?.expressionInputRef) {\n          dateTimeToRef.current.expressionInputRef.textContent = '';\n        }\n      }\n\n      const switchFromToExpression =\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        fromInputIsIso;\n      const switchToToExpression =\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) &&\n        toInputIsIso;\n      if (\n        isExpressionTriggerKey(event) &&\n        (switchFromToExpression || switchToToExpression)\n      ) {\n        const char = event.key;\n\n        // The primary input receives the character and focus.\n        // When both are selected, 'from' receives the character and focus.\n        const primaryRef = switchFromToExpression\n          ? dateTimeFromRef\n          : dateTimeToRef;\n\n        primaryRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(primaryRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      // Handle regular character input when both inputs are selected\n      if (\n        isInputInSelectionOrFocused(dateTimeFromRef, preRestoreEndpoints) &&\n        isInputInSelectionOrFocused(dateTimeToRef, preRestoreEndpoints) &&\n        !fromInputIsIso &&\n        !toInputIsIso &&\n        event.key.length === 1 &&\n        !event.ctrlKey &&\n        !event.metaKey &&\n        !event.altKey\n      ) {\n        const char = event.key;\n        const fromExpressionElement =\n          dateTimeFromRef.current?.expressionInputRef;\n        const toExpressionElement = dateTimeToRef.current?.expressionInputRef;\n        const selection = window.getSelection();\n\n        if (\n          fromExpressionElement &&\n          toExpressionElement &&\n          selection &&\n          selection.rangeCount > 0 &&\n          !selection.isCollapsed\n        ) {\n          const range = selection.getRangeAt(0);\n          const fromValue = fromExpressionElement.textContent ?? '';\n          const toValue = toExpressionElement.textContent ?? '';\n\n          const fromStart = fromExpressionElement.contains(range.startContainer)\n            ? getOffsetWithinElement(\n                fromExpressionElement,\n                range.startContainer,\n                range.startOffset,\n              )\n            : 0;\n          const toEnd = toExpressionElement.contains(range.endContainer)\n            ? getOffsetWithinElement(\n                toExpressionElement,\n                range.endContainer,\n                range.endOffset,\n              )\n            : toValue.length;\n\n          dateTimeFromRef.current?.setExpressionValue(\n            `${fromValue.slice(0, fromStart)}${char}`,\n          );\n          dateTimeToRef.current?.setExpressionValue(toValue.slice(toEnd));\n\n          requestAnimationFrame(() => {\n            focusExpressionInputAtEnd(dateTimeFromRef);\n          });\n\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n\n        // Replace the selected expression in \"from\" and keep \"to\" unchanged.\n        dateTimeFromRef.current?.setExpressionValue(char);\n\n        requestAnimationFrame(() => {\n          focusExpressionInputAtEnd(dateTimeFromRef);\n        });\n\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      handleSelectionKeyDown(event);\n    },\n    [\n      disabled,\n      readOnly,\n      handleSelectionKeyDown,\n      dateTimeFromRef,\n      dateTimeToRef,\n      setValue,\n    ],\n  );\n\n  // Move from the last \"from\" segment to the first \"to\" segment.\n  const handleFromTrailingEdge = useCallback(() => {\n    dateTimeToRef.current?.focus?.();\n  }, []);\n\n  // Move from the first \"to\" segment to the last \"from\" segment.\n  const handleToLeadingEdge = useCallback(() => {\n    dateTimeFromRef.current?.focusLast();\n  }, [dateTimeFromRef]);\n\n  // Carry trailing overflow from \"from\" into the first \"to\" segment.\n  const handleFromTrailingOverflow = useCallback(\n    (overflowChar: string) => {\n      const handlers = Array.from(\n        dateTimeToRef.current?.spinButtonHandlers?.values() ?? [],\n      ).filter((h): h is SpinButtonHandler => h !== null && h !== undefined);\n\n      const firstHandler = handlers[0];\n      if (!firstHandler) {\n        return;\n      }\n\n      if (value?.to?.type === 'expression' || value?.to === null) {\n        dateTimeToRef.current?.setExpressionValue(overflowChar);\n        requestAnimationFrame(() => {\n          const exprEl = dateTimeToRef.current?.expressionInputRef;\n          if (exprEl) {\n            // Focus first so that expressionOnFocusHandler fires and selects all,\n            // then immediately collapse the selection to the end so the cursor\n            // lands after the overflow character instead of selecting everything.\n            exprEl.focus();\n            const sel = window.getSelection();\n            if (sel) {\n              const range = document.createRange();\n              range.selectNodeContents(exprEl);\n              range.collapse(false);\n              sel.removeAllRanges();\n              sel.addRange(range);\n            }\n          }\n        });\n        return;\n      }\n\n      if (firstHandler.type === 'number') {\n        firstHandler.applyText(overflowChar, true);\n        firstHandler.element.current?.focus();\n        firstHandler.setSelection({ start: 0, end: 0, rtl: true });\n      }\n    },\n    [value?.to],\n  );\n\n  return (\n    <Flex\n      ref={rootRef}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      style={consumerStyle}\n      className={consumerClassName}\n      {...ariaProps}\n      {...behavioralTrackingProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <FormFieldMessageContext.Provider value={formFieldMessageContextValue}>\n        <InputGroup style={{ gridTemplateColumns: '1fr auto' }}>\n          <Flex\n            ref={touchedContainerRef}\n            className={clsx(\n              inputGroupClassName,\n              dateTimePicker({\n                readOnly,\n                showError,\n                disabled,\n                type: 'datetime',\n              }),\n              textStyle({ textStyle: 'base' }),\n              fieldTokens({\n                color: showError ? 'critical' : 'neutral',\n                disabled: disabledOrAriaDisabled,\n                variant: 'emphasized',\n              }),\n              focusClassName,\n              styles.dateTimeRange({\n                showError,\n                disabled: disabledOrAriaDisabled,\n                readOnly: readOnly,\n              }),\n            )}\n            onCopyCapture={onTimeframeCopyCapture}\n            onPasteCapture={onPasteCapture}\n            onBlur={(event) => {\n              // onFocus synchronously redirects focus from the container to a spin button,\n              // causing a spurious onBlur; rAF defers the call until focus has settled.\n              requestAnimationFrame(() => {\n                onBlur?.(event);\n              });\n            }}\n            onInput={() => {\n              setHasInputContent(\n                !!dateTimeFromRef.current?.expressionInputRef?.textContent ||\n                  !!dateTimeToRef.current?.expressionInputRef?.textContent,\n              );\n            }}\n            tabIndex={disabled ? undefined : 0}\n            onMouseDown={onMouseDown}\n            onKeyDownCapture={(e) => {\n              // Handles undo for from and to inputs with Ctrl+Z.\n              // Uses capture phase so it fires before the input-level undo handler.\n              onUndoPasteKeyDown(e);\n            }}\n            onKeyDown={onKeyDown}\n            onFocus={(e: FocusEvent) => {\n              // Forward the focus only if it is coming from outside this component.\n              // Focus the first spin button with textContent; otherwise, focus the input.\n\n              if (!rootRef.current?.contains(e.relatedTarget)) {\n                focusDateTimeInput(e, dateTimeFromRef, dateTimeToRef);\n              }\n            }}\n          >\n            <span className={styles.scrollContainer}>\n              <DateTimeInput\n                ref={dateTimeFromRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.from}\n                name={name === undefined ? undefined : `${name}-from`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.from}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ from: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeFromLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                controlId={id}\n                onTrailingEdge={handleFromTrailingEdge}\n                onTrailingOverflow={handleFromTrailingOverflow}\n                partialTimeAnchorDate={value?.to?.absoluteDate || undefined}\n                onPasteComplete={() => {\n                  dateTimeToRef.current?.focus?.();\n                }}\n              />\n\n              <span className={styles.timeframeSeparator}>\u2192</span>\n              <DateTimeInput\n                ref={dateTimeToRef}\n                className={styles.dateTimeInput}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder.to}\n                name={name === undefined ? undefined : `${name}-to`}\n                // Maintains its own state to separate single and range value manipulations\n                value={value === null ? null : value.to}\n                onChange={(newValue) => {\n                  if (typeof newValue !== 'string') {\n                    setValue({ to: newValue ?? null });\n                  }\n                }}\n                aria-label={dateTimeToLabel}\n                aria-disabled={ariaDisabled}\n                required={required}\n                onLeadingEdge={handleToLeadingEdge}\n                dateOnlyPasteAnchor=\"endOfDay\"\n                partialTimeAnchorDate={value?.from?.absoluteDate || undefined}\n                onPasteComplete={() => {\n                  requestAnimationFrame(() => {\n                    dateTimeToRef.current?.focusLast();\n                  });\n                }}\n              />\n            </span>\n            {!readOnly &&\n              !disabledOrAriaDisabled &&\n              ((value &&\n                (value.from?.value !== '' || value.to?.value !== '')) ||\n                hasInputContent) && (\n                <Button\n                  onFocus={() => {\n                    formMessageDispatch?.({\n                      type: FormFieldMessagesAction.SETISTOUCHED,\n                      payload: { isTouched: true },\n                    });\n                  }}\n                  onClick={() => {\n                    setValue(null);\n                    if (dateTimeFromRef.current?.expressionInputRef) {\n                      dateTimeFromRef.current.expressionInputRef.textContent =\n                        '';\n                    }\n                    if (dateTimeToRef.current?.expressionInputRef) {\n                      dateTimeToRef.current.expressionInputRef.textContent = '';\n                    }\n                    setHasInputContent(false);\n                    requestAnimationFrame(() => {\n                      dateTimeFromRef.current?.expressionInputRef?.focus();\n                    });\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation();\n                    }\n                  }}\n                  className={clearIconButton}\n                  color={showError ? 'critical' : 'neutral'}\n                  size=\"condensed\"\n                  aria-label={clearButtonLabel}\n                >\n                  <XmarkIcon />\n                </Button>\n              )}\n          </Flex>\n          <DateRangeSelector\n            ref={dateRangeSelectorRef}\n            disabled={disabled}\n            aria-disabled={ariaDisabled}\n            readOnly={readOnly}\n            error={showError}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          />\n        </InputGroup>\n      </FormFieldMessageContext.Provider>\n    </Flex>\n  );\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/date-time-range-picker/helpers.js

@@ -1,10 +1,10 @@
 import { TZDateMini } from "@date-fns/tz";
 import { endOfDay, startOfDay } from "date-fns";
+import { getTimezone } from "@dynatrace-sdk/user-preferences";
 import {
-  getRegionalFormat,
-  getTimezone
-} from "@dynatrace-sdk/user-preferences";
-import { getDayPeriodValues } from "../forms-core/time/helpers.js";
+  getDayPeriodValues,
+  getSafeRegionalFormat
+} from "../forms-core/time/helpers.js";
 const DATE_ONLY_REGEX = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])[Zz]?$/;
 const TIME_ONLY_REGEX = /^([01]\d|2[0-3]):([0-5]\d)(?::([0-5]\d)(?:\.(\d{1,3}))?)?([Zz]|[+-](?:[01]\d|2[0-3]):[0-5]\d)?$/;
 const FULL_ISO_DATETIME_REGEX = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])[Tt]([01]\d|2[0-3])(?::([0-5]\d)(?::([0-5]\d)(?:\.(\d{1,3}))?)?)?([Zz]|[+-]\d{2}:?\d{2})?$/;
@@ -115,11 +115,23 @@ const captureUndoSnapshot = (spinButtonHandlers, expressionRef, value, valueType
     expressionText: expressionRef?.textContent ?? ""
   };
 };
+function isContentModifyingKey(event) {
+  if (event.ctrlKey || event.metaKey) {
+    return false;
+  }
+  if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "Backspace" || event.key === "Delete") {
+    return true;
+  }
+  if (event.key.length === 1) {
+    return true;
+  }
+  return false;
+}
 function isDateFieldPart(part) {
   return part.type === "day" || part.type === "month" || part.type === "year";
 }
 function getRegionalDateFormat() {
-  const parts = new Intl.DateTimeFormat(getRegionalFormat(), {
+  const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {
     year: "numeric",
     month: "2-digit",
     day: "2-digit"
@@ -128,11 +140,22 @@ function getRegionalDateFormat() {
   const fieldOrder = parts.filter(isDateFieldPart).map((p) => p.type);
   return { delimiter, fieldOrder };
 }
+const PLACEHOLDER_TOKEN_PATTERN = "[A-Za-z]{1,4}";
+function orPlaceholder(numericPattern) {
+  return `${numericPattern}|${PLACEHOLDER_TOKEN_PATTERN}`;
+}
+function isPlaceholderToken(value) {
+  return /^[A-Za-z]+$/.test(value);
+}
 function tryParsePartialDate(input) {
   const { delimiter, fieldOrder } = getRegionalDateFormat();
   const escapedDelimiter = delimiter.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   const regex = new RegExp(
-    `(?<=^|[\\s,])(\\d{1,4})${escapedDelimiter}(\\d{1,4})${escapedDelimiter}?(\\d{1,4})?(?=[\\s,]|$)`
+    `(?<=^|[\\s,])(${orPlaceholder(
+      "\\d{1,4}"
+    )})${escapedDelimiter}(${orPlaceholder(
+      "\\d{1,4}"
+    )})${escapedDelimiter}?(${orPlaceholder("\\d{1,4}")})?(?=[\\s,]|$)`
   );
   const match = regex.exec(input);
   if (!match) {
@@ -141,11 +164,12 @@ function tryParsePartialDate(input) {
   const rawValues = [match[1], match[2], match[3]].filter(
     (value) => value !== void 0
   );
+  const looksLikeYear = (value) => value.length === 4;
   const hasDisplacedYear = rawValues.some(
-    (value, index) => value.length === 4 && fieldOrder[index] !== "year"
+    (value, index) => looksLikeYear(value) && fieldOrder[index] !== "year"
   );
   const isYearFirstLocale = fieldOrder[0] === "year";
-  const hasNoExplicitYear = !rawValues.some((value) => value.length === 4);
+  const hasNoExplicitYear = !rawValues.some(looksLikeYear);
   const fields = hasDisplacedYear || isYearFirstLocale && hasNoExplicitYear ? fieldOrder.slice(fieldOrder.length - rawValues.length) : fieldOrder.slice(0, rawValues.length);
   const maxDigits = {
     year: 4,
@@ -156,6 +180,9 @@ function tryParsePartialDate(input) {
   for (let i = 0; i < fields.length; i++) {
     const raw = rawValues[i];
     const field = fields[i];
+    if (isPlaceholderToken(raw)) {
+      continue;
+    }
     if (raw.length > maxDigits[field]) {
       return null;
     }
@@ -171,7 +198,7 @@ function tryParsePartialDate(input) {
   return result;
 }
 function getRegionalTimeFormat() {
-  const parts = new Intl.DateTimeFormat(getRegionalFormat(), {
+  const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {
     hour: "numeric",
     minute: "2-digit"
   }).formatToParts(/* @__PURE__ */ new Date());
@@ -179,23 +206,32 @@ function getRegionalTimeFormat() {
   const dayPeriodValues = getDayPeriodValues();
   return { is12Hour: hasDayPeriod, dayPeriodValues };
 }
+function parseTimeField(raw) {
+  if (raw === void 0 || isPlaceholderToken(raw)) {
+    return void 0;
+  }
+  return parseInt(raw);
+}
 function tryParsePartialTime(input) {
   const { is12Hour, dayPeriodValues } = getRegionalTimeFormat();
   const escapedPeriods = dayPeriodValues.map(
     (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
   );
-  const dayPeriodPattern = is12Hour ? `(?:\\s*(${escapedPeriods.join("|")}))?` : "";
+  const dayPeriodPattern = is12Hour ? `(?:\\s*(${escapedPeriods.join("|")}|[A-Za-z]+))?` : "";
+  const hourPattern = orPlaceholder("[01]?\\d|2[0-3]");
+  const minuteOrSecondPattern = orPlaceholder("[0-5]\\d");
+  const millisecondPattern = orPlaceholder("\\d{1,3}");
   const regex = new RegExp(
-    `(?<=^|[\\s,])((?:[01]?\\d|2[0-3])):([0-5]\\d)(?::([0-5]\\d)(?:[.](\\d{1,3}))?)?${dayPeriodPattern}(?=[\\s,]|$)`,
+    `(?<=^|[\\s,])(${hourPattern}):(${minuteOrSecondPattern})(?::(${minuteOrSecondPattern})(?:[.](${millisecondPattern}))?)?${dayPeriodPattern}(?=[\\s,]|$)`,
     "i"
   );
   const match = regex.exec(input);
   if (match) {
     const result = {};
-    result.hour = parseInt(match[1]);
-    result.minute = parseInt(match[2]);
-    result.second = match[3] !== void 0 ? parseInt(match[3]) : void 0;
-    result.millisecond = match[4] !== void 0 ? parseInt(match[4]) : void 0;
+    result.hour = parseTimeField(match[1]);
+    result.minute = parseTimeField(match[2]);
+    result.second = parseTimeField(match[3]);
+    result.millisecond = parseTimeField(match[4]);
     if (is12Hour && match[5] !== void 0) {
       const matched = match[5].toLowerCase();
       result.dayPeriod = dayPeriodValues.find(
@@ -309,9 +345,11 @@ function partialDateTimeToISO(date, time) {
         millisecond
       );
     }
-    return buildDateOnlyISO(year, month, day);
+    if (time === null) {
+      return buildDateOnlyISO(year, month, day);
+    }
   }
-  if (!date && hour24 !== void 0 && minute !== void 0) {
+  if (date === null && hour24 !== void 0 && minute !== void 0) {
     return buildTimeOnlyISO(hour24, minute, second, millisecond);
   }
   const now = TZDateMini.tz(getTimezone());
@@ -336,6 +374,7 @@ function partialDateTimeToISO(date, time) {
 }
 export {
   captureUndoSnapshot,
+  isContentModifyingKey,
   normalizeISOInput,
   parseDateOnlyToISO,
   parseTimeOnlyToISO,

package/esm/forms/date-time-range-picker/helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/helpers.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\n\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport type { UndoSnapshot } from './types.js';\nimport type { TimeValue } from '../../core/types/time.js';\nimport { getDayPeriodValues } from '../forms-core/time/helpers.js';\nimport type { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\n\n// Matches strict ISO 8601 date-only: YYYY-MM-DD or YYYY-MM-DDZ (with optional trailing Z/z)\n// Examples https://regex101.com/r/Jz81ww/1\nconst DATE_ONLY_REGEX = /^(\\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])[Zz]?$/;\n// Matches common time-only strings: HH:MM, HH:MM:SS, HH:MM:SS.mmm \u2014 all with optional Z or \u00B1hh:mm offset\n// Examples: https://regex101.com/r/bSW29n/1\nconst TIME_ONLY_REGEX =\n  /^([01]\\d|2[0-3]):([0-5]\\d)(?::([0-5]\\d)(?:\\.(\\d{1,3}))?)?([Zz]|[+-](?:[01]\\d|2[0-3]):[0-5]\\d)?$/;\n\n// Matches a full ISO 8601 datetime: YYYY-MM-DDT\u2026 with optional timezone.\n// Used to detect ISO strings that need case normalisation or a missing TZ suffix.\n// Validates value ranges: month 01\u201312, day 01\u201331, hour 00\u201323, minute/second 00\u201359.\n// Examples: https://regex101.com/r/OI3HwW/1\nconst FULL_ISO_DATETIME_REGEX =\n  /^(\\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])[Tt]([01]\\d|2[0-3])(?::([0-5]\\d)(?::([0-5]\\d)(?:\\.(\\d{1,3}))?)?)?([Zz]|[+-]\\d{2}:?\\d{2})?$/;\n\n/**\n * Normalises a pasted ISO-like string so that downstream parsers can handle it:\n * - Uppercases the `T` separator and any trailing `z` / `Z` in the timezone.\n * - When a full ISO datetime has no timezone suffix, interprets it as local time\n *   in the user's configured timezone (per ISO 8601) and converts to UTC.\n * Non-ISO input is returned unchanged.\n * @internal\n */\nexport function normalizeISOInput(input: string): string {\n  const match = FULL_ISO_DATETIME_REGEX.exec(input);\n  if (!match) {\n    return input;\n  }\n\n  // Uppercase the T separator and any trailing z\n  // The regex finds ISO timestamps with lowercase t and uppercase T\n  // Examples: https://regex101.com/r/HMInC0/1\n  let normalized = input.replace(/^(\\d{4}-\\d{2}-\\d{2})[Tt]/, '$1T');\n\n  const tzSuffix = match[8];\n  if (tzSuffix) {\n    // Uppercase a lowercase 'z' at the end\n    if (tzSuffix === 'z') {\n      normalized = normalized.slice(0, -1) + 'Z';\n    }\n  } else {\n    // No timezone suffix \u2014 per ISO 8601 this means local time.\n    // Interpret in the user's configured timezone and convert to UTC.\n    const year = Number(match[1]);\n    const month = Number(match[2]) - 1; // 0-indexed\n    const day = Number(match[3]);\n    const hours = Number(match[4]);\n    const minutes = match[5] !== undefined ? Number(match[5]) : 0;\n    const seconds = match[6] !== undefined ? Number(match[6]) : 0;\n    const milliseconds =\n      match[7] !== undefined ? Number(match[7].padEnd(3, '0')) : 0;\n\n    const local = TZDateMini.tz(\n      getTimezone(),\n      year,\n      month,\n      day,\n      hours,\n      minutes,\n      seconds,\n      milliseconds,\n    );\n\n    if (!isNaN(local.getTime())) {\n      // Guard against impossible dates like Feb 31 \u2014 TZDateMini rolls them\n      // over to the next month, so if the resulting date doesn't match the\n      // input, return the input unchanged (not a valid ISO datetime).\n      if (local.getMonth() !== month || local.getDate() !== day) {\n        return input;\n      }\n      return local.toISOString();\n    }\n\n    // Fallback: append Z if the date is somehow invalid for the timezone\n    normalized += 'Z';\n  }\n\n  return normalized;\n}\n\n/**\n * Parses a time-only string to a full ISO UTC datetime string anchored at `2000-01-01`.\n * Accepts: `HH:MM`, `HH:MMZ`, `HH:MM:SS`, `HH:MM:SS.mmm`, with optional `Z` / `\u00B1hh:mm` offset.\n * Returns `null` if the input does not represent a valid time.\n * @internal\n */\nexport function parseTimeOnlyToISO(input: string): string | null {\n  const match = TIME_ONLY_REGEX.exec(input);\n  if (!match) {\n    return null;\n  }\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  const seconds = match[3] !== undefined ? Number(match[3]) : 0;\n  const milliseconds =\n    match[4] !== undefined ? Number(match[4].padEnd(3, '0')) : 0;\n  const timezoneSuffix = match[5];\n\n  const now = TZDateMini.tz(getTimezone());\n  const year = now.getFullYear();\n  const month = now.getMonth(); // 0-indexed\n  const day = now.getDate();\n\n  if (timezoneSuffix) {\n    // Explicit offset (Z, +02:00, \u2026): build the full ISO string with that offset\n    // and let the Date parser convert it to UTC correctly.\n\n    const ISOdate = `${year}-${String(month + 1).padStart(2, '0')}-${String(\n      day,\n    ).padStart(2, '0')}`;\n    const ISOtime = `T${match[1]}:${match[2]}:${String(seconds).padStart(\n      2,\n      '0',\n    )}.${String(milliseconds).padStart(3, '0')}${timezoneSuffix.toUpperCase()}`;\n    const fullISO = ISOdate + ISOtime;\n    const parsedDate = new Date(fullISO);\n\n    return isNaN(parsedDate.getTime()) ? null : parsedDate.toISOString();\n  }\n\n  // No TZ suffix: the user means local time \u2014 interpret it in the user's timezone\n  // and convert to UTC via .toISOString().\n  const local = TZDateMini.tz(\n    getTimezone(),\n    year,\n    month,\n    day,\n    hours,\n    minutes,\n    seconds,\n    milliseconds,\n  );\n  return isNaN(local.getTime()) ? null : local.toISOString();\n}\n\n/**\n * Parses a date-only string matched against the strict ISO 8601 date format (`YYYY-MM-DD`).\n * Returns a full ISO UTC midnight datetime string, or `null` if the input is not a valid date.\n * @internal\n */\nexport function parseDateOnlyToISO(\n  input: string,\n  anchor: 'startOfDay' | 'endOfDay' = 'startOfDay',\n): string | null {\n  const match = DATE_ONLY_REGEX.exec(input);\n  if (!match) {\n    return null;\n  }\n\n  const date = TZDateMini.tz(\n    getTimezone(),\n    Number(match[1]),\n    Number(match[2]) - 1, // 0-indexed month\n    Number(match[3]),\n  );\n\n  // Guard against impossible dates like Feb 31 \u2014 TZDateMini rolls them over to\n  // the next month, so if the resulting month doesn't match the input, reject it.\n  if (date.getMonth() !== Number(match[2]) - 1) {\n    return null;\n  }\n\n  const anchored = anchor === 'endOfDay' ? endOfDay(date) : startOfDay(date);\n  return anchored.toISOString();\n}\n\n/**\n * Captures the current state of a DateTimeInput's spinbuttons and expression input.\n * @internal\n */\nexport const captureUndoSnapshot = (\n  spinButtonHandlers: Map<\n    keyof Intl.DateTimeFormatPartTypesRegistry,\n    SpinButtonHandler | null | undefined\n  >,\n  expressionRef: HTMLSpanElement | null | undefined,\n  value: TimeValue | null,\n  valueType: 'expression' | 'iso8601',\n): UndoSnapshot => {\n  const spinButtonTexts = new Map<Intl.DateTimeFormatPart['type'], string>();\n  spinButtonHandlers.forEach((handler, type) => {\n    spinButtonTexts.set(type, handler?.element.current?.textContent ?? '');\n  });\n  return {\n    value,\n    valueType,\n    spinButtonTexts,\n    expressionText: expressionRef?.textContent ?? '',\n  };\n};\n\ntype DateFieldType = 'day' | 'month' | 'year';\n\nfunction isDateFieldPart(\n  part: Intl.DateTimeFormatPart,\n): part is Intl.DateTimeFormatPart & { type: DateFieldType } {\n  return part.type === 'day' || part.type === 'month' || part.type === 'year';\n}\n\n/**\n * Returns the locale-specific date delimiter and field order (e.g. DMY, MDY, YMD)\n * by inspecting `Intl.DateTimeFormat.formatToParts`.\n */\nfunction getRegionalDateFormat(): {\n  delimiter: string;\n  fieldOrder: [DateFieldType, DateFieldType, DateFieldType];\n} {\n  const parts = new Intl.DateTimeFormat(getRegionalFormat(), {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n  }).formatToParts(new Date());\n\n  const delimiter = parts.find((p) => p.type === 'literal')?.value ?? '/';\n  const fieldOrder = parts.filter(isDateFieldPart).map((p) => p.type) as [\n    DateFieldType,\n    DateFieldType,\n    DateFieldType,\n  ];\n\n  return { delimiter, fieldOrder };\n}\n\nexport type PartialDate = Partial<Record<DateFieldType, number>>;\n\n/**\n * Extracts a partial date from an input string using the user's regional date format.\n * Returns a `PartialDate` with `day`, `month`, and/or `year` fields mapped according\n * to the locale's field order. Handles incomplete inputs like `\"12/\"` or `\"12.2024\"`.\n * Returns `null` if no date pattern is found.\n * @internal\n */\nexport function tryParsePartialDate(input: string): PartialDate | null {\n  const { delimiter, fieldOrder } = getRegionalDateFormat();\n  // Escape the delimiter for use in the regex pattern\n  // Examples: https://regex101.com/r/KjhFqd/1\n  const escapedDelimiter = delimiter.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  // Match two or three groups of digits separated by the locale's date delimiter.\n  // The middle group allows 1-4 digits because with only 2 groups it may be a year\n  // (e.g. \"12.2024\"). When all 3 groups are present the field-level validation\n  // below rejects a middle value that is too long for its assigned field.\n  // Examples: https://regex101.com/r/h0AFRV/1\n  const regex = new RegExp(\n    `(?<=^|[\\\\s,])(\\\\d{1,4})${escapedDelimiter}(\\\\d{1,4})${escapedDelimiter}?(\\\\d{1,4})?(?=[\\\\s,]|$)`,\n  );\n\n  const match = regex.exec(input);\n  if (!match) {\n    return null;\n  }\n\n  const rawValues = [match[1], match[2], match[3]].filter(\n    (value): value is string => value !== undefined,\n  );\n\n  // If a 4-digit number appears in a position that the locale doesn't assign to\n  // 'year', the user likely omitted leading fields (e.g. \"12.2024\" in DMY means\n  // month.year, not day.month). Right-align the values to the field order so the\n  // 4-digit value lands on the year slot.\n  const hasDisplacedYear = rawValues.some(\n    (value, index) => value.length === 4 && fieldOrder[index] !== 'year',\n  );\n  const isYearFirstLocale = fieldOrder[0] === 'year';\n  const hasNoExplicitYear = !rawValues.some((value) => value.length === 4);\n  // In these cases, we assume the user omitted leading fields and right-align the values.\n  const fields =\n    hasDisplacedYear || (isYearFirstLocale && hasNoExplicitYear)\n      ? fieldOrder.slice(fieldOrder.length - rawValues.length)\n      : fieldOrder.slice(0, rawValues.length);\n\n  const maxDigits: Record<DateFieldType, number> = {\n    year: 4,\n    day: 2,\n    month: 2,\n  };\n  const result: PartialDate = {};\n\n  for (let i = 0; i < fields.length; i++) {\n    const raw = rawValues[i];\n    const field = fields[i];\n\n    // Day and month must be at most 2 digits; year must be exactly 4 digits.\n    if (raw.length > maxDigits[field]) {\n      return null;\n    }\n\n    const value = parseInt(raw);\n\n    // Reject values outside valid ranges so that downstream code never sees\n    // e.g. month 20 and wraps it into a different month via Date rollover.\n    if (field === 'month' && (value < 1 || value > 12)) {\n      return null;\n    }\n    if (field === 'day' && (value < 1 || value > 31)) {\n      return null;\n    }\n\n    result[field] = value;\n  }\n\n  return result;\n}\n\ntype TimeFieldType = 'hour' | 'minute' | 'second' | 'millisecond';\n\nexport type PartialTime = Partial<Record<TimeFieldType, number>> & {\n  dayPeriod?: string;\n};\n\n/**\n * Returns whether the user's locale uses a 12-hour clock and the locale-specific\n * day period labels (e.g. AM/PM, a.m./p.m.).\n */\nfunction getRegionalTimeFormat(): {\n  is12Hour: boolean;\n  dayPeriodValues: [string, string];\n} {\n  const parts = new Intl.DateTimeFormat(getRegionalFormat(), {\n    hour: 'numeric',\n    minute: '2-digit',\n  }).formatToParts(new Date());\n\n  const hasDayPeriod = parts.some((p) => p.type === 'dayPeriod');\n  const dayPeriodValues = getDayPeriodValues() as [string, string];\n\n  return { is12Hour: hasDayPeriod, dayPeriodValues };\n}\n\n/**\n * Extracts a partial time from an input string using the user's regional time format.\n * Returns a `PartialTime` with `hour`, `minute`, `second`, `millisecond`, and/or\n * `dayPeriod` fields. Requires two-digit hours, minutes, and seconds.\n * For 12-hour locales, optionally matches the locale-specific AM/PM label.\n * Returns `null` if no time pattern is found.\n * @internal\n */\nexport function tryParsePartialTime(input: string): PartialTime | null {\n  const { is12Hour, dayPeriodValues } = getRegionalTimeFormat();\n\n  // Build day period matching: escape for regex and match case-insensitively.\n  // Examples: https://regex101.com/r/KjhFqd/1\n  const escapedPeriods = dayPeriodValues.map((value) =>\n    value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'),\n  );\n  const dayPeriodPattern = is12Hour\n    ? `(?:\\\\s*(${escapedPeriods.join('|')}))?`\n    : '';\n\n  // Match: hours : minutes : seconds? . milliseconds? dayPeriod? with appropriate\n  // lookarounds to ensure we capture standalone time patterns in the input.\n  // Minutes are required to avoid matching bare two-digit numbers as times.\n  // Examples: https://regex101.com/r/MTnOAG/2\n  const regex = new RegExp(\n    `(?<=^|[\\\\s,])((?:[01]?\\\\d|2[0-3])):([0-5]\\\\d)(?::([0-5]\\\\d)(?:[.](\\\\d{1,3}))?)?${dayPeriodPattern}(?=[\\\\s,]|$)`,\n    'i',\n  );\n\n  const match = regex.exec(input);\n  if (match) {\n    const result: PartialTime = {};\n\n    result.hour = parseInt(match[1]);\n    result.minute = parseInt(match[2]);\n    result.second = match[3] !== undefined ? parseInt(match[3]) : undefined;\n    result.millisecond =\n      match[4] !== undefined ? parseInt(match[4]) : undefined;\n\n    if (is12Hour && match[5] !== undefined) {\n      // Normalize to the canonical day period value (preserve locale casing)\n      const matched = match[5].toLowerCase();\n      result.dayPeriod = dayPeriodValues.find(\n        (p) => p.toLowerCase() === matched,\n      );\n    }\n\n    return result;\n  }\n\n  // Secondary: mm:ss.f{1,3} \u2014 fractional part is required to disambiguate from hh:mm.\n  // Examples: https://regex101.com/r/hoRKbs/1\n  const millisecondsRegex =\n    /(?<=^|[\\s,])([0-5]\\d):([0-5]\\d)\\.(\\d{1,3})(?=[\\s,]|$)/;\n  const millisecondsMatch = millisecondsRegex.exec(input);\n  if (millisecondsMatch) {\n    return {\n      minute: parseInt(millisecondsMatch[1]),\n      second: parseInt(millisecondsMatch[2]),\n      millisecond: parseInt(millisecondsMatch[3]),\n    };\n  }\n\n  return null;\n}\n\nexport type PartialDateTimeResult = {\n  /** Normalized ISO string that can be applied to spin buttons. */\n  iso: string;\n  /**\n   * If set, only these spin button parts should be updated (partial result).\n   * When absent the result is complete and can be fed through the existing\n   * paste pipeline (date-only / time-only / full ISO).\n   */\n  partsToUpdate?: Set<keyof Intl.DateTimeFormatPartTypesRegistry>;\n};\n\n/** Converts a 12-hour clock value to 24-hour using the locale's day-period labels. */\nfunction convertTo24Hour(hour: number, dayPeriod: string): number {\n  const { dayPeriodValues } = getRegionalTimeFormat();\n  const isPM = dayPeriod.toLowerCase() === dayPeriodValues[1].toLowerCase();\n  const isAM = dayPeriod.toLowerCase() === dayPeriodValues[0].toLowerCase();\n  if (isPM && hour < 12) {\n    return hour + 12;\n  }\n  if (isAM && hour === 12) {\n    return 0;\n  }\n  return hour;\n}\n\n/** Builds a complete ISO datetime from fully-specified date and time fields. */\nfunction buildFullDateTimeISO(\n  year: number,\n  month: number,\n  day: number,\n  hour: number,\n  minute: number,\n  second: number | undefined,\n  millisecond: number | undefined,\n): PartialDateTimeResult | null {\n  const d = TZDateMini.tz(\n    getTimezone(),\n    year,\n    month - 1,\n    day,\n    hour,\n    minute,\n    second ?? 0,\n    millisecond ?? 0,\n  );\n  return isNaN(d.getTime()) ? null : { iso: d.toISOString() };\n}\n\n/** Builds a date-only ISO string (YYYY-MM-DD) after validating the date. */\nfunction buildDateOnlyISO(\n  year: number,\n  month: number,\n  day: number,\n): PartialDateTimeResult | null {\n  const validationDate = TZDateMini.tz(getTimezone(), year, month - 1, day);\n  if (\n    isNaN(validationDate.getTime()) ||\n    validationDate.getFullYear() !== year ||\n    validationDate.getMonth() !== month - 1 ||\n    validationDate.getDate() !== day\n  ) {\n    return null;\n  }\n  const yearString = String(year).padStart(4, '0');\n  const monthString = String(month).padStart(2, '0');\n  const dayString = String(day).padStart(2, '0');\n  return { iso: `${yearString}-${monthString}-${dayString}` };\n}\n\n/** Builds a time-only ISO string (HH:MM[:SS[.mmm]]). */\nfunction buildTimeOnlyISO(\n  hour: number,\n  minute: number,\n  second: number | undefined,\n  millisecond: number | undefined,\n): PartialDateTimeResult {\n  const hourString = String(hour).padStart(2, '0');\n  const minuteString = String(minute).padStart(2, '0');\n  let isoTime = `${hourString}:${minuteString}`;\n  if (second !== undefined) {\n    const secondString = String(second).padStart(2, '0');\n    isoTime += `:${secondString}`;\n    if (millisecond !== undefined) {\n      const millisecondString = String(millisecond).padStart(3, '0');\n      isoTime += `.${millisecondString}`;\n    }\n  }\n  return { iso: isoTime };\n}\n\n/** Collects the set of spin-button part types that have defined values. */\nfunction collectPartsToUpdate(\n  date: PartialDate | null,\n  time: PartialTime | null,\n): Set<keyof Intl.DateTimeFormatPartTypesRegistry> {\n  const partsToUpdate = new Set<keyof Intl.DateTimeFormatPartTypesRegistry>();\n\n  const fieldMapping: Array<\n    [unknown, keyof Intl.DateTimeFormatPartTypesRegistry]\n  > = [\n    [date?.day, 'day'],\n    [date?.month, 'month'],\n    [date?.year, 'year'],\n    [time?.hour, 'hour'],\n    [time?.minute, 'minute'],\n    [time?.second, 'second'],\n    [time?.millisecond, 'fractionalSecond'],\n    [time?.dayPeriod, 'dayPeriod'],\n  ];\n\n  for (const [value, part] of fieldMapping) {\n    if (value !== undefined) {\n      partsToUpdate.add(part);\n    }\n  }\n\n  return partsToUpdate;\n}\n\n/**\n * Converts partial date and/or time objects into an ISO-compatible string.\n *\n * - Complete date + complete time \u2192 full ISO datetime (no `partsToUpdate`).\n * - Complete date only \u2192 `\"YYYY-MM-DD\"` (no `partsToUpdate`).\n * - Complete time only \u2192 `\"HH:MM[:SS[.mmm]]\"` (no `partsToUpdate`).\n * - Partial fields \u2192 ISO string with defaults filled in, plus a `partsToUpdate`\n *   set that lists only the spin button parts that should actually be applied.\n * - No fields at all \u2192 `null`.\n *\n * A date is \"complete\" when it has `day`, `month`, and `year`.\n * A time is \"complete\" when it has `hour` and `minute`.\n * @internal\n */\nexport function partialDateTimeToISO(\n  date: PartialDate | null,\n  time: PartialTime | null,\n): PartialDateTimeResult | null {\n  if (!date && !time) {\n    return null;\n  }\n\n  const year = date?.year;\n  const month = date?.month;\n  const day = date?.day;\n  const minute = time?.minute;\n  const second = time?.second;\n  const millisecond = time?.millisecond;\n\n  let hour24 = time?.hour;\n  if (hour24 !== undefined && time?.dayPeriod) {\n    hour24 = convertTo24Hour(hour24, time.dayPeriod);\n  }\n\n  if (year !== undefined && month !== undefined && day !== undefined) {\n    if (hour24 !== undefined && minute !== undefined) {\n      return buildFullDateTimeISO(\n        year,\n        month,\n        day,\n        hour24,\n        minute,\n        second,\n        millisecond,\n      );\n    }\n    return buildDateOnlyISO(year, month, day);\n  }\n\n  if (!date && hour24 !== undefined && minute !== undefined) {\n    return buildTimeOnlyISO(hour24, minute, second, millisecond);\n  }\n\n  // Partial result: fill defaults from \"now\" for missing fields.\n  const now = TZDateMini.tz(getTimezone());\n  const fallback = TZDateMini.tz(\n    getTimezone(),\n    year ?? now.getFullYear(),\n    (month ?? now.getMonth() + 1) - 1,\n    day ?? now.getDate(),\n    hour24 ?? now.getHours(),\n    minute ?? now.getMinutes(),\n    second ?? 0,\n    millisecond ?? 0,\n  );\n  if (isNaN(fallback.getTime())) {\n    return null;\n  }\n\n  const partsToUpdate = collectPartsToUpdate(date, time);\n  if (partsToUpdate.size === 0) {\n    return null;\n  }\n\n  return { iso: fallback.toISOString(), partsToUpdate };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { UndoSnapshot } from './types.js';\nimport type { TimeValue } from '../../core/types/time.js';\nimport {\n  getDayPeriodValues,\n  getSafeRegionalFormat,\n} from '../forms-core/time/helpers.js';\nimport type { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\n\n// Matches strict ISO 8601 date-only: YYYY-MM-DD or YYYY-MM-DDZ (with optional trailing Z/z)\n// Examples https://regex101.com/r/Jz81ww/1\nconst DATE_ONLY_REGEX = /^(\\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])[Zz]?$/;\n// Matches common time-only strings: HH:MM, HH:MM:SS, HH:MM:SS.mmm \u2014 all with optional Z or \u00B1hh:mm offset\n// Examples: https://regex101.com/r/bSW29n/1\nconst TIME_ONLY_REGEX =\n  /^([01]\\d|2[0-3]):([0-5]\\d)(?::([0-5]\\d)(?:\\.(\\d{1,3}))?)?([Zz]|[+-](?:[01]\\d|2[0-3]):[0-5]\\d)?$/;\n\n// Matches a full ISO 8601 datetime: YYYY-MM-DDT\u2026 with optional timezone.\n// Used to detect ISO strings that need case normalisation or a missing TZ suffix.\n// Validates value ranges: month 01\u201312, day 01\u201331, hour 00\u201323, minute/second 00\u201359.\n// Examples: https://regex101.com/r/OI3HwW/1\nconst FULL_ISO_DATETIME_REGEX =\n  /^(\\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])[Tt]([01]\\d|2[0-3])(?::([0-5]\\d)(?::([0-5]\\d)(?:\\.(\\d{1,3}))?)?)?([Zz]|[+-]\\d{2}:?\\d{2})?$/;\n\n/**\n * Normalises a pasted ISO-like string so that downstream parsers can handle it:\n * - Uppercases the `T` separator and any trailing `z` / `Z` in the timezone.\n * - When a full ISO datetime has no timezone suffix, interprets it as local time\n *   in the user's configured timezone (per ISO 8601) and converts to UTC.\n * Non-ISO input is returned unchanged.\n * @internal\n */\nexport function normalizeISOInput(input: string): string {\n  const match = FULL_ISO_DATETIME_REGEX.exec(input);\n  if (!match) {\n    return input;\n  }\n\n  // Uppercase the T separator and any trailing z\n  // The regex finds ISO timestamps with lowercase t and uppercase T\n  // Examples: https://regex101.com/r/HMInC0/1\n  let normalized = input.replace(/^(\\d{4}-\\d{2}-\\d{2})[Tt]/, '$1T');\n\n  const tzSuffix = match[8];\n  if (tzSuffix) {\n    // Uppercase a lowercase 'z' at the end\n    if (tzSuffix === 'z') {\n      normalized = normalized.slice(0, -1) + 'Z';\n    }\n  } else {\n    // No timezone suffix \u2014 per ISO 8601 this means local time.\n    // Interpret in the user's configured timezone and convert to UTC.\n    const year = Number(match[1]);\n    const month = Number(match[2]) - 1; // 0-indexed\n    const day = Number(match[3]);\n    const hours = Number(match[4]);\n    const minutes = match[5] !== undefined ? Number(match[5]) : 0;\n    const seconds = match[6] !== undefined ? Number(match[6]) : 0;\n    const milliseconds =\n      match[7] !== undefined ? Number(match[7].padEnd(3, '0')) : 0;\n\n    const local = TZDateMini.tz(\n      getTimezone(),\n      year,\n      month,\n      day,\n      hours,\n      minutes,\n      seconds,\n      milliseconds,\n    );\n\n    if (!isNaN(local.getTime())) {\n      // Guard against impossible dates like Feb 31 \u2014 TZDateMini rolls them\n      // over to the next month, so if the resulting date doesn't match the\n      // input, return the input unchanged (not a valid ISO datetime).\n      if (local.getMonth() !== month || local.getDate() !== day) {\n        return input;\n      }\n      return local.toISOString();\n    }\n\n    // Fallback: append Z if the date is somehow invalid for the timezone\n    normalized += 'Z';\n  }\n\n  return normalized;\n}\n\n/**\n * Parses a time-only string to a full ISO UTC datetime string anchored at `2000-01-01`.\n * Accepts: `HH:MM`, `HH:MMZ`, `HH:MM:SS`, `HH:MM:SS.mmm`, with optional `Z` / `\u00B1hh:mm` offset.\n * Returns `null` if the input does not represent a valid time.\n * @internal\n */\nexport function parseTimeOnlyToISO(input: string): string | null {\n  const match = TIME_ONLY_REGEX.exec(input);\n  if (!match) {\n    return null;\n  }\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  const seconds = match[3] !== undefined ? Number(match[3]) : 0;\n  const milliseconds =\n    match[4] !== undefined ? Number(match[4].padEnd(3, '0')) : 0;\n  const timezoneSuffix = match[5];\n\n  const now = TZDateMini.tz(getTimezone());\n  const year = now.getFullYear();\n  const month = now.getMonth(); // 0-indexed\n  const day = now.getDate();\n\n  if (timezoneSuffix) {\n    // Explicit offset (Z, +02:00, \u2026): build the full ISO string with that offset\n    // and let the Date parser convert it to UTC correctly.\n\n    const ISOdate = `${year}-${String(month + 1).padStart(2, '0')}-${String(\n      day,\n    ).padStart(2, '0')}`;\n    const ISOtime = `T${match[1]}:${match[2]}:${String(seconds).padStart(\n      2,\n      '0',\n    )}.${String(milliseconds).padStart(3, '0')}${timezoneSuffix.toUpperCase()}`;\n    const fullISO = ISOdate + ISOtime;\n    const parsedDate = new Date(fullISO);\n\n    return isNaN(parsedDate.getTime()) ? null : parsedDate.toISOString();\n  }\n\n  // No TZ suffix: the user means local time \u2014 interpret it in the user's timezone\n  // and convert to UTC via .toISOString().\n  const local = TZDateMini.tz(\n    getTimezone(),\n    year,\n    month,\n    day,\n    hours,\n    minutes,\n    seconds,\n    milliseconds,\n  );\n  return isNaN(local.getTime()) ? null : local.toISOString();\n}\n\n/**\n * Parses a date-only string matched against the strict ISO 8601 date format (`YYYY-MM-DD`).\n * Returns a full ISO UTC midnight datetime string, or `null` if the input is not a valid date.\n * @internal\n */\nexport function parseDateOnlyToISO(\n  input: string,\n  anchor: 'startOfDay' | 'endOfDay' = 'startOfDay',\n): string | null {\n  const match = DATE_ONLY_REGEX.exec(input);\n  if (!match) {\n    return null;\n  }\n\n  const date = TZDateMini.tz(\n    getTimezone(),\n    Number(match[1]),\n    Number(match[2]) - 1, // 0-indexed month\n    Number(match[3]),\n  );\n\n  // Guard against impossible dates like Feb 31 \u2014 TZDateMini rolls them over to\n  // the next month, so if the resulting month doesn't match the input, reject it.\n  if (date.getMonth() !== Number(match[2]) - 1) {\n    return null;\n  }\n\n  const anchored = anchor === 'endOfDay' ? endOfDay(date) : startOfDay(date);\n  return anchored.toISOString();\n}\n\n/**\n * Captures the current state of a DateTimeInput's spinbuttons and expression input.\n * @internal\n */\nexport const captureUndoSnapshot = (\n  spinButtonHandlers: Map<\n    keyof Intl.DateTimeFormatPartTypesRegistry,\n    SpinButtonHandler | null | undefined\n  >,\n  expressionRef: HTMLSpanElement | null | undefined,\n  value: TimeValue | null,\n  valueType: 'expression' | 'iso8601',\n): UndoSnapshot => {\n  const spinButtonTexts = new Map<Intl.DateTimeFormatPart['type'], string>();\n  spinButtonHandlers.forEach((handler, type) => {\n    spinButtonTexts.set(type, handler?.element.current?.textContent ?? '');\n  });\n  return {\n    value,\n    valueType,\n    spinButtonTexts,\n    expressionText: expressionRef?.textContent ?? '',\n  };\n};\n\n/**\n * Returns true if the keyboard event represents a key that could modify input\n * content (printable characters, arrows that change spinbutton values,\n * deletion keys).\n * @internal\n */\nexport function isContentModifyingKey(event: {\n  key: string;\n  ctrlKey: boolean;\n  metaKey: boolean;\n}): boolean {\n  if (event.ctrlKey || event.metaKey) {\n    return false;\n  }\n  if (\n    event.key === 'ArrowUp' ||\n    event.key === 'ArrowDown' ||\n    event.key === 'Backspace' ||\n    event.key === 'Delete'\n  ) {\n    return true;\n  }\n  // Printable characters have a key value of length 1\n  if (event.key.length === 1) {\n    return true;\n  }\n  return false;\n}\n\ntype DateFieldType = 'day' | 'month' | 'year';\n\nfunction isDateFieldPart(\n  part: Intl.DateTimeFormatPart,\n): part is Intl.DateTimeFormatPart & { type: DateFieldType } {\n  return part.type === 'day' || part.type === 'month' || part.type === 'year';\n}\n\n/**\n * Returns the locale-specific date delimiter and field order (e.g. DMY, MDY, YMD)\n * by inspecting `Intl.DateTimeFormat.formatToParts`.\n */\nfunction getRegionalDateFormat(): {\n  delimiter: string;\n  fieldOrder: [DateFieldType, DateFieldType, DateFieldType];\n} {\n  const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n  }).formatToParts(new Date());\n\n  const delimiter = parts.find((p) => p.type === 'literal')?.value ?? '/';\n  const fieldOrder = parts.filter(isDateFieldPart).map((p) => p.type) as [\n    DateFieldType,\n    DateFieldType,\n    DateFieldType,\n  ];\n\n  return { delimiter, fieldOrder };\n}\n\nexport type PartialDate = Partial<Record<DateFieldType, number>>;\n\n/**\n * Short alphabetic tokens (e.g. `dd`, `MM`, `yyyy`, `HH`, `mm`, `ss`) \u2014 the same\n * text that empty spin buttons render via their `:empty::before` pseudo-element\n * and emit when copied. Accepting them in our parsers means a copied\n * `\"25/mm/2024\"` round-trips back to a partial date with the month intentionally\n * left empty.\n */\nconst PLACEHOLDER_TOKEN_PATTERN = '[A-Za-z]{1,4}';\n\n/** Wraps a numeric field pattern with a placeholder-token alternative. */\nfunction orPlaceholder(numericPattern: string): string {\n  return `${numericPattern}|${PLACEHOLDER_TOKEN_PATTERN}`;\n}\n\n/** Whether `value` is a placeholder token rather than digits. */\nfunction isPlaceholderToken(value: string): boolean {\n  return /^[A-Za-z]+$/.test(value);\n}\n\n/**\n * Extracts a partial date from an input string using the user's regional date format.\n * Returns a `PartialDate` with `day`, `month`, and/or `year` fields mapped according\n * to the locale's field order. Handles incomplete inputs like `\"12/\"` or `\"12.2024\"`,\n * and treats placeholder tokens (e.g. the `MM` in `\"25/MM/2024\"`) as intentionally\n * empty fields so the corresponding spin buttons are left untouched.\n * Returns `null` if no date pattern is found.\n * @internal\n */\nexport function tryParsePartialDate(input: string): PartialDate | null {\n  const { delimiter, fieldOrder } = getRegionalDateFormat();\n  // Escape the delimiter for use in the regex pattern\n  // Examples: https://regex101.com/r/KjhFqd/1\n  const escapedDelimiter = delimiter.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  // Match two or three field tokens separated by the locale's date delimiter.\n  // Each field is digits (1-4) or a placeholder token (1-4 letters). The middle\n  // group allows 1-4 digits because with only 2 groups it may be a year\n  // (e.g. \"12.2024\"). When all 3 groups are present the field-level validation\n  // below rejects a middle value that is too long for its assigned field.\n  // Examples: https://regex101.com/r/h0AFRV/1\n  const regex = new RegExp(\n    `(?<=^|[\\\\s,])(${orPlaceholder(\n      '\\\\d{1,4}',\n    )})${escapedDelimiter}(${orPlaceholder(\n      '\\\\d{1,4}',\n    )})${escapedDelimiter}?(${orPlaceholder('\\\\d{1,4}')})?(?=[\\\\s,]|$)`,\n  );\n\n  const match = regex.exec(input);\n  if (!match) {\n    return null;\n  }\n\n  const rawValues = [match[1], match[2], match[3]].filter(\n    (value): value is string => value !== undefined,\n  );\n\n  // Treat 4-character placeholder tokens (e.g. `yyyy`) the same as 4-digit\n  // years for field alignment purposes \u2014 both signal that the slot represents\n  // the year, so right-alignment shouldn't be triggered when one is present.\n  const looksLikeYear = (value: string): boolean => value.length === 4;\n\n  // If a 4-character value appears in a position that the locale doesn't assign\n  // to 'year', the user likely omitted leading fields (e.g. \"12.2024\" in DMY\n  // means month.year, not day.month). Right-align the values to the field order\n  // so the 4-character value lands on the year slot.\n  const hasDisplacedYear = rawValues.some(\n    (value, index) => looksLikeYear(value) && fieldOrder[index] !== 'year',\n  );\n  const isYearFirstLocale = fieldOrder[0] === 'year';\n  const hasNoExplicitYear = !rawValues.some(looksLikeYear);\n  // In these cases, we assume the user omitted leading fields and right-align the values.\n  const fields =\n    hasDisplacedYear || (isYearFirstLocale && hasNoExplicitYear)\n      ? fieldOrder.slice(fieldOrder.length - rawValues.length)\n      : fieldOrder.slice(0, rawValues.length);\n\n  const maxDigits: Record<DateFieldType, number> = {\n    year: 4,\n    day: 2,\n    month: 2,\n  };\n  const result: PartialDate = {};\n\n  for (let i = 0; i < fields.length; i++) {\n    const raw = rawValues[i];\n    const field = fields[i];\n\n    // A placeholder token means the user copied an empty spin button; leave the\n    // field undefined so downstream code keeps that spin button as-is.\n    if (isPlaceholderToken(raw)) {\n      continue;\n    }\n\n    // Day and month must be at most 2 digits; year must be exactly 4 digits.\n    if (raw.length > maxDigits[field]) {\n      return null;\n    }\n\n    const value = parseInt(raw);\n\n    // Reject values outside valid ranges so that downstream code never sees\n    // e.g. month 20 and wraps it into a different month via Date rollover.\n    if (field === 'month' && (value < 1 || value > 12)) {\n      return null;\n    }\n    if (field === 'day' && (value < 1 || value > 31)) {\n      return null;\n    }\n\n    result[field] = value;\n  }\n\n  return result;\n}\n\ntype TimeFieldType = 'hour' | 'minute' | 'second' | 'millisecond';\n\nexport type PartialTime = Partial<Record<TimeFieldType, number>> & {\n  dayPeriod?: string;\n};\n\n/**\n * Returns whether the user's locale uses a 12-hour clock and the locale-specific\n * day period labels (e.g. AM/PM, a.m./p.m.).\n */\nfunction getRegionalTimeFormat(): {\n  is12Hour: boolean;\n  dayPeriodValues: [string, string];\n} {\n  const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n    hour: 'numeric',\n    minute: '2-digit',\n  }).formatToParts(new Date());\n\n  const hasDayPeriod = parts.some((p) => p.type === 'dayPeriod');\n  const dayPeriodValues = getDayPeriodValues() as [string, string];\n\n  return { is12Hour: hasDayPeriod, dayPeriodValues };\n}\n\n/**\n * Parses a single field as a digit value, returning `undefined` for placeholder\n * tokens (e.g. `HH`, `mm`) so the caller leaves the corresponding spin button\n * untouched.\n */\nfunction parseTimeField(raw: string | undefined): number | undefined {\n  if (raw === undefined || isPlaceholderToken(raw)) {\n    return undefined;\n  }\n  return parseInt(raw);\n}\n\n/**\n * Extracts a partial time from an input string using the user's regional time format.\n * Returns a `PartialTime` with `hour`, `minute`, `second`, `millisecond`, and/or\n * `dayPeriod` fields. Requires two-digit hours, minutes, and seconds for digit\n * inputs, and accepts placeholder tokens (e.g. the `mm` in `\"14:mm\"`) for fields\n * the user intentionally left empty.\n * For 12-hour locales, optionally matches the locale-specific AM/PM label.\n * Returns `null` if no time pattern is found.\n * @internal\n */\nexport function tryParsePartialTime(input: string): PartialTime | null {\n  const { is12Hour, dayPeriodValues } = getRegionalTimeFormat();\n\n  // Build day period matching: escape for regex and match case-insensitively.\n  // The trailing `[A-Za-z]+` allows placeholder tokens (e.g. `aa`) to be consumed\n  // so the time portion still matches; unrecognised tokens fall through to an\n  // undefined `dayPeriod` below.\n  // Examples: https://regex101.com/r/KjhFqd/1\n  const escapedPeriods = dayPeriodValues.map((value) =>\n    value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'),\n  );\n  const dayPeriodPattern = is12Hour\n    ? `(?:\\\\s*(${escapedPeriods.join('|')}|[A-Za-z]+))?`\n    : '';\n\n  // Each field below accepts either its numeric range or a placeholder token\n  // (1-4 letters). Minutes are required to avoid matching bare two-digit numbers\n  // as times.\n  const hourPattern = orPlaceholder('[01]?\\\\d|2[0-3]');\n  const minuteOrSecondPattern = orPlaceholder('[0-5]\\\\d');\n  const millisecondPattern = orPlaceholder('\\\\d{1,3}');\n  // Examples: https://regex101.com/r/pQ8liS/1\n  const regex = new RegExp(\n    `(?<=^|[\\\\s,])(${hourPattern}):(${minuteOrSecondPattern})(?::(${minuteOrSecondPattern})(?:[.](${millisecondPattern}))?)?${dayPeriodPattern}(?=[\\\\s,]|$)`,\n    'i',\n  );\n\n  const match = regex.exec(input);\n  if (match) {\n    const result: PartialTime = {};\n\n    result.hour = parseTimeField(match[1]);\n    result.minute = parseTimeField(match[2]);\n    result.second = parseTimeField(match[3]);\n    result.millisecond = parseTimeField(match[4]);\n\n    if (is12Hour && match[5] !== undefined) {\n      // Normalize to the canonical day period value (preserve locale casing).\n      // Placeholder tokens that don't match a known period leave dayPeriod unset.\n      const matched = match[5].toLowerCase();\n      result.dayPeriod = dayPeriodValues.find(\n        (p) => p.toLowerCase() === matched,\n      );\n    }\n\n    return result;\n  }\n\n  // Secondary: mm:ss.f{1,3} \u2014 fractional part is required to disambiguate from hh:mm.\n  // Examples: https://regex101.com/r/hoRKbs/1\n  const millisecondsRegex =\n    /(?<=^|[\\s,])([0-5]\\d):([0-5]\\d)\\.(\\d{1,3})(?=[\\s,]|$)/;\n  const millisecondsMatch = millisecondsRegex.exec(input);\n  if (millisecondsMatch) {\n    return {\n      minute: parseInt(millisecondsMatch[1]),\n      second: parseInt(millisecondsMatch[2]),\n      millisecond: parseInt(millisecondsMatch[3]),\n    };\n  }\n\n  return null;\n}\n\nexport type PartialDateTimeResult = {\n  /** Normalized ISO string that can be applied to spin buttons. */\n  iso: string;\n  /**\n   * If set, only these spin button parts should be updated (partial result).\n   * When absent the result is complete and can be fed through the existing\n   * paste pipeline (date-only / time-only / full ISO).\n   */\n  partsToUpdate?: Set<keyof Intl.DateTimeFormatPartTypesRegistry>;\n};\n\n/** Converts a 12-hour clock value to 24-hour using the locale's day-period labels. */\nfunction convertTo24Hour(hour: number, dayPeriod: string): number {\n  const { dayPeriodValues } = getRegionalTimeFormat();\n  const isPM = dayPeriod.toLowerCase() === dayPeriodValues[1].toLowerCase();\n  const isAM = dayPeriod.toLowerCase() === dayPeriodValues[0].toLowerCase();\n  if (isPM && hour < 12) {\n    return hour + 12;\n  }\n  if (isAM && hour === 12) {\n    return 0;\n  }\n  return hour;\n}\n\n/** Builds a complete ISO datetime from fully-specified date and time fields. */\nfunction buildFullDateTimeISO(\n  year: number,\n  month: number,\n  day: number,\n  hour: number,\n  minute: number,\n  second: number | undefined,\n  millisecond: number | undefined,\n): PartialDateTimeResult | null {\n  const d = TZDateMini.tz(\n    getTimezone(),\n    year,\n    month - 1,\n    day,\n    hour,\n    minute,\n    second ?? 0,\n    millisecond ?? 0,\n  );\n  return isNaN(d.getTime()) ? null : { iso: d.toISOString() };\n}\n\n/** Builds a date-only ISO string (YYYY-MM-DD) after validating the date. */\nfunction buildDateOnlyISO(\n  year: number,\n  month: number,\n  day: number,\n): PartialDateTimeResult | null {\n  const validationDate = TZDateMini.tz(getTimezone(), year, month - 1, day);\n  if (\n    isNaN(validationDate.getTime()) ||\n    validationDate.getFullYear() !== year ||\n    validationDate.getMonth() !== month - 1 ||\n    validationDate.getDate() !== day\n  ) {\n    return null;\n  }\n  const yearString = String(year).padStart(4, '0');\n  const monthString = String(month).padStart(2, '0');\n  const dayString = String(day).padStart(2, '0');\n  return { iso: `${yearString}-${monthString}-${dayString}` };\n}\n\n/** Builds a time-only ISO string (HH:MM[:SS[.mmm]]). */\nfunction buildTimeOnlyISO(\n  hour: number,\n  minute: number,\n  second: number | undefined,\n  millisecond: number | undefined,\n): PartialDateTimeResult {\n  const hourString = String(hour).padStart(2, '0');\n  const minuteString = String(minute).padStart(2, '0');\n  let isoTime = `${hourString}:${minuteString}`;\n  if (second !== undefined) {\n    const secondString = String(second).padStart(2, '0');\n    isoTime += `:${secondString}`;\n    if (millisecond !== undefined) {\n      const millisecondString = String(millisecond).padStart(3, '0');\n      isoTime += `.${millisecondString}`;\n    }\n  }\n  return { iso: isoTime };\n}\n\n/** Collects the set of spin-button part types that have defined values. */\nfunction collectPartsToUpdate(\n  date: PartialDate | null,\n  time: PartialTime | null,\n): Set<keyof Intl.DateTimeFormatPartTypesRegistry> {\n  const partsToUpdate = new Set<keyof Intl.DateTimeFormatPartTypesRegistry>();\n\n  const fieldMapping: Array<\n    [unknown, keyof Intl.DateTimeFormatPartTypesRegistry]\n  > = [\n    [date?.day, 'day'],\n    [date?.month, 'month'],\n    [date?.year, 'year'],\n    [time?.hour, 'hour'],\n    [time?.minute, 'minute'],\n    [time?.second, 'second'],\n    [time?.millisecond, 'fractionalSecond'],\n    [time?.dayPeriod, 'dayPeriod'],\n  ];\n\n  for (const [value, part] of fieldMapping) {\n    if (value !== undefined) {\n      partsToUpdate.add(part);\n    }\n  }\n\n  return partsToUpdate;\n}\n\n/**\n * Converts partial date and/or time objects into an ISO-compatible string.\n *\n * - Complete date + complete time \u2192 full ISO datetime (no `partsToUpdate`).\n * - Complete date only (time absent) \u2192 `\"YYYY-MM-DD\"` (no `partsToUpdate`).\n * - Complete time only (date absent) \u2192 `\"HH:MM[:SS[.mmm]]\"` (no `partsToUpdate`).\n * - Partial fields \u2192 ISO string with defaults filled in, plus a `partsToUpdate`\n *   set that lists only the spin button parts that should actually be applied.\n *   Inputs with placeholder tokens for the missing side (e.g. `\"25/12/2024 HH:mm\"`)\n *   take this path so the corresponding spin buttons are left untouched rather\n *   than auto-filled with `00:00` or \"now\".\n * - No fields at all \u2192 `null`.\n *\n * A date is \"complete\" when it has `day`, `month`, and `year`.\n * A time is \"complete\" when it has `hour` and `minute`.\n * @internal\n */\nexport function partialDateTimeToISO(\n  date: PartialDate | null,\n  time: PartialTime | null,\n): PartialDateTimeResult | null {\n  if (!date && !time) {\n    return null;\n  }\n\n  const year = date?.year;\n  const month = date?.month;\n  const day = date?.day;\n  const minute = time?.minute;\n  const second = time?.second;\n  const millisecond = time?.millisecond;\n\n  let hour24 = time?.hour;\n  if (hour24 !== undefined && time?.dayPeriod) {\n    hour24 = convertTo24Hour(hour24, time.dayPeriod);\n  }\n\n  // Only short-circuit to a \"{date,time}-only\" ISO when the other side is\n  // genuinely absent. If `time` (or `date`) is provided as a placeholder-only\n  // object, fall through to the partial path so the placeholder fields stay\n  // empty in the spin buttons.\n  if (year !== undefined && month !== undefined && day !== undefined) {\n    if (hour24 !== undefined && minute !== undefined) {\n      return buildFullDateTimeISO(\n        year,\n        month,\n        day,\n        hour24,\n        minute,\n        second,\n        millisecond,\n      );\n    }\n    if (time === null) {\n      return buildDateOnlyISO(year, month, day);\n    }\n  }\n\n  if (date === null && hour24 !== undefined && minute !== undefined) {\n    return buildTimeOnlyISO(hour24, minute, second, millisecond);\n  }\n\n  // Partial result: fill defaults from \"now\" for missing fields.\n  const now = TZDateMini.tz(getTimezone());\n  const fallback = TZDateMini.tz(\n    getTimezone(),\n    year ?? now.getFullYear(),\n    (month ?? now.getMonth() + 1) - 1,\n    day ?? now.getDate(),\n    hour24 ?? now.getHours(),\n    minute ?? now.getMinutes(),\n    second ?? 0,\n    millisecond ?? 0,\n  );\n  if (isNaN(fallback.getTime())) {\n    return null;\n  }\n\n  const partsToUpdate = collectPartsToUpdate(date, time);\n  if (partsToUpdate.size === 0) {\n    return null;\n  }\n\n  return { iso: fallback.toISOString(), partsToUpdate };\n}\n"],
+  "mappings": "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",
   "names": []
 }