@dynatrace/strato-components 3.3.3 → 3.4.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/selection-helpers.ts"],
-  "sourcesContent": ["import * as styles from './DateTimeInput.sty.js';\n\n/** @internal */\nexport function checkIfValueTypeAlignment(textNode: Node): boolean {\n  // There are a lot of hidden text nodes for the mix of spin button and expression\n  // in the DateTimeInput.\n  // In order to skip the hidden ones correctly, we need to check for parent value types.\n  const closestDateTimeInput = textNode.parentElement?.closest(\n    `.${styles.dateTimeInput}`,\n  );\n  const currentValueType = closestDateTimeInput?.getAttribute('data-valuetype');\n  const closestValueTypeElement =\n    textNode.parentElement?.closest('[data-valuetype]');\n\n  // If the query resolves to the same dateTime input element, it means that there is no other defining parent.\n  // In this case it may be a placeholder / separator text or any other node.\n  if (closestDateTimeInput === closestValueTypeElement) {\n    return true;\n  }\n\n  const nodeValueType = closestValueTypeElement?.getAttribute('data-valuetype');\n\n  return nodeValueType === currentValueType;\n}\n\n/** Helper to walk backwards through text nodes. */\nfunction previousTextNode(root: HTMLElement, node: Node): Node | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n\n  let current = walker.lastChild();\n  let found = false;\n  while (current) {\n    if (found) {\n      // There are a lot of hidden text nodes for the mix of spin button and expression\n      // in the DateTimeInput.\n      // In order to skip the hidden ones correctly, we need to check for parent value types.\n      if (checkIfValueTypeAlignment(current)) {\n        return current;\n      }\n    }\n\n    if (current === node) {\n      found = true;\n    }\n\n    current = walker.previousNode();\n  }\n\n  return null;\n}\n\n/** Helper to walk forwards through text nodes. */\nfunction nextTextNode(root: HTMLElement, node: Node): Node | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n\n  let current = walker.nextNode();\n  let found = false;\n\n  while (current) {\n    if (found) {\n      // There are a lot of hidden text nodes for the mix of spin button and expression\n      // in the DateTimeInput.\n      // In order to skip the hidden ones correctly, we need to check for parent value types.\n      if (checkIfValueTypeAlignment(current)) {\n        return current;\n      }\n    }\n    if (current === node) {\n      found = true;\n    }\n    current = walker.nextNode();\n  }\n\n  return null;\n}\n\n/** Helper that finds the next character position to adjust the global selection. */\nfunction findNextCharacterPosition(\n  root: HTMLElement,\n  node: Node,\n  offset: number,\n): { node: Node; offset: number } | null {\n  if (\n    node.nodeType === Node.TEXT_NODE &&\n    node.nodeValue &&\n    offset < node.nodeValue.length &&\n    checkIfValueTypeAlignment(node)\n  ) {\n    return { node, offset: offset + 1 };\n  }\n\n  // When the selection lands on an element node (not a text node), the offset\n  // represents a child index. Walk into that child subtree to find the first\n  // text node from that position forward.\n  if (node.nodeType !== Node.TEXT_NODE) {\n    const childAtOffset = node.childNodes[offset];\n    if (childAtOffset) {\n      const walker = document.createTreeWalker(\n        childAtOffset,\n        NodeFilter.SHOW_TEXT,\n        null,\n      );\n      const firstText =\n        walker.firstChild() ??\n        (childAtOffset.nodeType === Node.TEXT_NODE ? childAtOffset : null);\n      if (firstText && checkIfValueTypeAlignment(firstText)) {\n        return { node: firstText, offset: 1 };\n      }\n    }\n  }\n\n  // Skip separator text nodes (those not inside any spinbutton). Separators\n  // are implicitly included in the visual selection via setBaseAndExtent's\n  // spinbutton-boundary expansion, so stepping through them one character at\n  // a time would require extra keypresses without any visible change.\n  let next: Node | null = nextTextNode(root, node);\n  while (next !== null && getClosestContentEditable(next) === null) {\n    next = nextTextNode(root, next);\n  }\n\n  if (!next) {\n    return null;\n  }\n\n  return { node: next, offset: 1 };\n}\n\n/** Helper that finds the previous character position to adjust the global selection. */\nfunction findPreviousCharacterPosition(\n  root: HTMLElement,\n  node: Node,\n  offset: number,\n): { node: Node; offset: number } | null {\n  if (\n    node.nodeType === Node.TEXT_NODE &&\n    offset > 0 &&\n    checkIfValueTypeAlignment(node)\n  ) {\n    return { node, offset: offset - 1 };\n  }\n\n  // Skip separator text nodes going backwards for the same reason as in\n  // findNextCharacterPosition.\n  let prev: Node | null = previousTextNode(root, node);\n  while (prev !== null && getClosestContentEditable(prev) === null) {\n    prev = previousTextNode(root, prev);\n  }\n  if (!prev || prev.nodeValue === null) {\n    return null;\n  }\n\n  return { node: prev, offset: prev.nodeValue.length - 1 };\n}\n\n/** Helper to find the first textNode to apply selection */\nfunction findFirstCharacterPosition(\n  root: HTMLElement,\n): { node: Node; offset: number } | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n  let current = walker.firstChild();\n  while (current !== null) {\n    // Skip hidden text nodes (e.g. relative date expression values when in absolute mode).\n    if (checkIfValueTypeAlignment(current)) {\n      return { node: current, offset: 0 };\n    }\n    current = walker.nextNode();\n  }\n  return null;\n}\n\n/** Helper to find the last textNode to apply selection */\nfunction findLastCharacterPosition(\n  root: HTMLElement,\n): { node: Node; offset: number } | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n  let current = walker.lastChild();\n  while (current !== null) {\n    // Skip hidden text nodes (e.g. relative date expression values when in absolute mode).\n    if (checkIfValueTypeAlignment(current)) {\n      return { node: current, offset: current.nodeValue?.length ?? 0 };\n    }\n    current = walker.previousNode();\n  }\n  return null;\n}\n\n/**\n * Helper function that removes the contenteditable attributes for selection manipulation\n * @param rootElement - Must contain all contenteditable children.\n * @param removeEventTarget - Where to bind the inverese event listener to\n * @param eventType - Inverse event type, when should the contenteditable attribute be added back\n * @param customRemovalFn - Called when the inverse event fires in order to execute custom logic.\n *\n * @internal\n */\nexport function removeContentEditable(\n  rootElement: HTMLElement,\n  removeEventTarget: Document | HTMLElement,\n  eventType: 'mouseup' | 'keyup',\n  customRemovalFn?: (event: Event, hasMultiElementSelection: boolean) => void,\n): void {\n  const contentEditables =\n    rootElement.querySelectorAll<HTMLElement>('[contenteditable]');\n  for (const editable of contentEditables) {\n    const previousValue = editable.getAttribute('contenteditable') ?? undefined;\n    editable.removeAttribute('contenteditable');\n    editable.dataset.wascontenteditable = previousValue;\n\n    // Also temporarily remove tabIndex so the element isn't focusable during\n    // the drag. Without this, the browser auto-focuses the first spin button\n    // on mousedown when the component didn't have focus before, which disrupts\n    // drag-select across multiple elements.\n    if (editable.hasAttribute('tabindex')) {\n      editable.dataset.wastabindex = editable.getAttribute('tabindex') ?? '';\n      editable.removeAttribute('tabindex');\n    }\n  }\n\n  const signal = new AbortController();\n\n  removeEventTarget.addEventListener(\n    eventType,\n    (event: Event) => {\n      if (\n        event instanceof KeyboardEvent &&\n        (event.key === 'Control' || event.key === 'Meta' || event.key === 'Alt')\n      ) {\n        return;\n      }\n\n      const wasContentEditables = rootElement.querySelectorAll<HTMLElement>(\n        '[data-wascontenteditable]',\n      );\n\n      // Snapshot the selection BEFORE restoring contentEditable. Firefox\n      // discards the cross-element drag selection when contentEditable is added\n      // back, so we must capture it here while it is still intact.\n      const selectionBeforeRestore = window.getSelection();\n      const snapshotAnchorNode = selectionBeforeRestore?.anchorNode ?? null;\n      const snapshotAnchorOffset = selectionBeforeRestore?.anchorOffset ?? 0;\n      const snapshotFocusNode = selectionBeforeRestore?.focusNode ?? null;\n      const snapshotFocusOffset = selectionBeforeRestore?.focusOffset ?? 0;\n\n      const hasMultiElementSelection =\n        selectionBeforeRestore !== null &&\n        selectionBeforeRestore.toString().length > 0 &&\n        (snapshotAnchorNode !== snapshotFocusNode ||\n          (snapshotAnchorNode !== null &&\n            snapshotAnchorNode === snapshotFocusNode &&\n            snapshotAnchorOffset !== snapshotFocusOffset &&\n            snapshotAnchorNode?.nodeType === Node.ELEMENT_NODE));\n\n      for (const editable of wasContentEditables) {\n        const previousValue = editable.getAttribute('data-wascontenteditable');\n        if (previousValue !== null) {\n          editable.setAttribute('contenteditable', previousValue);\n        }\n        editable.removeAttribute('data-wascontenteditable');\n\n        const wasTabIndex = editable.getAttribute('data-wastabindex');\n        if (wasTabIndex !== null) {\n          editable.setAttribute('tabindex', wasTabIndex);\n          editable.removeAttribute('data-wastabindex');\n        }\n      }\n\n      // Firefox discards the drag selection when contentEditable is added back, so we\n      // re-apply it using the snapshot taken before the restoration loop. We do NOT call\n      // focus() here \u2014 no spin button should be focused after a drag-select, so all\n      // fields render with consistent selection height in Firefox.\n      // ArrowUp/Down after a drag is handled by the container's onKeyDown which forwards\n      // to the anchor spin button on demand.\n      if (hasMultiElementSelection && snapshotAnchorNode && snapshotFocusNode) {\n        const anchorSpinButton = resolveSpinButton(\n          snapshotAnchorNode,\n          rootElement,\n        );\n        const focusSpinButton = resolveSpinButton(\n          snapshotFocusNode,\n          rootElement,\n        );\n\n        if (anchorSpinButton && focusSpinButton) {\n          // Extend the selection to full spin-button boundaries.\n          const anchorToFocusPosition =\n            anchorSpinButton.compareDocumentPosition(focusSpinButton);\n          // Using bitwise and to check the position of anchor vs focus spin button.\n          // See example in getNearestPrecedingSpinButton.\n          const focusIsAfterAnchor = !!(\n            anchorToFocusPosition & Node.DOCUMENT_POSITION_FOLLOWING\n          );\n\n          const firstSpinButton = focusIsAfterAnchor\n            ? anchorSpinButton\n            : focusSpinButton;\n          const lastSpinButton = focusIsAfterAnchor\n            ? focusSpinButton\n            : anchorSpinButton;\n\n          const firstPos = findFirstCharacterPosition(firstSpinButton);\n          const lastPos = findLastCharacterPosition(lastSpinButton);\n\n          if (firstPos && lastPos) {\n            window\n              .getSelection()\n              ?.setBaseAndExtent(\n                firstPos.node,\n                firstPos.offset,\n                lastPos.node,\n                lastPos.offset,\n              );\n          }\n        }\n      } else {\n        // Single-element selection: restore the exact position. setBaseAndExtent is safe\n        // here because anchor and focus are within the same contenteditable element.\n        if (snapshotAnchorNode && snapshotFocusNode) {\n          window\n            .getSelection()\n            ?.setBaseAndExtent(\n              snapshotAnchorNode,\n              snapshotAnchorOffset,\n              snapshotFocusNode,\n              snapshotFocusOffset,\n            );\n        }\n      }\n\n      customRemovalFn?.(event, hasMultiElementSelection);\n\n      signal.abort();\n    },\n    { signal: signal.signal },\n  );\n}\n\n/**\n * Helper function that allows to move the selection further on a character basis or\n * to the start / end of the TFS.\n * @param key - Provides the key which allows to extend the selection in the correct direction.\n * @internal\n */\nexport function extendSelection(\n  key: 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End',\n): void {\n  const selection = window.getSelection();\n  if (\n    selection === null ||\n    selection.anchorNode === null ||\n    selection.focusNode === null ||\n    selection.rangeCount < 1\n  ) {\n    return;\n  }\n\n  const anchorNode = selection.anchorNode;\n  const anchorOffset = selection.anchorOffset;\n  const focusNode = selection.focusNode;\n  const focusOffset = selection.focusOffset;\n\n  let nextPos: { node: Node; offset: number } | null = null;\n\n  const root =\n    focusNode.parentElement?.closest<HTMLDivElement>('.strato-inputgroup');\n  if (root === null || root === undefined) {\n    return;\n  }\n\n  if (key === 'ArrowLeft') {\n    nextPos = findPreviousCharacterPosition(root, focusNode, focusOffset);\n  } else if (key === 'ArrowRight') {\n    nextPos = findNextCharacterPosition(root, focusNode, focusOffset);\n  } else if (key === 'Home') {\n    nextPos = findFirstCharacterPosition(root);\n  } else if (key === 'End') {\n    nextPos = findLastCharacterPosition(root);\n  }\n  if (nextPos) {\n    // Use setBaseAndExtent instead of selection.extend() so the new focus\n    // endpoint can cross contenteditable boundaries in Chrome without needing\n    // to temporarily strip the contenteditable attribute.\n    // Guard with data-restoring-selection so that Chrome's implicit auto-focus\n    // of the anchor spinbutton during setBaseAndExtent does not trigger\n    // selectAll() via onFocus.\n    root.setAttribute('data-restoring-selection', '');\n    selection.setBaseAndExtent(\n      anchorNode,\n      anchorOffset,\n      nextPos.node,\n      nextPos.offset,\n    );\n    root.removeAttribute('data-restoring-selection');\n  }\n}\n\n/**\n * Helper function that allows to expand the selection to the entire range.\n * @internal\n */\nexport function extendSelectionToAll(): void {\n  const selection = window.getSelection();\n  if (\n    selection === null ||\n    selection.focusNode === null ||\n    selection.rangeCount < 1\n  ) {\n    return;\n  }\n\n  const focusNode = selection.focusNode;\n\n  const root =\n    focusNode.parentElement?.closest<HTMLDivElement>('.strato-inputgroup');\n  if (root === null || root === undefined) {\n    return;\n  }\n\n  // Focus the container (not a spin button) so that no spin button receives the :focus background style for consistent\n  // selection height across all fields. In Chrome, setBaseAndExtent implicitly moves focus to the anchor spin button; the\n  // data-restoring-selection guard ensures onFocus skips selectAll() to avoid collapsing the selection to only the first\n  // spin button.\n  // ArrowUp/Down in Firefox is handled by the container's onKeyDown intercept,\n  // same as after a drag-select.\n  root.setAttribute('data-restoring-selection', '');\n  root.focus();\n\n  const firstPosition = findFirstCharacterPosition(root);\n  const lastPosition = findLastCharacterPosition(root);\n\n  if (!firstPosition || !lastPosition) {\n    root.removeAttribute('data-restoring-selection');\n    return;\n  }\n\n  selection.setBaseAndExtent(\n    firstPosition.node,\n    firstPosition.offset,\n    lastPosition.node,\n    lastPosition.offset,\n  );\n  root.removeAttribute('data-restoring-selection');\n}\n\n// Matches spinbuttons both in their normal state ([contenteditable]) and while\n// contenteditable is temporarily stripped during drag/key operations\n// ([data-wascontenteditable]).\nconst SPIN_BUTTON_SELECTOR = '[contenteditable], [data-wascontenteditable]';\n\nfunction getClosestContentEditable(node: Node): HTMLElement | null {\n  return node.nodeType === Node.TEXT_NODE\n    ? (node as Text).parentElement?.closest<HTMLElement>(\n        SPIN_BUTTON_SELECTOR,\n      ) ?? null\n    : (node as Element).closest?.(SPIN_BUTTON_SELECTOR) ?? null;\n}\n\n/**\n * Resolve a selection endpoint node to its containing spinbutton or, when the\n * endpoint lies on a separator between spinbuttons, to the nearest spinbutton.\n * Uses `[data-wascontenteditable]` to identify spinbuttons while contenteditable\n * is temporarily stripped during the drag, and falls back to the restored\n * `[contenteditable]` attribute afterwards.\n */\nexport function resolveSpinButton(\n  node: Node,\n  root: HTMLElement,\n): HTMLElement | null {\n  // Happy path: the node is inside a spinbutton.\n  const direct = getClosestContentEditable(node);\n  if (direct !== null) {\n    return direct;\n  }\n\n  // Separator node: find the nearest preceding spinbutton in document order.\n  return getNearestPrecedingSpinButton(node, root);\n}\n\n/**\n * When a drag ends on a separator (e.g. \"/\" or \".\"), the selection endpoint is\n * outside any spinbutton. Walk the contenteditable spinbuttons in document order\n * and return the one that immediately precedes the given node in document order.\n * Falls back to the first spinbutton when the node comes before all of them.\n */\nfunction getNearestPrecedingSpinButton(\n  node: Node,\n  root: HTMLElement,\n): HTMLElement | null {\n  const spinButtons = Array.from(\n    root.querySelectorAll<HTMLElement>(SPIN_BUTTON_SELECTOR),\n  );\n  if (spinButtons.length === 0) {\n    return null;\n  }\n\n  let nearest: HTMLElement | null = null;\n  for (const spinButton of spinButtons) {\n    /*\n     * compareDocumentPosition returns a bitmask that may vary depending on the browser and where the node lies\n     * in the document; the bitwise & extracts the FOLLOWING bit regardless of other bits that may also be set.\n     * e.g.:\n         0b000100  FOLLOWING\n       | 0b010000  CONTAINED_BY\n       ----------\n         0b010100  FOLLOWING | CONTAINED_BY (returned by  compareDocumentPosition when node is a child of the spinButton)\n\n      - node strictly after spinButton:\n          0b000100  FOLLOWING\n        & 0b000100\n        ----------\n          0b000100  \u2713\n\n      - node is a child of spinButton:\n          0b010100  CONTAINED_BY | FOLLOWING\n        & 0b000100\n        ----------\n          0b000100  \u2713\n\n      - node strictly before spinButton:\n          0b000010  PRECEDING\n        & 0b000100\n        ----------\n          0b000000  \u2717\n     */\n    const position = spinButton.compareDocumentPosition(node);\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n      nearest = spinButton;\n    }\n  }\n\n  // If node precedes all spinbuttons, return the first one\n  return nearest ?? spinButtons[0] ?? null;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport * as styles from './DateTimeInput.sty.js';\nimport type { DateTimeInputRef } from './types.js';\nimport { getStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { SpinButtonHandler } from '../spin-buttons/spin-button-group/types.js';\n\n/** @internal */\nexport function checkIfValueTypeAlignment(textNode: Node): boolean {\n  // There are a lot of hidden text nodes for the mix of spin button and expression\n  // in the DateTimeInput.\n  // In order to skip the hidden ones correctly, we need to check for parent value types.\n  const closestDateTimeInput = textNode.parentElement?.closest(\n    `.${styles.dateTimeInput}`,\n  );\n  const currentValueType = closestDateTimeInput?.getAttribute('data-valuetype');\n  const closestValueTypeElement =\n    textNode.parentElement?.closest('[data-valuetype]');\n\n  // If the query resolves to the same dateTime input element, it means that there is no other defining parent.\n  // In this case it may be a placeholder / separator text or any other node.\n  if (closestDateTimeInput === closestValueTypeElement) {\n    return true;\n  }\n\n  const nodeValueType = closestValueTypeElement?.getAttribute('data-valuetype');\n\n  return nodeValueType === currentValueType;\n}\n\n/** Helper to walk backwards through text nodes. */\nfunction previousTextNode(root: HTMLElement, node: Node): Node | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n\n  let current = walker.lastChild();\n  let found = false;\n  while (current) {\n    if (found) {\n      // There are a lot of hidden text nodes for the mix of spin button and expression\n      // in the DateTimeInput.\n      // In order to skip the hidden ones correctly, we need to check for parent value types.\n      if (checkIfValueTypeAlignment(current)) {\n        return current;\n      }\n    }\n\n    if (current === node) {\n      found = true;\n    }\n\n    current = walker.previousNode();\n  }\n\n  return null;\n}\n\n/** Helper to walk forwards through text nodes. */\nfunction nextTextNode(root: HTMLElement, node: Node): Node | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n\n  let current = walker.nextNode();\n  let found = false;\n\n  while (current) {\n    if (found) {\n      // There are a lot of hidden text nodes for the mix of spin button and expression\n      // in the DateTimeInput.\n      // In order to skip the hidden ones correctly, we need to check for parent value types.\n      if (checkIfValueTypeAlignment(current)) {\n        return current;\n      }\n    }\n    if (current === node) {\n      found = true;\n    }\n    current = walker.nextNode();\n  }\n\n  return null;\n}\n\n/** Helper that finds the next character position to adjust the global selection. */\nfunction findNextCharacterPosition(\n  root: HTMLElement,\n  node: Node,\n  offset: number,\n): { node: Node; offset: number } | null {\n  if (\n    node.nodeType === Node.TEXT_NODE &&\n    node.nodeValue &&\n    offset < node.nodeValue.length &&\n    checkIfValueTypeAlignment(node)\n  ) {\n    return { node, offset: offset + 1 };\n  }\n\n  // When the selection lands on an element node (not a text node), the offset\n  // represents a child index. Walk into that child subtree to find the first\n  // text node from that position forward.\n  if (node.nodeType !== Node.TEXT_NODE) {\n    const childAtOffset = node.childNodes[offset];\n    if (childAtOffset) {\n      const walker = document.createTreeWalker(\n        childAtOffset,\n        NodeFilter.SHOW_TEXT,\n        null,\n      );\n      const firstText =\n        walker.firstChild() ??\n        (childAtOffset.nodeType === Node.TEXT_NODE ? childAtOffset : null);\n      if (\n        firstText &&\n        (checkIfValueTypeAlignment(firstText) ||\n          getClosestContentEditable(firstText) !== null)\n      ) {\n        return { node: firstText, offset: 1 };\n      }\n    }\n\n    // When focus is on an element boundary at the end of the element\n    // (offset === childNodes.length), continue from the last text node inside\n    // that element and move to the next text node in document order.\n    if (offset > 0) {\n      const previousChild = node.childNodes[offset - 1];\n      if (previousChild) {\n        const walker = document.createTreeWalker(\n          previousChild,\n          NodeFilter.SHOW_TEXT,\n          null,\n        );\n        const lastText =\n          walker.lastChild() ??\n          (previousChild.nodeType === Node.TEXT_NODE ? previousChild : null);\n        if (lastText) {\n          let nextFromBoundary: Node | null = nextTextNode(root, lastText);\n          while (\n            nextFromBoundary !== null &&\n            getClosestContentEditable(nextFromBoundary) === null\n          ) {\n            nextFromBoundary = nextTextNode(root, nextFromBoundary);\n          }\n          if (nextFromBoundary) {\n            return { node: nextFromBoundary, offset: 1 };\n          }\n        }\n      }\n    }\n  }\n\n  // Keep visible separator text nodes (those outside spinbuttons) as valid\n  // step targets so Shift+Arrow can land on separators before extending into\n  // neighbouring spinbutton text.\n  let next: Node | null = nextTextNode(root, node);\n\n  // Keep one-step crossing between relative expression inputs by skipping\n  // separator-only nodes when both sides are expression textboxes.\n  if (\n    isExpressionNode(node) &&\n    next &&\n    getClosestContentEditable(next) === null\n  ) {\n    const nextEditableNode: Node | null = nextTextNode(root, next);\n    if (isExpressionNode(nextEditableNode)) {\n      next = nextEditableNode;\n    }\n  }\n\n  if (!next) {\n    return null;\n  }\n\n  return { node: next, offset: 1 };\n}\n\n/** Helper that finds the previous character position to adjust the global selection. */\nfunction findPreviousCharacterPosition(\n  root: HTMLElement,\n  node: Node,\n  offset: number,\n): { node: Node; offset: number } | null {\n  if (\n    node.nodeType === Node.TEXT_NODE &&\n    offset > 0 &&\n    checkIfValueTypeAlignment(node)\n  ) {\n    return { node, offset: offset - 1 };\n  }\n\n  // When the selection lands on an element node (not a text node), the offset\n  // represents a child index. Walk into the child subtree at offset-1 to find\n  // the last text node from that position backward (mirrors the forward logic\n  // in findNextCharacterPosition).\n  if (node.nodeType !== Node.TEXT_NODE && offset > 0) {\n    const childAtOffset = node.childNodes[offset - 1];\n    if (childAtOffset) {\n      const walker = document.createTreeWalker(\n        childAtOffset,\n        NodeFilter.SHOW_TEXT,\n        null,\n      );\n      const lastText =\n        walker.lastChild() ??\n        (childAtOffset.nodeType === Node.TEXT_NODE ? childAtOffset : null);\n      if (\n        lastText &&\n        lastText.nodeValue &&\n        (checkIfValueTypeAlignment(lastText) ||\n          getClosestContentEditable(lastText) !== null)\n      ) {\n        return { node: lastText, offset: lastText.nodeValue.length - 1 };\n      }\n    }\n  }\n\n  // Keep visible separator text nodes as valid backward step targets so\n  // Shift+Arrow does not jump directly into the previous spinbutton.\n  let prev: Node | null = previousTextNode(root, node);\n  if (\n    isExpressionNode(node) &&\n    prev &&\n    getClosestContentEditable(prev) === null\n  ) {\n    const previousEditableNode: Node | null = previousTextNode(root, prev);\n    if (isExpressionNode(previousEditableNode)) {\n      prev = previousEditableNode;\n    }\n  }\n  if (!prev || prev.nodeValue === null) {\n    return null;\n  }\n\n  return { node: prev, offset: prev.nodeValue.length - 1 };\n}\n\n/** Helper to find the first textNode to apply selection */\nfunction findFirstCharacterPosition(\n  root: HTMLElement,\n): { node: Node; offset: number } | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n  let current = walker.firstChild();\n  while (current !== null) {\n    // Skip hidden text nodes (e.g. relative date expression values when in absolute mode).\n    if (checkIfValueTypeAlignment(current)) {\n      return { node: current, offset: 0 };\n    }\n    current = walker.nextNode();\n  }\n  return null;\n}\n\n/** Helper to find the last textNode to apply selection */\nfunction findLastCharacterPosition(\n  root: HTMLElement,\n): { node: Node; offset: number } | null {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);\n  let current = walker.lastChild();\n  while (current !== null) {\n    // Skip hidden text nodes (e.g. relative date expression values when in absolute mode).\n    if (checkIfValueTypeAlignment(current)) {\n      return { node: current, offset: current.nodeValue?.length ?? 0 };\n    }\n    current = walker.previousNode();\n  }\n  return null;\n}\n\nfunction compareSelectionPoints(\n  firstNode: Node,\n  firstOffset: number,\n  secondNode: Node,\n  secondOffset: number,\n): number {\n  if (firstNode === secondNode) {\n    return firstOffset - secondOffset;\n  }\n\n  const firstRange = document.createRange();\n  firstRange.setStart(firstNode, firstOffset);\n  firstRange.collapse(true);\n\n  const secondRange = document.createRange();\n  secondRange.setStart(secondNode, secondOffset);\n  secondRange.collapse(true);\n\n  return firstRange.compareBoundaryPoints(Range.START_TO_START, secondRange);\n}\n\nfunction selectionOverlapsSpinButton(\n  selectionStartNode: Node,\n  selectionStartOffset: number,\n  selectionEndNode: Node,\n  selectionEndOffset: number,\n  spinButton: HTMLElement,\n): boolean {\n  const spinButtonStart = findFirstCharacterPosition(spinButton);\n  const spinButtonEnd = findLastCharacterPosition(spinButton);\n\n  if (!spinButtonStart || !spinButtonEnd) {\n    return false;\n  }\n\n  return (\n    compareSelectionPoints(\n      selectionStartNode,\n      selectionStartOffset,\n      spinButtonEnd.node,\n      spinButtonEnd.offset,\n    ) < 0 &&\n    compareSelectionPoints(\n      selectionEndNode,\n      selectionEndOffset,\n      spinButtonStart.node,\n      spinButtonStart.offset,\n    ) > 0\n  );\n}\n\n/**\n * Helper function that removes the contenteditable attributes for selection manipulation\n * @param rootElement - Must contain all contenteditable children.\n * @param removeEventTarget - Where to bind the inverese event listener to\n * @param eventType - Inverse event type, when should the contenteditable attribute be added back\n * @param customRemovalFn - Called when the inverse event fires in order to execute custom logic.\n *\n * @internal\n */\nexport function removeContentEditable(\n  rootElement: HTMLElement,\n  removeEventTarget: Document | HTMLElement,\n  eventType: 'mouseup' | 'keyup',\n  customRemovalFn?: (event: Event, hasMultiElementSelection: boolean) => void,\n): void {\n  // Guard against focus-side effects (e.g. spinbutton onFocus selectAll)\n  // while cross-element selection is restored.\n  rootElement.setAttribute('data-restoring-selection', '');\n\n  const contentEditables =\n    rootElement.querySelectorAll<HTMLElement>('[contenteditable]');\n  for (const editable of contentEditables) {\n    const previousValue = editable.getAttribute('contenteditable') ?? undefined;\n    editable.removeAttribute('contenteditable');\n    editable.dataset.wascontenteditable = previousValue;\n\n    // Also temporarily remove tabIndex so the element isn't focusable during\n    // the drag. Without this, the browser auto-focuses the first spin button\n    // on mousedown when the component didn't have focus before, which disrupts\n    // drag-select across multiple elements.\n    if (editable.hasAttribute('tabindex')) {\n      editable.dataset.wastabindex = editable.getAttribute('tabindex') ?? '';\n      editable.removeAttribute('tabindex');\n    }\n  }\n\n  const signal = new AbortController();\n\n  removeEventTarget.addEventListener(\n    eventType,\n    (event: Event) => {\n      const wasContentEditables = rootElement.querySelectorAll<HTMLElement>(\n        '[data-wascontenteditable]',\n      );\n\n      // Snapshot the selection BEFORE restoring contentEditable. Firefox\n      // discards the cross-element drag selection when contentEditable is added\n      // back, so we must capture it here while it is still intact.\n      const selectionBeforeRestore = window.getSelection();\n      const snapshotAnchorNode = selectionBeforeRestore?.anchorNode ?? null;\n      const snapshotAnchorOffset = selectionBeforeRestore?.anchorOffset ?? 0;\n      const snapshotFocusNode = selectionBeforeRestore?.focusNode ?? null;\n      const snapshotFocusOffset = selectionBeforeRestore?.focusOffset ?? 0;\n\n      const hasMultiElementSelection =\n        selectionBeforeRestore !== null &&\n        selectionBeforeRestore.toString().length > 0 &&\n        (snapshotAnchorNode !== snapshotFocusNode ||\n          (snapshotAnchorNode !== null &&\n            snapshotAnchorNode === snapshotFocusNode &&\n            snapshotAnchorOffset !== snapshotFocusOffset &&\n            snapshotAnchorNode?.nodeType === Node.ELEMENT_NODE));\n\n      for (const editable of wasContentEditables) {\n        const previousValue = editable.getAttribute('data-wascontenteditable');\n        if (previousValue !== null) {\n          editable.setAttribute('contenteditable', previousValue);\n        }\n        editable.removeAttribute('data-wascontenteditable');\n\n        const wasTabIndex = editable.getAttribute('data-wastabindex');\n        if (wasTabIndex !== null) {\n          editable.setAttribute('tabindex', wasTabIndex);\n          editable.removeAttribute('data-wastabindex');\n        }\n      }\n\n      // Firefox discards the drag selection when contentEditable is added back, so we\n      // re-apply it using the snapshot taken before the restoration loop. We do NOT call\n      // focus() here \u2014 no spin button should be focused after a drag-select, so all\n      // fields render with consistent selection height in Firefox.\n      // ArrowUp/Down after a drag is handled by the container's onKeyDown which forwards\n      // to the anchor spin button on demand.\n      if (hasMultiElementSelection && snapshotAnchorNode && snapshotFocusNode) {\n        // Check if endpoints are truly inside spinbutton content (not on boundaries/separators)\n        const anchorNodeWasInContent = isEndpointInsideSpinButtonContent(\n          snapshotAnchorNode,\n          snapshotAnchorOffset,\n        );\n        const focusNodeWasInContent = isEndpointInsideSpinButtonContent(\n          snapshotFocusNode,\n          snapshotFocusOffset,\n        );\n\n        // Only resolve to spinbuttons and snap boundaries if endpoints were inside content\n        const anchorSpinButton = anchorNodeWasInContent\n          ? resolveSpinButton(snapshotAnchorNode, rootElement)\n          : null;\n        const focusSpinButton = focusNodeWasInContent\n          ? resolveSpinButton(snapshotFocusNode, rootElement)\n          : null;\n\n        const anchorBeforeFocus =\n          compareSelectionPoints(\n            snapshotAnchorNode,\n            snapshotAnchorOffset,\n            snapshotFocusNode,\n            snapshotFocusOffset,\n          ) <= 0;\n\n        const anchorPos =\n          anchorSpinButton &&\n          anchorSpinButton.getAttribute('role') === 'spinbutton'\n            ? anchorBeforeFocus\n              ? findFirstCharacterPosition(anchorSpinButton)\n              : findLastCharacterPosition(anchorSpinButton)\n            : { node: snapshotAnchorNode, offset: snapshotAnchorOffset };\n        const focusPos =\n          focusSpinButton &&\n          focusSpinButton.getAttribute('role') === 'spinbutton'\n            ? anchorBeforeFocus\n              ? findLastCharacterPosition(focusSpinButton)\n              : findFirstCharacterPosition(focusSpinButton)\n            : { node: snapshotFocusNode, offset: snapshotFocusOffset };\n\n        if (anchorPos && focusPos) {\n          try {\n            window\n              .getSelection()\n              ?.setBaseAndExtent(\n                anchorPos.node,\n                anchorPos.offset,\n                focusPos.node,\n                focusPos.offset,\n              );\n          } catch (error) {\n            const logger = getStratoLogger('DateTimeRangePicker');\n            logger.warn(\n              'setBaseAndExtent failed when restoring drag selection',\n              error,\n            );\n          }\n        }\n      } else {\n        // Single-element selection: restore the exact position. setBaseAndExtent is safe\n        // here because anchor and focus are within the same contenteditable element.\n        if (snapshotAnchorNode && snapshotFocusNode) {\n          try {\n            window\n              .getSelection()\n              ?.setBaseAndExtent(\n                snapshotAnchorNode,\n                snapshotAnchorOffset,\n                snapshotFocusNode,\n                snapshotFocusOffset,\n              );\n          } catch (error) {\n            const logger = getStratoLogger('DateTimeRangePicker');\n            logger.warn(\n              'setBaseAndExtent failed when restoring single-element selection',\n              error,\n            );\n          }\n        }\n      }\n\n      customRemovalFn?.(event, hasMultiElementSelection);\n\n      rootElement.removeAttribute('data-restoring-selection');\n\n      signal.abort();\n    },\n    { signal: signal.signal },\n  );\n}\n\n/**\n * Helper function that allows to move the selection further on a character basis or\n * to the start / end of the TFS.\n * @param key - Provides the key which allows to extend the selection in the correct direction.\n * @internal\n */\nexport function extendSelection(\n  key: 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End',\n): void {\n  const selection = window.getSelection();\n  if (\n    selection === null ||\n    selection.anchorNode === null ||\n    selection.focusNode === null ||\n    selection.rangeCount < 1\n  ) {\n    return;\n  }\n\n  const anchorNode = selection.anchorNode;\n  const anchorOffset = selection.anchorOffset;\n  const focusNode = selection.focusNode;\n  const focusOffset = selection.focusOffset;\n\n  let nextPos: { node: Node; offset: number } | null = null;\n\n  const root =\n    focusNode.parentElement?.closest<HTMLDivElement>('.strato-inputgroup');\n  if (root === null || root === undefined) {\n    return;\n  }\n\n  if (key === 'ArrowLeft') {\n    nextPos = findPreviousCharacterPosition(root, focusNode, focusOffset);\n  } else if (key === 'ArrowRight') {\n    nextPos = findNextCharacterPosition(root, focusNode, focusOffset);\n  } else if (key === 'Home') {\n    nextPos = findFirstCharacterPosition(root);\n  } else if (key === 'End') {\n    nextPos = findLastCharacterPosition(root);\n  }\n  if (nextPos) {\n    // Use setBaseAndExtent instead of selection.extend() so the new focus\n    // endpoint can cross contenteditable boundaries in Chrome without needing\n    // to temporarily strip the contenteditable attribute.\n    // Guard with data-restoring-selection so that Chrome's implicit auto-focus\n    // of the anchor spinbutton during setBaseAndExtent does not trigger\n    // selectAll() via onFocus.\n    root.setAttribute('data-restoring-selection', '');\n    try {\n      selection.setBaseAndExtent(\n        anchorNode,\n        anchorOffset,\n        nextPos.node,\n        nextPos.offset,\n      );\n    } catch (error) {\n      const logger = getStratoLogger('DateTimeRangePicker');\n      logger.warn('setBaseAndExtent failed when extending selection', error);\n    }\n    root.removeAttribute('data-restoring-selection');\n    // Mark the container so CSS can suppress the spin-button :focus background\n    // while a Shift+Arrow selection is active. The attribute is cleared in\n    // onFocus when the user re-engages with a spin button via normal interaction\n    // (i.e. when selectAll() is about to be called).\n    root.setAttribute('data-shift-selection', '');\n  }\n}\n\n/**\n * Helper function that allows to expand the selection to the entire range.\n * @internal\n */\nexport function extendSelectionToAll(): void {\n  const selection = window.getSelection();\n  if (\n    selection === null ||\n    selection.focusNode === null ||\n    selection.rangeCount < 1\n  ) {\n    return;\n  }\n\n  const focusNode = selection.focusNode;\n\n  const root =\n    focusNode.parentElement?.closest<HTMLDivElement>('.strato-inputgroup');\n  if (root === null || root === undefined) {\n    return;\n  }\n\n  // Focus the container (not a spin button) so that no spin button receives the :focus background style for consistent\n  // selection height across all fields. In Chrome, setBaseAndExtent implicitly moves focus to the anchor spin button; the\n  // data-restoring-selection guard ensures onFocus skips selectAll() to avoid collapsing the selection to only the first\n  // spin button.\n  // ArrowUp/Down in Firefox is handled by the container's onKeyDown intercept,\n  // same as after a drag-select.\n  root.setAttribute('data-restoring-selection', '');\n  root.focus();\n\n  const firstPosition = findFirstCharacterPosition(root);\n  const lastPosition = findLastCharacterPosition(root);\n\n  if (!firstPosition || !lastPosition) {\n    root.removeAttribute('data-restoring-selection');\n    return;\n  }\n\n  try {\n    selection.setBaseAndExtent(\n      firstPosition.node,\n      firstPosition.offset,\n      lastPosition.node,\n      lastPosition.offset,\n    );\n  } catch (error) {\n    const logger = getStratoLogger('DateTimeRangePicker');\n    logger.warn(\n      'setBaseAndExtent failed when extending selection to all',\n      error,\n    );\n  }\n  root.removeAttribute('data-restoring-selection');\n}\n\n// Matches spinbuttons both in their normal state ([contenteditable]) and while\n// contenteditable is temporarily stripped during drag/key operations\n// ([data-wascontenteditable]).\nconst SPIN_BUTTON_SELECTOR = '[contenteditable], [data-wascontenteditable]';\n\nfunction getClosestContentEditable(node: Node): HTMLElement | null {\n  return node.nodeType === Node.TEXT_NODE\n    ? (node as Text).parentElement?.closest<HTMLElement>(\n        SPIN_BUTTON_SELECTOR,\n      ) ?? null\n    : (node as Element).closest?.(SPIN_BUTTON_SELECTOR) ?? null;\n}\n\nfunction isExpressionNode(node: Node | null): boolean {\n  return (\n    node !== null &&\n    getClosestContentEditable(node)?.getAttribute('role') === 'textbox'\n  );\n}\n\n/**\n * Resolve a selection endpoint node to its containing spinbutton or, when the\n * endpoint lies on a separator between spinbuttons, to the nearest spinbutton.\n * Uses `[data-wascontenteditable]` to identify spinbuttons while contenteditable\n * is temporarily stripped during the drag, and falls back to the restored\n * `[contenteditable]` attribute afterwards.\n */\nfunction resolveSpinButton(node: Node, root: HTMLElement): HTMLElement | null {\n  // Happy path: the node is inside a spinbutton.\n  const direct = getClosestContentEditable(node);\n  if (direct !== null) {\n    return direct;\n  }\n\n  // Separator node: find the nearest preceding spinbutton in document order.\n  return getNearestPrecedingSpinButton(node, root);\n}\n\n/**\n * When a drag ends on a separator (e.g. \"/\" or \".\"), the selection endpoint is\n * outside any spinbutton. Walk the contenteditable spinbuttons in document order\n * and return the one that immediately precedes the given node in document order.\n * Falls back to the first spinbutton when the node comes before all of them.\n */\nfunction getNearestPrecedingSpinButton(\n  node: Node,\n  root: HTMLElement,\n): HTMLElement | null {\n  const spinButtons = Array.from(\n    root.querySelectorAll<HTMLElement>(SPIN_BUTTON_SELECTOR),\n  );\n  if (spinButtons.length === 0) {\n    return null;\n  }\n\n  let nearest: HTMLElement | null = null;\n  for (const spinButton of spinButtons) {\n    /*\n     * compareDocumentPosition returns a bitmask that may vary depending on the browser and where the node lies\n     * in the document; the bitwise & extracts the FOLLOWING bit regardless of other bits that may also be set.\n     * e.g.:\n         0b000100  FOLLOWING\n       | 0b010000  CONTAINED_BY\n       ----------\n         0b010100  FOLLOWING | CONTAINED_BY (returned by  compareDocumentPosition when node is a child of the spinButton)\n\n      - node strictly after spinButton:\n          0b000100  FOLLOWING\n        & 0b000100\n        ----------\n          0b000100  \u2713\n\n      - node is a child of spinButton:\n          0b010100  CONTAINED_BY | FOLLOWING\n        & 0b000100\n        ----------\n          0b000100  \u2713\n\n      - node strictly before spinButton:\n          0b000010  PRECEDING\n        & 0b000100\n        ----------\n          0b000000  \u2717\n     */\n    const position = spinButton.compareDocumentPosition(node);\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n      nearest = spinButton;\n    }\n  }\n\n  // If node precedes all spinbuttons, return the first one\n  return nearest ?? spinButtons[0] ?? null;\n}\n\n/**\n * Determines whether a captured endpoint is truly inside spinbutton content.\n * Separator nodes and caret positions at spinbutton edges must preserve their\n * exact boundary instead of snapping to the whole spinbutton.\n */\nfunction isEndpointInsideSpinButtonContent(\n  node: Node,\n  offset: number,\n): boolean {\n  const closest = getClosestContentEditable(node);\n  if (!closest || closest.getAttribute('role') !== 'spinbutton') {\n    return false;\n  }\n\n  const firstChild = closest.childNodes[0] ?? null;\n  const leadingTextNode =\n    firstChild?.nodeType === Node.TEXT_NODE\n      ? firstChild\n      : firstChild?.firstChild?.nodeType === Node.TEXT_NODE\n      ? firstChild.firstChild\n      : null;\n  const isLeadingContentNode =\n    node === firstChild ||\n    node === leadingTextNode ||\n    (node instanceof Element &&\n      leadingTextNode !== null &&\n      node.contains(leadingTextNode)) ||\n    (node.nodeType === Node.TEXT_NODE &&\n      firstChild instanceof Element &&\n      firstChild.contains(node));\n  const nodeLength =\n    node.nodeType === Node.TEXT_NODE\n      ? node.nodeValue?.length ?? 0\n      : node.textContent?.length ?? 0;\n  const isBoundaryOffset = offset === 0 || offset === nodeLength;\n\n  return !(isLeadingContentNode && isBoundaryOffset);\n}\n\n/**\n * One entry in a spin-button undo snapshot.\n * Uses a stable inputRef + Map key pair instead of a direct handler reference\n * so that the undo step always resolves the *current* (post-re-render) handler.\n * @internal\n */\nexport type SpinButtonSnapshotEntry = {\n  inputRef: RefObject<DateTimeInputRef>;\n  key: Intl.DateTimeFormatPartTypes;\n  previousText: string | null;\n};\n\ntype Entry = {\n  inputRef: RefObject<DateTimeInputRef>;\n  key: Intl.DateTimeFormatPartTypes;\n  element: HTMLSpanElement;\n};\n\n/**\n * Inspects the spin buttons of the supplied inputs and returns a snapshot for\n * every spin button whose content overlaps the selected range.\n *\n * The snapshot captures the current `textContent` of each covered element so\n * it can later be passed to.\n * @internal\n */\nexport function buildSpinButtonSnapshot(\n  anchorNode: Node | null,\n  anchorOffset: number,\n  focusNode: Node | null,\n  focusOffset: number,\n  inputRefs: RefObject<DateTimeInputRef>[],\n): SpinButtonSnapshotEntry[] {\n  if (!anchorNode || !focusNode) {\n    return [];\n  }\n\n  const anchorBeforeFocus =\n    compareSelectionPoints(anchorNode, anchorOffset, focusNode, focusOffset) <=\n    0;\n  const selectionStartNode = anchorBeforeFocus ? anchorNode : focusNode;\n  const selectionStartOffset = anchorBeforeFocus ? anchorOffset : focusOffset;\n  const selectionEndNode = anchorBeforeFocus ? focusNode : anchorNode;\n  const selectionEndOffset = anchorBeforeFocus ? focusOffset : anchorOffset;\n\n  const entries: Entry[] = [];\n  for (const inputRef of inputRefs) {\n    if (!inputRef.current) {\n      continue;\n    }\n\n    for (const [\n      key,\n      handler,\n    ] of inputRef.current.spinButtonHandlers.entries()) {\n      const el = handler?.element.current;\n      if (el) {\n        entries.push({ inputRef, key, element: el });\n      }\n    }\n  }\n\n  return entries\n    .filter(({ element }) =>\n      selectionOverlapsSpinButton(\n        selectionStartNode,\n        selectionStartOffset,\n        selectionEndNode,\n        selectionEndOffset,\n        element,\n      ),\n    )\n    .map(({ inputRef, key, element }) => ({\n      inputRef,\n      key,\n      previousText: element.textContent ?? null,\n    }));\n}\n\n/**\n * Restores spin-button values from a previously captured snapshot.\n * For each entry the current handler is resolved via the stable `inputRef` +\n * Map key, so stale handler references from before a React re-render are never\n * used.\n * @internal\n */\nexport function restoreSpinButtonSnapshot(\n  snapshot: SpinButtonSnapshotEntry[],\n): void {\n  for (const { inputRef, key, previousText } of snapshot) {\n    const handler = inputRef.current?.spinButtonHandlers.get(key);\n    if (!handler) {\n      continue;\n    }\n\n    if (handler.type === 'number') {\n      // applyText updates DOM, internal state, and fires onChange atomically.\n      handler.applyText(previousText ?? '', true);\n    } else if (previousText !== null && previousText.length > 0) {\n      // Write to DOM immediately to avoid a visual flash before re-render.\n      if (handler.element.current) {\n        handler.element.current.textContent = previousText;\n      }\n      // searchValue updates internal state and fires onChange.\n      handler.searchValue(previousText.charAt(0), true);\n    } else {\n      handler.clearValue(true);\n    }\n  }\n}\n\n/**\n * After a bulk-clear, determines the expression value to apply for each affected input:\n * - **0 survivors** (all spin buttons cleared): resets the input to an empty expression (`\"\"`).\n * - **1 survivor** (exactly one spin button was outside the selection): carries its value\n *   into expression mode via `setExpressionValue` rather than leaving a partial date.\n * - **2+ survivors** (partial deletion): leaves the remaining spin buttons as-is.\n *\n * **Must be called BEFORE the clear loop** so that textContent is read while\n * the DOM is still intact (TextSpinButton clears its DOM only on next render).\n * Returns a Map of inputRef \u2192 expression text for every input that qualifies.\n * After clearing, iterate the map and call `inputRef.current.setExpressionValue(text)`.\n * @internal\n */\nexport function findExpressionFallbacks(\n  snapshot: SpinButtonSnapshotEntry[],\n): Map<RefObject<DateTimeInputRef>, string> {\n  const result = new Map<RefObject<DateTimeInputRef>, string>();\n\n  for (const inputRef of new Set(snapshot.map((e) => e.inputRef))) {\n    if (!inputRef.current) {\n      continue;\n    }\n\n    const clearedKeys = new Set(\n      snapshot.filter((e) => e.inputRef === inputRef).map((e) => e.key),\n    );\n\n    // Collect the spin buttons that were NOT part of the deletion.\n    const survivors = [...inputRef.current.spinButtonHandlers.entries()].filter(\n      ([key]) => !clearedKeys.has(key),\n    );\n\n    if (survivors.length === 0) {\n      // Everything was cleared \u2014 reset the input to an empty expression.\n      result.set(inputRef, '');\n    } else if (survivors.length === 1) {\n      // Exactly one spin button survived \u2014 carry its value into expression mode.\n      const [, handler] = survivors[0];\n      const text = handler?.element.current?.textContent ?? '';\n      if (text.length > 0) {\n        result.set(inputRef, text);\n      }\n    }\n    // 2+ survivors: partial deletion within the input, leave the spin buttons as-is.\n  }\n\n  return result;\n}\n\n/** Returns the spin-button handler for the first entry in a snapshot, or `undefined`.\n * Returns `undefined` when that entry is the first or second spin button in its\n * group \u2014 in those cases callers should fall back to expression-input focus.\n * @internal\n */\nexport function getFirstSnapshotHandler(snapshot: SpinButtonSnapshotEntry[]) {\n  const first = snapshot[0];\n  if (!first) {\n    return undefined;\n  }\n  const spinButtonHandlers = first.inputRef.current?.spinButtonHandlers;\n  if (!spinButtonHandlers) {\n    return undefined;\n  }\n\n  // Count only entries belonging to the first inputRef so that a snapshot\n  // spanning two inputs does not inflate the count and return a wrong result.\n  const clearedInFirstInput = snapshot.filter(\n    (e) => e.inputRef === first.inputRef,\n  ).length;\n  // It switches to relative input either when everything is cleared or when only the first spinbutton remains.\n  const switchedToRelative = clearedInFirstInput >= spinButtonHandlers.size - 1;\n\n  if (switchedToRelative) {\n    return undefined;\n  }\n\n  return spinButtonHandlers.get(first.key);\n}\n\n/** Returns the spin-button handler for the last entry in a snapshot, or `undefined`.\n * Returns `undefined` when the last input's cleared count means it switched to\n * relative mode \u2014 callers should fall back to expression-input focus in that case.\n * @internal\n */\nexport function getLastSnapshotHandler(snapshot: SpinButtonSnapshotEntry[]) {\n  const last = snapshot[snapshot.length - 1];\n  if (!last) {\n    return undefined;\n  }\n  const spinButtonHandlers = last.inputRef.current?.spinButtonHandlers;\n  if (!spinButtonHandlers) {\n    return undefined;\n  }\n\n  // Count only entries belonging to the last inputRef so that a snapshot\n  // spanning two inputs does not inflate the count and return a wrong result.\n  const clearedInLastInput = snapshot.filter(\n    (e) => e.inputRef === last.inputRef,\n  ).length;\n  // It switches to relative input either when everything is cleared or when only the first spinbutton remains.\n  const switchedToRelative = clearedInLastInput >= spinButtonHandlers.size - 1;\n\n  if (switchedToRelative) {\n    return undefined;\n  }\n\n  return spinButtonHandlers.get(last.key);\n}\n\n/**\n * Returns the first ref in `inputRefs` order that has an expression input to\n * focus after a bulk clear, considering both directly cleared expression inputs\n * and inputs that transitioned to expression mode via expressionFallbacks.\n * Using `inputRefs` order ensures focus lands on the leftmost affected input\n * even when the selection's anchor is in an already-empty expression input.\n * @internal\n */\nexport function findFirstExpressionFocusTarget(\n  inputRefs: RefObject<DateTimeInputRef>[],\n  affectedExpressionRefs: RefObject<DateTimeInputRef>[],\n  expressionFallbacks: Map<RefObject<DateTimeInputRef>, string>,\n): RefObject<DateTimeInputRef> | undefined {\n  const allAffected = new Set<RefObject<DateTimeInputRef>>([\n    ...affectedExpressionRefs,\n    ...expressionFallbacks.keys(),\n  ]);\n  return inputRefs.find((ref) => allAffected.has(ref));\n}\n\n/**\n * Returns the expression input element when the selection is non-collapsed but\n * covers only part of the text within a single expression input. In that case\n * the caller should handle the deletion explicitly rather than relying on the\n * bulk-clear path or native browser behaviour.\n * Returns null when the selection is not a partial single-expression selection.\n * @internal\n */\nexport function getPartialExpressionElement(\n  selection: Selection,\n  inputRefs: RefObject<DateTimeInputRef>[],\n): HTMLSpanElement | null {\n  for (const ref of inputRefs) {\n    const expressionElement = ref.current?.expressionInputRef;\n    if (\n      expressionElement &&\n      expressionElement.contains(selection.anchorNode) &&\n      expressionElement.contains(selection.focusNode) &&\n      selection.toString().length < (expressionElement.textContent?.length ?? 0)\n    ) {\n      return expressionElement;\n    }\n  }\n  return null;\n}\n\n/**\n * Returns expression boundaries touched by the current selection.\n * - Two different expressions: `[firstExpressionElement, lastExpressionElement]` in document order.\n * - Mixed boundary (one expression + one non-expression boundary): `[expressionElement, expressionElement]`.\n * - Otherwise: `null`.\n * @internal\n */\nexport function getCrossExpressionElements(\n  selection: Selection,\n  inputRefs: RefObject<DateTimeInputRef>[],\n): [HTMLSpanElement, HTMLSpanElement] | null {\n  if (selection.rangeCount < 1) {\n    return null;\n  }\n\n  const range = selection.getRangeAt(0);\n  const startEl = inputRefs.find((ref) =>\n    ref.current?.expressionInputRef?.contains(range.startContainer),\n  )?.current?.expressionInputRef;\n  const endEl = inputRefs.find((ref) =>\n    ref.current?.expressionInputRef?.contains(range.endContainer),\n  )?.current?.expressionInputRef;\n\n  if (!startEl && !endEl) {\n    return null;\n  }\n\n  if (startEl && !endEl) {\n    return [startEl, startEl];\n  }\n  if (!startEl && endEl) {\n    return [endEl, endEl];\n  }\n\n  if (!startEl || !endEl) {\n    return null;\n  }\n\n  // A selection fully inside one expression is handled by the existing\n  // single-expression paths (partial deletion or full bulk clear).\n  if (startEl === endEl) {\n    return null;\n  }\n\n  // Return in document order.\n  const startFirst = !!(\n    startEl.compareDocumentPosition(endEl) & Node.DOCUMENT_POSITION_FOLLOWING\n  );\n  return startFirst ? [startEl, endEl] : [endEl, startEl];\n}\n\n/**\n * Focuses an expression element and places the cursor at the given range,\n * or at the end of the element when no range is provided.\n * The data-restoring-selection guard tells the focus handler to skip selectAll().\n * @internal\n */\nexport function focusExpression(\n  expressionElement: HTMLSpanElement,\n  range?: Range,\n): void {\n  const root = expressionElement.closest<HTMLElement>('.strato-inputgroup');\n  root?.setAttribute('data-restoring-selection', '');\n  expressionElement.focus();\n  const sel = window.getSelection();\n  if (sel) {\n    if (!range) {\n      range = document.createRange();\n      range.selectNodeContents(expressionElement);\n      range.collapse(false);\n    }\n    sel.removeAllRanges();\n    sel.addRange(range);\n  }\n  root?.removeAttribute('data-restoring-selection');\n}\n\nfunction getOffsetWithinExpression(\n  expressionElement: HTMLSpanElement,\n  container: Node,\n  offset: number,\n): number {\n  const range = document.createRange();\n  range.selectNodeContents(expressionElement);\n  range.setEnd(container, offset);\n  return range.toString().length;\n}\n\n/**\n * Deletes the selected range within a single expression input, collapses the\n * cursor to the deletion point, and fires an input event so the expression\n * handler can update React state.\n * @internal\n */\nexport function deletePartialExpression(\n  selection: Selection,\n  expressionElement: HTMLSpanElement,\n): void {\n  const range = selection.getRangeAt(0);\n  const text = expressionElement.textContent ?? '';\n\n  const start = expressionElement.contains(range.startContainer)\n    ? getOffsetWithinExpression(\n        expressionElement,\n        range.startContainer,\n        range.startOffset,\n      )\n    : 0;\n  const end = expressionElement.contains(range.endContainer)\n    ? getOffsetWithinExpression(\n        expressionElement,\n        range.endContainer,\n        range.endOffset,\n      )\n    : text.length;\n\n  const from = Math.min(start, end);\n  const to = Math.max(start, end);\n  const nextText = `${text.slice(0, from)}${text.slice(to)}`;\n  expressionElement.textContent = nextText;\n\n  const nextRange = document.createRange();\n  const node = expressionElement.firstChild;\n  if (node && node.nodeType === Node.TEXT_NODE) {\n    nextRange.setStart(node, Math.min(from, nextText.length));\n  } else {\n    nextRange.setStart(expressionElement, 0);\n  }\n  nextRange.collapse(true);\n\n  focusExpression(expressionElement, nextRange);\n  expressionElement.dispatchEvent(new InputEvent('input', { bubbles: true }));\n}\n\n/**\n * Plans a bulk clear operation by analyzing the current selection\n * and computing everything needed to clear affected spin buttons and expression inputs.\n * Must be called before any DOM writes so that textContent is still intact.\n * @internal\n */\nexport function planBulkClear(\n  selection: Selection,\n  inputRefs: RefObject<DateTimeInputRef>[],\n): {\n  snapshot: SpinButtonSnapshotEntry[];\n  affectedExpressionRefs: RefObject<DateTimeInputRef>[];\n  expressionFallbacks: Map<RefObject<DateTimeInputRef>, string>;\n  clearedExpressions: Array<{\n    inputRef: RefObject<DateTimeInputRef>;\n    previousText: string;\n  }>;\n} {\n  const affectedExpressionRefs = inputRefs.filter((ref) => {\n    const expressionInputRef = ref.current?.expressionInputRef;\n    return (\n      expressionInputRef &&\n      (expressionInputRef.contains(selection.anchorNode) ||\n        expressionInputRef.contains(selection.focusNode))\n    );\n  });\n\n  // Capture raw expression values before clearing (needed for undo).\n  // Use inputRef.value (raw expression, e.g. \"now()-2h\") rather than\n  // expressionInputRef.textContent (display text, e.g. \"-2h\") so that\n  // setExpressionValue can re-parse and reformat it correctly on undo.\n  const clearedExpressions = affectedExpressionRefs.map((ref) => ({\n    inputRef: ref,\n    previousText:\n      ref.current?.inputRef?.value ??\n      ref.current?.expressionInputRef?.textContent ??\n      '',\n  }));\n\n  const anchorInExpression = affectedExpressionRefs.some((ref) =>\n    ref.current?.expressionInputRef?.contains(selection.anchorNode),\n  );\n  const focusInExpression = affectedExpressionRefs.some((ref) =>\n    ref.current?.expressionInputRef?.contains(selection.focusNode),\n  );\n\n  // Skip buildSpinButtonSnapshot only when BOTH boundaries are inside expression inputs.\n  const snapshot =\n    anchorInExpression && focusInExpression\n      ? []\n      : buildSpinButtonSnapshot(\n          selection.anchorNode,\n          selection.anchorOffset,\n          selection.focusNode,\n          selection.focusOffset,\n          inputRefs,\n        );\n\n  return {\n    snapshot,\n    affectedExpressionRefs,\n    expressionFallbacks: findExpressionFallbacks(snapshot),\n    clearedExpressions,\n  };\n}\n\n/**\n * Deletes the selected portion across two expression inputs using two separate\n * single-element ranges. Using one cross-element range with deleteContents()\n * does not modify text inside contenteditable boundaries; splitting into two\n * intra-element ranges avoids that limitation entirely.\n * Focus is placed at the end of whatever text remains in the first expression.\n * @internal\n */\nexport function deleteCrossExpressionPartial(\n  selection: Selection,\n  [firstExpressionElement, lastExpressionElement]: [\n    HTMLSpanElement,\n    HTMLSpanElement,\n  ],\n): void {\n  if (firstExpressionElement === lastExpressionElement) {\n    deletePartialExpression(selection, firstExpressionElement);\n    return;\n  }\n\n  const { startContainer, startOffset, endContainer, endOffset } =\n    selection.getRangeAt(0);\n\n  // Delete from the selection start to the end of firstExpressionElement.\n  const fromRange = document.createRange();\n  fromRange.setStart(startContainer, startOffset);\n  fromRange.setEnd(\n    firstExpressionElement,\n    firstExpressionElement.childNodes.length,\n  );\n  fromRange.deleteContents();\n\n  // Delete from the start of lastExpressionElement to the selection end.\n  const toRange = document.createRange();\n  toRange.setStart(lastExpressionElement, 0);\n  toRange.setEnd(endContainer, endOffset);\n  toRange.deleteContents();\n\n  // Place cursor at the end of whatever text remains in the first expression.\n  selection.removeAllRanges();\n  focusExpression(firstExpressionElement);\n\n  firstExpressionElement.dispatchEvent(\n    new InputEvent('input', { bubbles: true }),\n  );\n  lastExpressionElement.dispatchEvent(\n    new InputEvent('input', { bubbles: true }),\n  );\n}\n\n/**\n * Returns the keyup callback passed to `removeContentEditable` after a\n * bulk-clear (cut or delete). Once the key is released and contenteditable\n * is restored, it decides where focus lands:\n * - If `firstElement` is `undefined` (the selection started at a leading spin\n *   button), focus the first affected expression input.\n * - Otherwise keep focus on that spin button.\n * @internal\n */\nexport function restoreFocusAfterBulkClear(\n  firstSpinButtonHandler: SpinButtonHandler | null | undefined,\n  focusTarget: RefObject<DateTimeInputRef> | undefined,\n) {\n  if (firstSpinButtonHandler) {\n    firstSpinButtonHandler.element.current?.focus();\n    firstSpinButtonHandler.selectAll();\n    return;\n  }\n\n  const expressionElement = focusTarget?.current?.expressionInputRef;\n  if (expressionElement) {\n    requestAnimationFrame(() => {\n      focusExpression(expressionElement);\n    });\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,12 +1,28 @@
 import {
-  useCallback
+  useCallback,
+  useRef
 } from "react";
+import { isExpressionTriggerKey } from "./expression-trigger-helpers.js";
+import { buildTimeframeClipboardText } from "./selection-copy-helpers.js";
 import {
   extendSelection,
   extendSelectionToAll,
-  removeContentEditable
+  removeContentEditable,
+  restoreSpinButtonSnapshot,
+  getFirstSnapshotHandler,
+  findFirstExpressionFocusTarget,
+  restoreFocusAfterBulkClear,
+  planBulkClear,
+  getPartialExpressionElement,
+  deletePartialExpression,
+  getCrossExpressionElements,
+  deleteCrossExpressionPartial,
+  getLastSnapshotHandler
 } from "./selection-helpers.js";
-function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput) {
+function getInputRefs(dateInputFromRef, dateInputToRef) {
+  return [dateInputFromRef, ...dateInputToRef ? [dateInputToRef] : []];
+}
+function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, dateInputFromRef, dateInputToRef) {
   const onMouseDown = useCallback(
     (event) => {
       if (event.button !== 0) {
@@ -20,10 +36,10 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput) {
           root,
           document,
           "mouseup",
-          (event2, hasMultiElementSelection) => {
-            if (!hasMultiElementSelection && event2.target instanceof HTMLElement && event2.target === triggerElement) {
-              if (event2.target.hasAttribute("contenteditable")) {
-                event2.target.focus();
+          (mouseUpEvent, hasMultiElementSelection) => {
+            if (!hasMultiElementSelection && mouseUpEvent.target instanceof HTMLElement && mouseUpEvent.target === triggerElement) {
+              if (mouseUpEvent.target.hasAttribute("contenteditable")) {
+                mouseUpEvent.target.focus();
               } else {
                 onFocusInput();
               }
@@ -34,13 +50,114 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput) {
     },
     [onFocusInput]
   );
+  const lastClearedSnapshotRef = useRef([]);
+  const lastClearedExpressionsRef = useRef([]);
   const onKeyDown = useCallback(
-    (event) => {
+    async (event) => {
       const hasModifierKey = event.metaKey === true || event.ctrlKey === true;
       if (event.key === "Shift" || event.key === "Control" || event.key === "Meta" || event.key === "Alt" || event.key === "Command") {
         event.preventDefault();
         return;
       }
+      function applyBulkClear(plan, selection) {
+        const {
+          snapshot,
+          affectedExpressionRefs,
+          expressionFallbacks,
+          clearedExpressions
+        } = plan;
+        lastClearedSnapshotRef.current = snapshot;
+        lastClearedExpressionsRef.current = clearedExpressions;
+        for (const { inputRef, key } of snapshot) {
+          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);
+        }
+        for (const [inputRef, text] of expressionFallbacks) {
+          inputRef.current?.setExpressionValue(text);
+        }
+        for (const ref of affectedExpressionRefs) {
+          ref.current?.setExpressionValue("");
+        }
+        selection.removeAllRanges();
+      }
+      function bulkClear(selection, direction2) {
+        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);
+        const partialExpressionElement = getPartialExpressionElement(
+          selection,
+          inputRefs
+        );
+        if (partialExpressionElement) {
+          onBeforeExpressionDelete([partialExpressionElement], inputRefs);
+          deletePartialExpression(selection, partialExpressionElement);
+          return;
+        }
+        const crossExpressionElements = getCrossExpressionElements(
+          selection,
+          inputRefs
+        );
+        if (crossExpressionElements) {
+          const isSameExpressionSelection = crossExpressionElements[0] === crossExpressionElements[1];
+          const expressionElementsForUndo = isSameExpressionSelection ? [crossExpressionElements[0]] : crossExpressionElements;
+          onBeforeExpressionDelete(expressionElementsForUndo, inputRefs);
+          const boundaryExpressionRef = isSameExpressionSelection ? inputRefs.find(
+            (inputRef) => inputRef.current?.expressionInputRef === crossExpressionElements[0]
+          ) : void 0;
+          const plan2 = planBulkClear(selection, inputRefs);
+          lastClearedSnapshotRef.current = plan2.snapshot;
+          lastClearedExpressionsRef.current = plan2.clearedExpressions;
+          const firstSpinButtonHandler = getFirstSnapshotHandler(plan2.snapshot);
+          const expressionFocusTarget2 = findFirstExpressionFocusTarget(
+            inputRefs,
+            plan2.affectedExpressionRefs,
+            plan2.expressionFallbacks
+          );
+          deleteCrossExpressionPartial(selection, crossExpressionElements);
+          for (const { inputRef, key } of plan2.snapshot) {
+            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);
+          }
+          for (const [inputRef, text] of plan2.expressionFallbacks) {
+            if (inputRef !== boundaryExpressionRef) {
+              inputRef.current?.setExpressionValue(text);
+            }
+          }
+          restoreFocusAfterBulkClear(
+            firstSpinButtonHandler,
+            expressionFocusTarget2
+          );
+          return;
+        }
+        const plan = planBulkClear(selection, inputRefs);
+        const nextFocusedElementHandler = direction2 === "backward" ? getFirstSnapshotHandler(plan.snapshot) : getLastSnapshotHandler(plan.snapshot);
+        const expressionFocusTarget = findFirstExpressionFocusTarget(
+          inputRefs,
+          plan.affectedExpressionRefs,
+          plan.expressionFallbacks
+        );
+        applyBulkClear(plan, selection);
+        restoreFocusAfterBulkClear(
+          nextFocusedElementHandler,
+          expressionFocusTarget
+        );
+      }
+      function onBeforeExpressionDelete(expressionElements, inputRefs) {
+        lastClearedSnapshotRef.current = [];
+        const expressionSnapshots = [];
+        for (const exprEl of expressionElements) {
+          let matchingRef;
+          for (const inputRef of inputRefs) {
+            if (inputRef.current?.expressionInputRef === exprEl) {
+              matchingRef = inputRef;
+              break;
+            }
+          }
+          if (matchingRef) {
+            expressionSnapshots.push({
+              inputRef: matchingRef,
+              previousText: matchingRef.current?.inputRef?.value ?? exprEl.textContent ?? ""
+            });
+          }
+        }
+        lastClearedExpressionsRef.current = expressionSnapshots;
+      }
       if (hasModifierKey && event.key === "a") {
         event.preventDefault();
         if (event.currentTarget instanceof HTMLElement) {
@@ -50,9 +167,110 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput) {
       }
       if (event.shiftKey === true && (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End")) {
         event.preventDefault();
-        extendSelection(event.key);
+        if (event.currentTarget instanceof HTMLElement) {
+          extendSelection(event.key);
+        }
         return;
       }
+      if (hasModifierKey && event.key === "z") {
+        const snapshot = lastClearedSnapshotRef.current;
+        const expressionEntries = lastClearedExpressionsRef.current;
+        if (snapshot.length === 0 && expressionEntries.length === 0) {
+          return;
+        }
+        event.preventDefault();
+        restoreSpinButtonSnapshot(snapshot);
+        lastClearedSnapshotRef.current = [];
+        for (const { inputRef, previousText } of expressionEntries) {
+          inputRef.current?.setExpressionValue(previousText);
+          inputRef.current?.validate();
+        }
+        lastClearedExpressionsRef.current = [];
+        if (snapshot.length > 0) {
+          getFirstSnapshotHandler(snapshot)?.element.current?.focus();
+        } else {
+          requestAnimationFrame(() => {
+            expressionEntries[0]?.inputRef.current?.expressionInputRef?.focus();
+          });
+        }
+        return;
+      }
+      const isCut = hasModifierKey && event.key === "x";
+      const isDelete = event.key === "Backspace" || event.key === "Delete";
+      const direction = isCut || event.key === "Backspace" ? "backward" : "forward";
+      if (isCut || isDelete) {
+        const selection = window.getSelection();
+        if (selection && !selection.isCollapsed) {
+          event.preventDefault();
+          const clipboardText = buildTimeframeClipboardText();
+          bulkClear(selection, direction);
+          if (isCut) {
+            if (clipboardText !== null) {
+              try {
+                await navigator.clipboard.writeText(clipboardText);
+              } catch {
+              }
+            }
+          }
+          return;
+        }
+      }
+      if (!hasModifierKey && !event.shiftKey && event.key.length === 1 && (isExpressionTriggerKey(event) || /^\d$/.test(event.key))) {
+        const selection = window.getSelection();
+        if (selection && !selection.isCollapsed && selection.anchorNode !== selection.focusNode) {
+          event.preventDefault();
+          const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);
+          const plan = planBulkClear(selection, inputRefs);
+          const firstEntry = plan.snapshot[0];
+          const firstKey = firstEntry ? [
+            ...firstEntry.inputRef.current?.spinButtonHandlers.keys() ?? []
+          ][0] : void 0;
+          const expressionModeWillSwitch = plan.expressionFallbacks.size > 0 && firstEntry?.key === firstKey;
+          if (expressionModeWillSwitch) {
+            const firstSpinButtonHandler = getFirstSnapshotHandler(
+              plan.snapshot
+            );
+            const expressionFocusTarget = findFirstExpressionFocusTarget(
+              inputRefs,
+              plan.affectedExpressionRefs,
+              plan.expressionFallbacks
+            );
+            applyBulkClear(plan, selection);
+            expressionFocusTarget?.current?.setExpressionValue(event.key);
+            restoreFocusAfterBulkClear(
+              firstSpinButtonHandler,
+              expressionFocusTarget
+            );
+            return;
+          }
+          lastClearedSnapshotRef.current = plan.snapshot;
+          lastClearedExpressionsRef.current = plan.clearedExpressions;
+          for (const { inputRef, key } of plan.snapshot) {
+            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);
+          }
+          selection.removeAllRanges();
+          const handler = firstEntry ? firstEntry.inputRef.current?.spinButtonHandlers.get(
+            firstEntry.key
+          ) : void 0;
+          if (handler) {
+            handler.element.current?.focus();
+            if (handler.type === "number") {
+              handler.applyText(event.key, true);
+              const newLength = handler.element.current?.textContent?.length ?? 0;
+              handler.setSelection({ start: newLength, end: newLength });
+            } else {
+              handler.element.current?.dispatchEvent(
+                new KeyboardEvent("keydown", {
+                  key: event.key,
+                  bubbles: true,
+                  cancelable: true
+                })
+              );
+            }
+          }
+          return;
+        }
+      }
       if (!event.shiftKey && !hasModifierKey && (event.key === "ArrowUp" || event.key === "ArrowDown") && event.target === touchedContainerRef.current) {
         const anchorSpinButton = getAnchorSpinButton();
         if (anchorSpinButton !== null) {
@@ -77,7 +295,7 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput) {
         }
       }
     },
-    [onFocusInput, touchedContainerRef]
+    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef]
   );
   return { onMouseDown, onKeyDown };
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/useSelectionInteractionHandlers.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n} from 'react';\n\nimport {\n  extendSelection,\n  extendSelectionToAll,\n  removeContentEditable,\n} from './selection-helpers.js';\n\n/**\n * Hook that provides interaction handlers for selection behavior in date/time pickers.\n * Manages mouse and keyboard interactions including text selection and focus management.\n *\n * @param touchedContainerRef - Reference to the container that should be checked when forwarding focus\n * @param onFocusInput - Callback to focus the appropriate input(s) when needed\n * @returns Object containing onMouseDown and onKeyDown event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement>,\n  onFocusInput: () => void,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n} {\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      window.getSelection()?.removeAllRanges();\n      const root: HTMLElement = event.currentTarget;\n      const triggerElement = event.target;\n      if (root) {\n        removeContentEditable(\n          root,\n          document,\n          'mouseup',\n          (event: Event, hasMultiElementSelection: boolean) => {\n            if (\n              !hasMultiElementSelection &&\n              event.target instanceof HTMLElement &&\n              event.target === triggerElement\n            ) {\n              // If the click landed on a contenteditable element (spin button\n              // or expression input), focus it directly. Otherwise the click\n              // was on the container or a non-interactive child, so forward\n              // focus to the first input.\n              if (event.target.hasAttribute('contenteditable')) {\n                event.target.focus();\n              } else {\n                onFocusInput();\n              }\n            }\n          },\n        );\n      }\n    },\n    [onFocusInput],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Accept either Meta (Mac Cmd) or Ctrl as the modifier key so that the\n      // handler works consistently across platforms and in automated test\n      // environments (e.g. Playwright's Chromium) where the userAgent may not\n      // reliably indicate the OS.\n      const hasModifierKey = event.metaKey === true || event.ctrlKey === true;\n\n      // If keydown event captures modifier keys by itself or a copy, do nothing\n      if (\n        event.key === 'Shift' ||\n        event.key === 'Control' ||\n        event.key === 'Meta' ||\n        event.key === 'Alt' ||\n        event.key === 'Command'\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      // Handle select all with Ctrl + A\n      if (hasModifierKey && event.key === 'a') {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // No need to remove contentEditable here: extendSelectionToAll explicitly focuses the first spin button\n          // and then sets the cross-element range with addRange, keeping the focus on the already focused spin button.\n          extendSelectionToAll();\n        }\n        return;\n      }\n\n      // Check if the selection should be expanded with Shift\n      if (\n        event.shiftKey === true &&\n        (event.key === 'ArrowLeft' ||\n          event.key === 'ArrowRight' ||\n          event.key === 'Home' ||\n          event.key === 'End')\n      ) {\n        event.preventDefault();\n        // extendSelection uses setBaseAndExtent internally, which can cross\n        // contenteditable boundaries without needing to strip the attribute.\n        // No removeContentEditable / focus manipulation is needed here.\n        extendSelection(event.key);\n        return;\n      }\n\n      // When the container itself has focus (post drag-select, no spin button focused),\n      // intercept ArrowUp / ArrowDown and forward them to the anchor spin button.\n      // This avoids the Firefox visual bug caused by focusing a spin button during\n      // drag-restore \u2014 no focus() is called there, so the container holds focus.\n      if (\n        !event.shiftKey &&\n        !hasModifierKey &&\n        (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n        event.target === touchedContainerRef.current\n      ) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          event.preventDefault();\n          // Focus the spin button. onFocus sees selectionSpansMultipleNodes = true\n          // (the cross-element range is still intact) and skips selectAll().\n          anchorSpinButton.focus();\n          // Dispatch a synthetic keydown to trigger useValueNavigation on the spin button.\n          anchorSpinButton.dispatchEvent(\n            new KeyboardEvent('keydown', {\n              key: event.key,\n              bubbles: true,\n              cancelable: true,\n            }),\n          );\n          return;\n        }\n      }\n\n      // Forward the focus when a key is pressed in this element.\n      // If the container has focus with an active selection (post Cmd+A or drag),\n      // forward to the anchor spin button so the key lands in the right field.\n      // Otherwise fall back to onFocusInput() which focuses the first input.\n      // Skip for modifier+key shortcuts (e.g. Cmd+C): focusing a spin button\n      // collapses Firefox's cross-element selection before the copy event fires.\n      if (event.target === touchedContainerRef.current && !hasModifierKey) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          anchorSpinButton.focus();\n        } else {\n          onFocusInput();\n        }\n      }\n    },\n    [onFocusInput, touchedContainerRef],\n  );\n\n  return { onMouseDown, onKeyDown };\n}\n\nfunction getAnchorSpinButton(): HTMLElement | null {\n  const anchorNode = window.getSelection()?.anchorNode ?? null;\n  if (anchorNode === null) {\n    return null;\n  }\n\n  return anchorNode.nodeType === Node.TEXT_NODE\n    ? (anchorNode as Text).parentElement?.closest<HTMLElement>(\n        '[contenteditable]',\n      ) ?? null\n    : (anchorNode as HTMLElement | null)?.closest?.('[contenteditable]') ??\n        null;\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYA,SAAS,gCACd,qBACA,cAIA;AACA,QAAM,cAAc;AAAA,IAClB,CAAC,UAA2C;AAC1C,UAAI,MAAM,WAAW,GAAG;AACtB;AAAA,MACF;AACA,aAAO,aAAa,GAAG,gBAAgB;AACvC,YAAM,OAAoB,MAAM;AAChC,YAAM,iBAAiB,MAAM;AAC7B,UAAI,MAAM;AACR;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA,CAACA,QAAc,6BAAsC;AACnD,gBACE,CAAC,4BACDA,OAAM,kBAAkB,eACxBA,OAAM,WAAW,gBACjB;AAKA,kBAAIA,OAAM,OAAO,aAAa,iBAAiB,GAAG;AAChD,gBAAAA,OAAM,OAAO,MAAM;AAAA,cACrB,OAAO;AACL,6BAAa;AAAA,cACf;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,UAA8C;AAK7C,YAAM,iBAAiB,MAAM,YAAY,QAAQ,MAAM,YAAY;AAGnE,UACE,MAAM,QAAQ,WACd,MAAM,QAAQ,aACd,MAAM,QAAQ,UACd,MAAM,QAAQ,SACd,MAAM,QAAQ,WACd;AACA,cAAM,eAAe;AACrB;AAAA,MACF;AAGA,UAAI,kBAAkB,MAAM,QAAQ,KAAK;AACvC,cAAM,eAAe;AACrB,YAAI,MAAM,yBAAyB,aAAa;AAG9C,+BAAqB;AAAA,QACvB;AACA;AAAA,MACF;AAGA,UACE,MAAM,aAAa,SAClB,MAAM,QAAQ,eACb,MAAM,QAAQ,gBACd,MAAM,QAAQ,UACd,MAAM,QAAQ,QAChB;AACA,cAAM,eAAe;AAIrB,wBAAgB,MAAM,GAAG;AACzB;AAAA,MACF;AAMA,UACE,CAAC,MAAM,YACP,CAAC,mBACA,MAAM,QAAQ,aAAa,MAAM,QAAQ,gBAC1C,MAAM,WAAW,oBAAoB,SACrC;AACA,cAAM,mBAAmB,oBAAoB;AAE7C,YAAI,qBAAqB,MAAM;AAC7B,gBAAM,eAAe;AAGrB,2BAAiB,MAAM;AAEvB,2BAAiB;AAAA,YACf,IAAI,cAAc,WAAW;AAAA,cAC3B,KAAK,MAAM;AAAA,cACX,SAAS;AAAA,cACT,YAAY;AAAA,YACd,CAAC;AAAA,UACH;AACA;AAAA,QACF;AAAA,MACF;AAQA,UAAI,MAAM,WAAW,oBAAoB,WAAW,CAAC,gBAAgB;AACnE,cAAM,mBAAmB,oBAAoB;AAE7C,YAAI,qBAAqB,MAAM;AAC7B,2BAAiB,MAAM;AAAA,QACzB,OAAO;AACL,uBAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,cAAc,mBAAmB;AAAA,EACpC;AAEA,SAAO,EAAE,aAAa,UAAU;AAClC;AAEA,SAAS,sBAA0C;AACjD,QAAM,aAAa,OAAO,aAAa,GAAG,cAAc;AACxD,MAAI,eAAe,MAAM;AACvB,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,aAAa,KAAK,YAC/B,WAAoB,eAAe;AAAA,IAClC;AAAA,EACF,KAAK,OACJ,YAAmC,UAAU,mBAAmB,KAC/D;AACR;",
-  "names": ["event"]
+  "sourcesContent": ["import {\n  useCallback,\n  useRef,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n} from 'react';\n\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { buildTimeframeClipboardText } from './selection-copy-helpers.js';\nimport {\n  extendSelection,\n  extendSelectionToAll,\n  removeContentEditable,\n  restoreSpinButtonSnapshot,\n  getFirstSnapshotHandler,\n  findFirstExpressionFocusTarget,\n  restoreFocusAfterBulkClear,\n  planBulkClear,\n  getPartialExpressionElement,\n  deletePartialExpression,\n  getCrossExpressionElements,\n  deleteCrossExpressionPartial,\n  type SpinButtonSnapshotEntry,\n  getLastSnapshotHandler,\n} from './selection-helpers.js';\nimport type { DateTimeInputRef } from './types.js';\n\n/**\n * Builds an array of input references from the given refs.\n * @internal\n */\nfunction getInputRefs(\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): RefObject<DateTimeInputRef>[] {\n  return [dateInputFromRef, ...(dateInputToRef ? [dateInputToRef] : [])];\n}\n\n/**\n * Hook that provides interaction handlers for selection behavior in date/time pickers.\n * Manages mouse and keyboard interactions including text selection and focus management.\n *\n * @param touchedContainerRef - Reference to the container that should be checked when forwarding focus\n * @param onFocusInput - Callback to focus the appropriate input(s) when needed\n * @param dateInputFromRef - Reference to the \"from\" DateTimeInput imperative handle\n * @param dateInputToRef - Reference to the optional \"to\" DateTimeInput imperative handle\n * @returns Object containing onMouseDown and onKeyDown event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n} {\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      window.getSelection()?.removeAllRanges();\n      const root: HTMLElement = event.currentTarget;\n      const triggerElement = event.target;\n      if (root) {\n        removeContentEditable(\n          root,\n          document,\n          'mouseup',\n          (mouseUpEvent: Event, hasMultiElementSelection: boolean) => {\n            if (\n              !hasMultiElementSelection &&\n              mouseUpEvent.target instanceof HTMLElement &&\n              mouseUpEvent.target === triggerElement\n            ) {\n              // If the click landed on a contenteditable element (spin button\n              // or expression input), focus it directly. Otherwise the click\n              // was on the container or a non-interactive child, so forward\n              // focus to the first input.\n              if (mouseUpEvent.target.hasAttribute('contenteditable')) {\n                mouseUpEvent.target.focus();\n              } else {\n                onFocusInput();\n              }\n            }\n          },\n        );\n      }\n    },\n    [onFocusInput],\n  );\n\n  // Snapshot of the spin-button values wiped by the last bulk-clear.\n  const lastClearedSnapshotRef = useRef<SpinButtonSnapshotEntry[]>([]);\n  // Snapshot of expression values wiped by the last bulk-clear (for undo).\n  const lastClearedExpressionsRef = useRef<\n    { inputRef: RefObject<DateTimeInputRef>; previousText: string }[]\n  >([]);\n\n  const onKeyDown = useCallback(\n    async (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Accept either Meta (Mac Cmd) or Ctrl as the modifier key so that the\n      // handler works consistently across platforms and in automated test\n      // environments (e.g. Playwright's Chromium) where the userAgent may not\n      // reliably indicate the OS.\n      const hasModifierKey = event.metaKey === true || event.ctrlKey === true;\n\n      // If keydown event captures modifier keys by itself or a copy, do nothing\n      if (\n        event.key === 'Shift' ||\n        event.key === 'Control' ||\n        event.key === 'Meta' ||\n        event.key === 'Alt' ||\n        event.key === 'Command'\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      // Applies the plan returned by planBulkClear: saves undo snapshots,\n      // clears all affected spin buttons and expression inputs, and collapses\n      // the selection.\n      function applyBulkClear(\n        plan: ReturnType<typeof planBulkClear>,\n        selection: Selection,\n      ) {\n        const {\n          snapshot,\n          affectedExpressionRefs,\n          expressionFallbacks,\n          clearedExpressions,\n        } = plan;\n        lastClearedSnapshotRef.current = snapshot;\n        lastClearedExpressionsRef.current = clearedExpressions;\n        for (const { inputRef, key } of snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of expressionFallbacks) {\n          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      // Computes the bulk-clear plan, applies it, and returns focus targets.\n      // Used by delete, cut, and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        const partialExpressionElement = getPartialExpressionElement(\n          selection,\n          inputRefs,\n        );\n        if (partialExpressionElement) {\n          onBeforeExpressionDelete([partialExpressionElement], inputRefs);\n          deletePartialExpression(selection, partialExpressionElement);\n          return;\n        }\n\n        const crossExpressionElements = getCrossExpressionElements(\n          selection,\n          inputRefs,\n        );\n        if (crossExpressionElements) {\n          const isSameExpressionSelection =\n            crossExpressionElements[0] === crossExpressionElements[1];\n          const expressionElementsForUndo = isSameExpressionSelection\n            ? [crossExpressionElements[0]]\n            : crossExpressionElements;\n          onBeforeExpressionDelete(expressionElementsForUndo, inputRefs);\n\n          const boundaryExpressionRef = isSameExpressionSelection\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\n\n          const plan = planBulkClear(selection, inputRefs);\n          lastClearedSnapshotRef.current = plan.snapshot;\n          lastClearedExpressionsRef.current = plan.clearedExpressions;\n\n          const firstSpinButtonHandler = getFirstSnapshotHandler(plan.snapshot);\n          const expressionFocusTarget = findFirstExpressionFocusTarget(\n            inputRefs,\n            plan.affectedExpressionRefs,\n            plan.expressionFallbacks,\n          );\n\n          deleteCrossExpressionPartial(selection, crossExpressionElements);\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          for (const [inputRef, text] of plan.expressionFallbacks) {\n            if (inputRef !== boundaryExpressionRef) {\n              inputRef.current?.setExpressionValue(text);\n            }\n          }\n\n          restoreFocusAfterBulkClear(\n            firstSpinButtonHandler,\n            expressionFocusTarget,\n          );\n\n          return;\n        }\n\n        const plan = planBulkClear(selection, inputRefs);\n        const nextFocusedElementHandler =\n          direction === 'backward'\n            ? getFirstSnapshotHandler(plan.snapshot)\n            : getLastSnapshotHandler(plan.snapshot);\n        const expressionFocusTarget = findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        );\n        applyBulkClear(plan, selection);\n        restoreFocusAfterBulkClear(\n          nextFocusedElementHandler,\n          expressionFocusTarget,\n        );\n      }\n\n      // Saves the current text of each expression element as an undo snapshot\n      // before a partial or cross-expression deletion that bypasses applyBulkClear.\n      function onBeforeExpressionDelete(\n        expressionElements: HTMLSpanElement[],\n        inputRefs: RefObject<DateTimeInputRef>[],\n      ) {\n        lastClearedSnapshotRef.current = [];\n\n        const expressionSnapshots: {\n          inputRef: RefObject<DateTimeInputRef>;\n          previousText: string;\n        }[] = [];\n\n        for (const exprEl of expressionElements) {\n          let matchingRef: RefObject<DateTimeInputRef> | undefined;\n          for (const inputRef of inputRefs) {\n            if (inputRef.current?.expressionInputRef === exprEl) {\n              matchingRef = inputRef;\n              break;\n            }\n          }\n\n          if (matchingRef) {\n            expressionSnapshots.push({\n              inputRef: matchingRef,\n              previousText:\n                matchingRef.current?.inputRef?.value ??\n                exprEl.textContent ??\n                '',\n            });\n          }\n        }\n\n        lastClearedExpressionsRef.current = expressionSnapshots;\n      }\n\n      // Handle select all with Ctrl + A\n      if (hasModifierKey && event.key === 'a') {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // No need to remove contentEditable here: extendSelectionToAll explicitly focuses the first spin button\n          // and then sets the cross-element range with addRange, keeping the focus on the already focused spin button.\n          extendSelectionToAll();\n        }\n        return;\n      }\n\n      // Check if the selection should be expanded with Shift\n      if (\n        event.shiftKey === true &&\n        (event.key === 'ArrowLeft' ||\n          event.key === 'ArrowRight' ||\n          event.key === 'Home' ||\n          event.key === 'End')\n      ) {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // extendSelection uses setBaseAndExtent internally, which can cross\n          // contenteditable boundaries without needing to strip the attribute.\n          // No removeContentEditable / focus manipulation is needed here.\n          extendSelection(event.key);\n        }\n        return;\n      }\n\n      // Handle undo (Ctrl/Cmd+Z): restore the last bulk-cleared values.\n      if (hasModifierKey && event.key === 'z') {\n        const snapshot = lastClearedSnapshotRef.current;\n        const expressionEntries = lastClearedExpressionsRef.current;\n        if (snapshot.length === 0 && expressionEntries.length === 0) {\n          return;\n        }\n        event.preventDefault();\n        restoreSpinButtonSnapshot(snapshot);\n        lastClearedSnapshotRef.current = [];\n\n        for (const { inputRef, previousText } of expressionEntries) {\n          inputRef.current?.setExpressionValue(previousText);\n          inputRef.current?.validate();\n        }\n        lastClearedExpressionsRef.current = [];\n\n        if (snapshot.length > 0) {\n          // Focus the first restored spin button (synchronous).\n          getFirstSnapshotHandler(snapshot)?.element.current?.focus();\n        } else {\n          // Only expressions were restored \u2014 focus the first one after its rAF.\n          requestAnimationFrame(() => {\n            expressionEntries[0]?.inputRef.current?.expressionInputRef?.focus();\n          });\n        }\n        return;\n      }\n\n      const isCut = hasModifierKey && event.key === 'x';\n      const isDelete = event.key === 'Backspace' || event.key === 'Delete';\n      const direction =\n        isCut || event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        if (selection && !selection.isCollapsed) {\n          event.preventDefault();\n\n          const clipboardText = buildTimeframeClipboardText();\n          // Apply the clear and update focus synchronously BEFORE awaiting the\n          // clipboard write. This ensures the undo snapshot is saved inside the\n          // current synchronous execution context so that a Ctrl+Z fired\n          // immediately afterwards (e.g. in tests wrapped with act()) can always\n          // find a non-empty lastClearedSnapshotRef.\n          bulkClear(selection, direction);\n\n          if (isCut) {\n            if (clipboardText !== null) {\n              try {\n                await navigator.clipboard.writeText(clipboardText);\n              } catch {\n                // For now, we silently ignore clipboard write errors.\n              }\n            }\n          }\n          return;\n        }\n      }\n\n      // When there is a cross-element selection and the user types a printable\n      // character, bulk-clear the selection and forward the key to the anchor\n      // spin button so it can process the character normally.\n      // Intra-element selections (drag within a single spin button) are left\n      // alone \u2014 the spin button's own beforeinput handler deals with those.\n      if (\n        !hasModifierKey &&\n        !event.shiftKey &&\n        event.key.length === 1 &&\n        (isExpressionTriggerKey(event) || /^\\d$/.test(event.key))\n      ) {\n        const selection = window.getSelection();\n        if (\n          selection &&\n          !selection.isCollapsed &&\n          selection.anchorNode !== selection.focusNode\n        ) {\n          event.preventDefault();\n          const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n          const plan = planBulkClear(selection, inputRefs);\n\n          // When ALL spin buttons of an affected input are cleared (0 survivors),\n          // the input should switch to expression mode \u2014 use the full applyBulkClear\n          // path (same as Delete). Detected by: expression fallbacks will fire AND\n          // the selection starts at the first spin button of its input.\n          // When the first spin button is the survivor (selection starts later),\n          // skip expression fallbacks so the input stays in ISO mode and the typed\n          // character lands in the first selected spin button.\n          const firstEntry = plan.snapshot[0];\n          const firstKey = firstEntry\n            ? [\n                ...(firstEntry.inputRef.current?.spinButtonHandlers.keys() ??\n                  []),\n              ][0]\n            : undefined;\n          const expressionModeWillSwitch =\n            plan.expressionFallbacks.size > 0 && firstEntry?.key === firstKey;\n\n          if (expressionModeWillSwitch) {\n            const firstSpinButtonHandler = getFirstSnapshotHandler(\n              plan.snapshot,\n            );\n            const expressionFocusTarget = findFirstExpressionFocusTarget(\n              inputRefs,\n              plan.affectedExpressionRefs,\n              plan.expressionFallbacks,\n            );\n            applyBulkClear(plan, selection);\n            // Pre-fill the expression input with the typed character. Both this\n            // call and the setExpressionValue('') inside applyBulkClear are\n            // batched by React 18, so the expression input renders with the\n            // character before the rAF in makeFocusAfterBulkClear fires.\n            expressionFocusTarget?.current?.setExpressionValue(event.key);\n            restoreFocusAfterBulkClear(\n              firstSpinButtonHandler,\n              expressionFocusTarget,\n            );\n            return;\n          }\n\n          // Save undo snapshot and clear only the spin buttons \u2014 skip expression\n          // fallbacks so the input stays in ISO mode and focus can land on the\n          // first spin button to receive the typed character.\n          lastClearedSnapshotRef.current = plan.snapshot;\n          lastClearedExpressionsRef.current = plan.clearedExpressions;\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          selection.removeAllRanges();\n\n          // Get the handler for the first cleared spin button directly from\n          // the snapshot. We cannot use getFirstSnapshotHandler here because\n          // it intentionally returns undefined for the first/second keys\n          // (designed for post-delete focus), which would swallow the character.\n          const handler = firstEntry\n            ? firstEntry.inputRef.current?.spinButtonHandlers.get(\n                firstEntry.key,\n              )\n            : undefined;\n          if (handler) {\n            handler.element.current?.focus();\n            if (handler.type === 'number') {\n              handler.applyText(event.key, true);\n              const newLength =\n                handler.element.current?.textContent?.length ?? 0;\n              handler.setSelection({ start: newLength, end: newLength });\n            } else {\n              handler.element.current?.dispatchEvent(\n                new KeyboardEvent('keydown', {\n                  key: event.key,\n                  bubbles: true,\n                  cancelable: true,\n                }),\n              );\n            }\n          }\n          return;\n        }\n      }\n\n      // When the container itself has focus (post drag-select, no spin button focused),\n      // intercept ArrowUp / ArrowDown and forward them to the anchor spin button.\n      // This avoids the Firefox visual bug caused by focusing a spin button during\n      // drag-restore \u2014 no focus() is called there, so the container holds focus.\n      if (\n        !event.shiftKey &&\n        !hasModifierKey &&\n        (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n        event.target === touchedContainerRef.current\n      ) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          event.preventDefault();\n          // Focus the spin button. onFocus sees selectionSpansMultipleNodes = true\n          // (the cross-element range is still intact) and skips selectAll().\n          anchorSpinButton.focus();\n          // Dispatch a synthetic keydown to trigger useValueNavigation on the spin button.\n          anchorSpinButton.dispatchEvent(\n            new KeyboardEvent('keydown', {\n              key: event.key,\n              bubbles: true,\n              cancelable: true,\n            }),\n          );\n          return;\n        }\n      }\n\n      // Forward the focus when a key is pressed in this element.\n      // If the container has focus with an active selection (post Cmd+A or drag),\n      // forward to the anchor spin button so the key lands in the right field.\n      // Otherwise fall back to onFocusInput() which focuses the first input.\n      // Skip for modifier+key shortcuts (e.g. Cmd+C): focusing a spin button\n      // collapses Firefox's cross-element selection before the copy event fires.\n      if (event.target === touchedContainerRef.current && !hasModifierKey) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          anchorSpinButton.focus();\n        } else {\n          onFocusInput();\n        }\n      }\n    },\n    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef],\n  );\n\n  return { onMouseDown, onKeyDown };\n}\n\nfunction getAnchorSpinButton(): HTMLElement | null {\n  const anchorNode = window.getSelection()?.anchorNode ?? null;\n  if (anchorNode === null) {\n    return null;\n  }\n\n  return anchorNode.nodeType === Node.TEXT_NODE\n    ? (anchorNode as Text).parentElement?.closest<HTMLElement>(\n        '[contenteditable]',\n      ) ?? null\n    : (anchorNode as HTMLElement | null)?.closest?.('[contenteditable]') ??\n        null;\n}\n"],
+  "mappings": "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",
+  "names": ["direction", "plan", "expressionFocusTarget"]
 }

package/esm/forms/forms-core/components/field-set/FieldSet.css

@@ -1,4 +1,4 @@
-._1dphm0f0-3-3-3 {
+._1dphm0f0-3-4-1 {
   appearance: none;
   margin: 0;
   border: none;
@@ -6,7 +6,7 @@
   min-width: 0;
   min-height: 0;
 }
-._1dphm0f1-3-3-3 {
+._1dphm0f1-3-4-1 {
   padding: 0;
   appearance: none;
   margin-bottom: var(--dt-spacings-size-12, 12px);