@dynatrace/strato-components 3.3.3 → 3.5.0

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\nfunction warnSelectionFailed(message: string, error: unknown): void {\n  getStratoLogger('DateTimeRangePicker').warn(message, error);\n}\n\n/** @internal */\nexport function checkIfValueTypeAlignment(textNode: Node): boolean {\n  // Skip hidden text nodes in DateTimeInput by checking 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  // No more specific parent \u2014 likely a placeholder, separator, or 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      // Skip hidden text nodes by checking 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      // Skip hidden text nodes by checking 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  // Element node: offset is a child index \u2014 walk into that child to find the first text node.\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    // At element's end boundary: find the last text node inside and step to the next.\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 separator text nodes as valid step targets for Shift+Arrow.\n  let next: Node | null = nextTextNode(root, node);\n\n  // Skip separator nodes between two expression textboxes for one-step crossing.\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  // Element node: offset is a child index \u2014 walk into offset-1 child to find the last text node (mirrors forward logic).\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?.nodeValue &&\n        (checkIfValueTypeAlignment(lastText) ||\n          getClosestContentEditable(lastText) !== null)\n      ) {\n        return { node: lastText, offset: lastText.nodeValue.length - 1 };\n      }\n    }\n  }\n\n  // Keep separator text nodes as valid backward step targets for Shift+Arrow.\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 * Restores [contenteditable] and tabindex to all elements inside `root` that\n * had those attributes temporarily stripped (marked with [data-wascontenteditable]\n * / [data-wastabindex]).\n */\nfunction restoreContentEditableAttributes(root: HTMLElement): void {\n  for (const editable of root.querySelectorAll<HTMLElement>(\n    '[data-wascontenteditable]',\n  )) {\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  // Clear drag-selected marks when CE is restored \u2014 :focus or native selection takes over.\n  for (const el of root.querySelectorAll<HTMLElement>('[data-drag-selected]')) {\n    el.removeAttribute('data-drag-selected');\n  }\n}\n\n/**\n * Marks elements intersected by `range` with [data-drag-selected] for element-level accent styling.\n * Textboxes are excluded during live drags (native ::selection shows char-level highlight) and\n * included only for snapped post-mouseup ranges when `includeTextboxes` is true.\n * Element-level styling is used because Safari doesn't resolve CSS vars inside ::selection\n * on non-contenteditable elements.\n */\nfunction markDragSelectedElements(\n  rootElement: HTMLElement,\n  range: Range,\n  { includeTextboxes = false }: { includeTextboxes?: boolean } = {},\n): void {\n  for (const el of rootElement.querySelectorAll<HTMLElement>(\n    '[data-drag-selected]',\n  )) {\n    el.removeAttribute('data-drag-selected');\n  }\n\n  // (a) Direct children of SpinButtonGroups: spinbuttons + separators\n  for (const group of rootElement.querySelectorAll(\n    '[data-valuetype=\"iso8601\"]',\n  )) {\n    for (const child of group.children) {\n      if (range.intersectsNode(child)) {\n        child.setAttribute('data-drag-selected', '');\n      }\n    }\n  }\n\n  // (b) Expression textbox inputs \u2014 only for snapped post-mouseup ranges\n  if (includeTextboxes) {\n    for (const textbox of rootElement.querySelectorAll('[role=\"textbox\"]')) {\n      if (range.intersectsNode(textbox)) {\n        textbox.setAttribute('data-drag-selected', '');\n      }\n    }\n  }\n}\n\n// Tracks pending CE-restore AbortControllers per picker root.\n// CE is stripped during multi-element drags (Safari clips cross-element addRange to the active CE host)\n// and restored on the next real interaction. WeakMap avoids retaining roots after unmount.\nconst pendingRestoreSignals = new WeakMap<HTMLElement, AbortController>();\n\n/**\n * Endpoints captured by `deferContentEditableRestore` before re-attaching CE.\n * Safari clips the live selection to the active CE host after CE re-attachment,\n * so a bubble-phase Backspace/Delete handler can no longer see the full\n * multi-element range. Consumers read these to feed `planBulkClear`.\n * @internal\n */\nexport type SelectionEndpoints = {\n  anchorNode: Node;\n  anchorOffset: number;\n  focusNode: Node;\n  focusOffset: number;\n};\nconst lastPreRestoreEndpoints = new WeakMap<HTMLElement, SelectionEndpoints>();\n\n/**\n * Returns and clears the multi-element selection endpoints captured for `root`\n * by `deferContentEditableRestore` just before the most recent CE re-attach.\n * Returns `undefined` when no stash exists (no preceding multi-element\n * selection, or already consumed).\n * @internal\n */\nexport function consumePreRestoreEndpoints(\n  root: HTMLElement,\n): SelectionEndpoints | undefined {\n  const stash = lastPreRestoreEndpoints.get(root);\n  lastPreRestoreEndpoints.delete(root);\n  return stash;\n}\n\n/**\n * Restores [contenteditable] on the next real user interaction (mousedown or non-modifier keydown).\n * Listens on `document` (not rootElement) so clicks outside the picker still trigger the restore.\n * Modifier-only keys and Cmd/Ctrl+C are skipped to allow selection extension and copy.\n */\nfunction deferContentEditableRestore(root: HTMLElement): void {\n  // Cancel any pending restore for this root before registering a new one.\n  pendingRestoreSignals.get(root)?.abort();\n\n  const restoreSignal = new AbortController();\n  pendingRestoreSignals.set(root, restoreSignal);\n\n  function handler(e: Event): void {\n    if (e instanceof KeyboardEvent) {\n      if (['Meta', 'Control', 'Alt', 'Shift'].includes(e.key)) {\n        return;\n      }\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'c') {\n        return;\n      }\n      // Shift+Arrow/Home/End extends the current selection \u2014 keep CE stripped\n      // so each subsequent step can cross spinbutton boundaries in Safari.\n      if (\n        e.shiftKey &&\n        [\n          'ArrowLeft',\n          'ArrowRight',\n          'ArrowUp',\n          'ArrowDown',\n          'Home',\n          'End',\n        ].includes(e.key)\n      ) {\n        return;\n      }\n      // Plain ArrowLeft/Right with a live multi-element selection: collapse to\n      // the directional boundary before CE is restored. Firefox's default would\n      // shrink the directional selection one step at a time (mirror of Shift+\n      // Arrow extension), forcing the user to press Arrow N times to \"use up\" a\n      // previous Shift+Arrow selection of N steps before the cursor moves.\n      // Chrome/Safari already collapse natively; this normalizes Firefox.\n      // Done here (capture phase) because Firefox discards cross-element\n      // selections as soon as [contenteditable] is added back.\n      if (\n        !e.shiftKey &&\n        !e.metaKey &&\n        !e.ctrlKey &&\n        !e.altKey &&\n        (e.key === 'ArrowLeft' || e.key === 'ArrowRight')\n      ) {\n        const collapsed = collapseMultiElementSelection(\n          root,\n          e.key === 'ArrowLeft' ? 'left' : 'right',\n        );\n        if (collapsed) {\n          e.preventDefault();\n          // Stop the event so the boundary spinbutton's own keydown handler\n          // doesn't immediately step further (handleArrowLeft would see\n          // selection.start === 0 after onFocus \u2192 selectAll and move past it).\n          e.stopPropagation();\n          // collapseMultiElementSelection already restored CE and aborted the\n          // signal \u2014 nothing left to do.\n          return;\n        }\n      }\n    }\n    // Firefox discards cross-element selections the moment [contenteditable]\n    // is re-added. Snapshot the current selection endpoints before restoring\n    // CE, then recreate the range via setBaseAndExtent so that subsequent\n    // bubble-phase handlers (Backspace/Delete bulkClear, Cmd+X, type-to-replace)\n    // still see the multi-element selection. Same trick used at mouseup time\n    // in removeContentEditable.\n    const selection = globalThis.getSelection();\n    const anchorNode = selection?.anchorNode ?? null;\n    const anchorOffset = selection?.anchorOffset ?? 0;\n    const focusNode = selection?.focusNode ?? null;\n    const focusOffset = selection?.focusOffset ?? 0;\n    const hasMultiElementSelection =\n      selection !== null &&\n      anchorNode !== null &&\n      focusNode !== null &&\n      anchorNode !== focusNode &&\n      selection.toString().length > 0;\n\n    // Stash the pre-restore endpoints for bubble-phase consumers (Safari only\n    // truly needs them, but stashing unconditionally keeps the code path\n    // browser-agnostic). Bubble handlers fall back to the live selection when\n    // no stash is present.\n    if (hasMultiElementSelection && anchorNode && focusNode) {\n      lastPreRestoreEndpoints.set(root, {\n        anchorNode,\n        anchorOffset,\n        focusNode,\n        focusOffset,\n      });\n    }\n\n    restoreContentEditableAttributes(root);\n    pendingRestoreSignals.delete(root);\n    restoreSignal.abort();\n\n    if (hasMultiElementSelection && anchorNode && focusNode) {\n      try {\n        selection?.setBaseAndExtent(\n          anchorNode,\n          anchorOffset,\n          focusNode,\n          focusOffset,\n        );\n      } catch (error) {\n        warnSelectionFailed(\n          'setBaseAndExtent failed when restoring selection after CE re-attach',\n          error,\n        );\n      }\n    }\n  }\n  document.addEventListener('mousedown', handler, {\n    signal: restoreSignal.signal,\n    capture: true,\n  });\n  document.addEventListener('keydown', handler, {\n    signal: restoreSignal.signal,\n    capture: true,\n  });\n}\n\n/**\n * Strips [contenteditable] to allow cross-element selection, then restores it on the next `eventType`.\n * `initialAnchorSpinButton` is the spinbutton resolved from bounding-box geometry before CE is stripped \u2014\n * used when Safari misreports anchorNode as a container element on far-right clicks.\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  initialAnchorSpinButton?: HTMLElement | null,\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 strip tabindex to prevent auto-focus on mousedown during drag.\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  // Safari reports the container element (not a text node) as anchorNode when the click lands in empty\n  // space. Correct the drag anchor on mousemove using the pre-resolved spinbutton's last char position.\n  // Subsequent moves no-op once anchorNode becomes a text node; Chrome/Firefox already report text nodes.\n  if (initialAnchorSpinButton) {\n    const anchorPos = findLastCharacterPosition(initialAnchorSpinButton);\n    if (anchorPos) {\n      rootElement.addEventListener(\n        'mousemove',\n        () => {\n          const sel = globalThis.getSelection();\n          if (!sel || !sel.anchorNode) {\n            return;\n          }\n          // Already corrected.\n          if (sel.anchorNode.nodeType === Node.TEXT_NODE) {\n            return;\n          }\n          const focusNode = sel.focusNode;\n          const focusOffset = sel.focusOffset ?? 0;\n          if (!focusNode) {\n            return;\n          }\n          const anchorBeforeFocus =\n            compareSelectionPoints(\n              anchorPos.node,\n              anchorPos.offset,\n              focusNode,\n              focusOffset,\n            ) <= 0;\n          try {\n            sel.removeAllRanges();\n\n            if (anchorBeforeFocus) {\n              sel.setBaseAndExtent(\n                anchorPos.node,\n                anchorPos.offset,\n                focusNode,\n                focusOffset,\n              );\n            } else {\n              sel.setBaseAndExtent(\n                focusNode,\n                focusOffset,\n                anchorPos.node,\n                anchorPos.offset,\n              );\n            }\n          } catch (error) {\n            warnSelectionFailed(\n              'selection anchor correction during drag failed',\n              error,\n            );\n          }\n        },\n        { signal: signal.signal, capture: true },\n      );\n    }\n  }\n\n  // Update [data-drag-selected] on mousemove for element-level accent styling (Safari ::selection workaround).\n  rootElement.addEventListener(\n    'mousemove',\n    () => {\n      const sel = globalThis.getSelection();\n      if (!sel || sel.rangeCount === 0) {\n        return;\n      }\n      const range = sel.getRangeAt(0);\n      markDragSelectedElements(rootElement, range);\n    },\n    { signal: signal.signal, capture: true },\n  );\n\n  removeEventTarget.addEventListener(\n    eventType,\n    (event: Event) => {\n      // Snapshot before restoring CE \u2014 Firefox discards cross-element selections when CE is re-added.\n      const selectionBeforeRestore = globalThis.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      if (hasMultiElementSelection && snapshotAnchorNode && snapshotFocusNode) {\n        // Multi-element path: keep CE stripped so Safari's setBaseAndExtent isn't clipped to the active\n        // editing host. CE is restored lazily on the next real user interaction.\n\n        // Safari may report a container element as anchorNode on empty-space clicks; use initialAnchorSpinButton instead.\n        const anchorIsElementNode =\n          snapshotAnchorNode.nodeType !== Node.TEXT_NODE;\n\n        // Resolve anchor spinbutton: element-node \u2192 use precomputed; text in SB \u2192 resolve; text outside \u2192 null.\n        const anchorNodeWasInContent = anchorIsElementNode\n          ? initialAnchorSpinButton !== null\n          : isEndpointInsideSpinButtonContent(\n              snapshotAnchorNode,\n              snapshotAnchorOffset,\n            );\n\n        let anchorSpinButton: HTMLElement | null;\n        if (anchorIsElementNode) {\n          anchorSpinButton = initialAnchorSpinButton ?? null;\n        } else if (anchorNodeWasInContent) {\n          anchorSpinButton = resolveSpinButton(\n            snapshotAnchorNode,\n            rootElement,\n            snapshotAnchorOffset,\n          );\n        } else {\n          anchorSpinButton = null;\n        }\n\n        // When anchor is an element node, derive a text-node position for direction detection.\n        let anchorNodeForComparison: Node = snapshotAnchorNode;\n        let anchorOffsetForComparison: number = snapshotAnchorOffset;\n        if (anchorIsElementNode && anchorSpinButton) {\n          const lastPos = findLastCharacterPosition(anchorSpinButton);\n          if (lastPos) {\n            anchorNodeForComparison = lastPos.node;\n            anchorOffsetForComparison = lastPos.offset;\n          }\n        }\n\n        const focusNodeWasInContent = isEndpointInsideSpinButtonContent(\n          snapshotFocusNode,\n          snapshotFocusOffset,\n        );\n        const focusSpinButton =\n          focusNodeWasInContent || snapshotFocusNode.nodeType !== Node.TEXT_NODE\n            ? resolveSpinButton(\n                snapshotFocusNode,\n                rootElement,\n                snapshotFocusOffset,\n              )\n            : null;\n\n        const anchorBeforeFocus =\n          compareSelectionPoints(\n            anchorNodeForComparison,\n            anchorOffsetForComparison,\n            snapshotFocusNode,\n            snapshotFocusOffset,\n          ) <= 0;\n\n        let anchorPos: { node: Node; offset: number } | null;\n        if (anchorSpinButton?.getAttribute('role') === 'spinbutton') {\n          anchorPos = anchorBeforeFocus\n            ? findFirstCharacterPosition(anchorSpinButton)\n            : findLastCharacterPosition(anchorSpinButton);\n        } else {\n          anchorPos = {\n            node: anchorNodeForComparison,\n            offset: anchorOffsetForComparison,\n          };\n        }\n        let focusPos: { node: Node; offset: number } | null;\n        if (focusSpinButton?.getAttribute('role') === 'spinbutton') {\n          focusPos = anchorBeforeFocus\n            ? findLastCharacterPosition(focusSpinButton)\n            : findFirstCharacterPosition(focusSpinButton);\n        } else {\n          focusPos = { node: snapshotFocusNode, offset: snapshotFocusOffset };\n        }\n\n        if (anchorPos && focusPos) {\n          try {\n            const range = document.createRange();\n            if (anchorBeforeFocus) {\n              range.setStart(anchorPos.node, anchorPos.offset);\n              range.setEnd(focusPos.node, focusPos.offset);\n            } else {\n              range.setStart(focusPos.node, focusPos.offset);\n              range.setEnd(anchorPos.node, anchorPos.offset);\n            }\n            const sel = globalThis.getSelection();\n            sel?.setBaseAndExtent(\n              anchorPos.node,\n              anchorPos.offset,\n              focusPos.node,\n              focusPos.offset,\n            );\n            // Mark intersected elements for accent styling. Exclude textboxes \u2014 they need char-level selection.\n            markDragSelectedElements(rootElement, range);\n          } catch (error) {\n            warnSelectionFailed(\n              'setBaseAndExtent failed when restoring drag selection',\n              error,\n            );\n          }\n        }\n\n        customRemovalFn?.(event, hasMultiElementSelection);\n        rootElement.removeAttribute('data-restoring-selection');\n\n        // Restore CE on the next user interaction (mousedown / non-modifier keydown).\n        deferContentEditableRestore(rootElement);\n      } else {\n        // Single-element path: restore CE immediately \u2014 both endpoints share the same editing host.\n        restoreContentEditableAttributes(rootElement);\n\n        if (snapshotAnchorNode && snapshotFocusNode) {\n          try {\n            globalThis\n              .getSelection()\n              ?.setBaseAndExtent(\n                snapshotAnchorNode,\n                snapshotAnchorOffset,\n                snapshotFocusNode,\n                snapshotFocusOffset,\n              );\n          } catch (error) {\n            warnSelectionFailed(\n              'setBaseAndExtent failed when restoring single-element selection',\n              error,\n            );\n          }\n        }\n\n        customRemovalFn?.(event, hasMultiElementSelection);\n        rootElement.removeAttribute('data-restoring-selection');\n      }\n\n      signal.abort();\n    },\n    { signal: signal.signal },\n  );\n}\n\n/**\n * For Shift+Arrow on absolute spinbuttons, snaps the focus endpoint to a spinbutton boundary\n * rather than stepping character by character (intra-spinbutton steps are visually silent).\n * Growing forward/backward includes the adjacent spinbutton fully; shrinking excludes the current one.\n * Returns null when focus is outside a spinbutton, falling through to char-by-char logic.\n */\nfunction findSpinButtonSnappedPosition(\n  root: HTMLElement,\n  anchorNode: Node,\n  anchorOffset: number,\n  focusNode: Node,\n  focusOffset: number,\n  direction: 'forward' | 'backward',\n): { node: Node; offset: number } | null {\n  let spinButton: HTMLElement | null = null;\n\n  if (focusNode.nodeType === Node.TEXT_NODE) {\n    spinButton =\n      (focusNode as Text).parentElement?.closest<HTMLElement>(\n        '[role=\"spinbutton\"]',\n      ) ?? null;\n  } else if (\n    focusNode instanceof HTMLElement &&\n    focusNode.getAttribute('role') === 'spinbutton'\n  ) {\n    // selectNodeContents(el) sets focusNode to the element itself.\n    spinButton = focusNode;\n  }\n\n  if (!spinButton) {\n    return null;\n  }\n\n  const allSBs = Array.from(\n    root.querySelectorAll<HTMLElement>('[role=\"spinbutton\"]'),\n  );\n  const idx = allSBs.indexOf(spinButton);\n\n  // Determine whether the selection is growing or shrinking.\n  const focusIsBeforeAnchor =\n    compareSelectionPoints(focusNode, focusOffset, anchorNode, anchorOffset) <\n    0;\n  const isGrowing =\n    direction === 'forward' ? !focusIsBeforeAnchor : focusIsBeforeAnchor;\n\n  if (direction === 'forward') {\n    const nextSB = allSBs[idx + 1] ?? null;\n    if (!nextSB) {\n      return null;\n    }\n    // Growing: snap to far end of next SB. Shrinking: snap to near end (exclude current).\n    return isGrowing\n      ? findLastCharacterPosition(nextSB)\n      : findFirstCharacterPosition(nextSB);\n  }\n\n  const prevSB = allSBs[idx - 1] ?? null;\n  if (!prevSB) {\n    return null;\n  }\n  return isGrowing\n    ? findFirstCharacterPosition(prevSB)\n    : findLastCharacterPosition(prevSB);\n}\n\nexport function extendSelection(\n  key: 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End',\n): void {\n  const selection = globalThis.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.nodeType === Node.TEXT_NODE\n      ? (focusNode as Text).parentElement?.closest<HTMLDivElement>(\n          '.strato-inputgroup',\n        )\n      : focusNode instanceof HTMLElement\n      ? focusNode.closest<HTMLDivElement>('.strato-inputgroup')\n      : null;\n  if (root === null || root === undefined) {\n    return;\n  }\n\n  if (key === 'ArrowLeft') {\n    nextPos =\n      findSpinButtonSnappedPosition(\n        root,\n        anchorNode,\n        anchorOffset,\n        focusNode,\n        focusOffset,\n        'backward',\n      ) ?? findPreviousCharacterPosition(root, focusNode, focusOffset);\n  } else if (key === 'ArrowRight') {\n    nextPos =\n      findSpinButtonSnappedPosition(\n        root,\n        anchorNode,\n        anchorOffset,\n        focusNode,\n        focusOffset,\n        'forward',\n      ) ?? findNextCharacterPosition(root, focusNode, focusOffset);\n  } else if (key === 'Home') {\n    nextPos = findFirstCharacterPosition(root);\n  } else if (key === 'End') {\n    nextPos = findLastCharacterPosition(root);\n  }\n\n  // Skip the \"\u2192\" separator (outside any CE) so Shift+Arrow crosses it in one keypress.\n  let crossedSeparator = false;\n  while (nextPos && getClosestContentEditable(nextPos.node) === null) {\n    crossedSeparator = true;\n    const skipped =\n      key === 'ArrowLeft' || key === 'Home'\n        ? findPreviousCharacterPosition(root, nextPos.node, nextPos.offset)\n        : findNextCharacterPosition(root, nextPos.node, nextPos.offset);\n    if (!skipped) {\n      break;\n    }\n    nextPos = skipped;\n  }\n\n  // After crossing a separator, snap to the boundary of the landing text node rather\n  // than stepping one character into it (which is what findNext/PreviousCharacterPosition does).\n  if (crossedSeparator && nextPos?.node.nodeType === Node.TEXT_NODE) {\n    if (key === 'ArrowRight') {\n      nextPos = { node: nextPos.node, offset: 0 };\n    } else if (key === 'ArrowLeft') {\n      nextPos = {\n        node: nextPos.node,\n        offset: nextPos.node.nodeValue?.length ?? 0,\n      };\n    }\n  }\n\n  if (!nextPos) {\n    return;\n  }\n\n  // SPIN_BUTTON_SELECTOR covers both live [contenteditable] and temporarily stripped [data-wascontenteditable].\n  const spinButtonFromNode = (node: Node): HTMLElement | null => {\n    const el =\n      node.nodeType === Node.TEXT_NODE\n        ? (node as Text).parentElement\n        : node instanceof HTMLElement\n        ? node\n        : null;\n    const sb = el?.closest<HTMLElement>(SPIN_BUTTON_SELECTOR) ?? null;\n    return sb?.getAttribute('role') === 'spinbutton' ? sb : null;\n  };\n\n  const anchorSB = spinButtonFromNode(anchorNode);\n\n  // Strip CE when the new focus crosses into a different editing host \u2014 Safari clips setBaseAndExtent to the active one.\n  const anchorCE = getClosestContentEditable(anchorNode);\n  const nextCE = getClosestContentEditable(nextPos.node);\n  const crossesBoundary = anchorCE !== null && anchorCE !== nextCE;\n\n  if (crossesBoundary) {\n    // selectNodeContents sets anchorNode to the element itself; resolve to a text-node position instead.\n    let resolvedAnchorNode = anchorNode;\n    let resolvedAnchorOffset = anchorOffset;\n    if (anchorNode.nodeType !== Node.TEXT_NODE && anchorSB) {\n      // Use the spinbutton boundary that covers the full anchor SB in the extension direction.\n      const anchorBeforeFocus =\n        compareSelectionPoints(\n          anchorNode,\n          anchorOffset,\n          nextPos.node,\n          nextPos.offset,\n        ) <= 0;\n      const resolved = anchorBeforeFocus\n        ? findFirstCharacterPosition(anchorSB)\n        : findLastCharacterPosition(anchorSB);\n      if (resolved) {\n        resolvedAnchorNode = resolved.node;\n        resolvedAnchorOffset = resolved.offset;\n      }\n    }\n\n    // Strip CE so Safari's addRange is not clipped to the editing host.\n    root.setAttribute('data-restoring-selection', '');\n    for (const editable of root.querySelectorAll<HTMLElement>(\n      '[contenteditable]',\n    )) {\n      const prev = editable.getAttribute('contenteditable') ?? '';\n      editable.removeAttribute('contenteditable');\n      editable.dataset.wascontenteditable = prev;\n    }\n\n    try {\n      // setBaseAndExtent preserves anchor/focus direction (addRange would flip them, reversing all subsequent steps).\n      selection.setBaseAndExtent(\n        resolvedAnchorNode,\n        resolvedAnchorOffset,\n        nextPos.node,\n        nextPos.offset,\n      );\n      // Build a document-ordered Range for markDragSelectedElements.\n      const anchorBeforeFocus =\n        compareSelectionPoints(\n          resolvedAnchorNode,\n          resolvedAnchorOffset,\n          nextPos.node,\n          nextPos.offset,\n        ) <= 0;\n      const range = document.createRange();\n      if (anchorBeforeFocus) {\n        range.setStart(resolvedAnchorNode, resolvedAnchorOffset);\n        range.setEnd(nextPos.node, nextPos.offset);\n      } else {\n        range.setStart(nextPos.node, nextPos.offset);\n        range.setEnd(resolvedAnchorNode, resolvedAnchorOffset);\n      }\n      markDragSelectedElements(root, range);\n    } catch (error) {\n      warnSelectionFailed(\n        'setBaseAndExtent failed when extending cross-boundary selection',\n        error,\n      );\n    }\n\n    root.removeAttribute('data-restoring-selection');\n    deferContentEditableRestore(root);\n  } else {\n    // Same editing host: setBaseAndExtent is safe. Guard prevents Chrome's implicit focus from triggering selectAll().\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      warnSelectionFailed(\n        'setBaseAndExtent failed when extending selection',\n        error,\n      );\n    }\n    root.removeAttribute('data-restoring-selection');\n    // Refresh [data-drag-selected] to clear stale marks when the selection shrinks.\n    // Build the range from known positions rather than re-querying getSelection() to work with mocked Selection in tests.\n    const updatedRange = new Range();\n    const cmp = anchorNode.compareDocumentPosition(nextPos.node);\n    if (\n      cmp & Node.DOCUMENT_POSITION_FOLLOWING ||\n      (cmp === 0 && anchorOffset <= nextPos.offset)\n    ) {\n      updatedRange.setStart(anchorNode, anchorOffset);\n      updatedRange.setEnd(nextPos.node, nextPos.offset);\n    } else {\n      updatedRange.setStart(nextPos.node, nextPos.offset);\n      updatedRange.setEnd(anchorNode, anchorOffset);\n    }\n    markDragSelectedElements(root, updatedRange);\n  }\n  // [data-shift-selection] suppresses :focus background while a Shift+Arrow selection is active; cleared in onFocus.\n  root.setAttribute('data-shift-selection', '');\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 = globalThis.getSelection();\n  if (\n    selection === null ||\n    selection.focusNode === null ||\n    selection.rangeCount < 1\n  ) {\n    return;\n  }\n\n  const root =\n    selection.focusNode.parentElement?.closest<HTMLDivElement>(\n      '.strato-inputgroup',\n    );\n  if (root === null || root === undefined) {\n    return;\n  }\n\n  const firstPosition = findFirstCharacterPosition(root);\n  const lastPosition = findLastCharacterPosition(root);\n\n  if (!firstPosition || !lastPosition) {\n    return;\n  }\n\n  // Strip CE so Safari cannot clip addRange to the focused editing host (same pattern as removeContentEditable).\n  root.setAttribute('data-restoring-selection', '');\n  for (const editable of root.querySelectorAll<HTMLElement>(\n    '[contenteditable]',\n  )) {\n    const prev = editable.getAttribute('contenteditable') ?? '';\n    editable.removeAttribute('contenteditable');\n    editable.dataset.wascontenteditable = prev;\n  }\n\n  try {\n    const range = document.createRange();\n    range.setStart(firstPosition.node, firstPosition.offset);\n    range.setEnd(lastPosition.node, lastPosition.offset);\n    selection.setBaseAndExtent(\n      firstPosition.node,\n      firstPosition.offset,\n      lastPosition.node,\n      lastPosition.offset,\n    );\n    // Mark all elements in the full range for element-level accent styling.\n    markDragSelectedElements(root, range, { includeTextboxes: true });\n  } catch (error) {\n    warnSelectionFailed(\n      'setBaseAndExtent failed when extending selection to all',\n      error,\n    );\n  }\n\n  root.removeAttribute('data-restoring-selection');\n  // Move focus to the container so that subsequent plain ArrowUp/ArrowDown keydowns\n  // fire with event.target === container, enabling the container-level handler to\n  // forward them to the anchor (first) spin button \u2014 the same mechanism used after\n  // a drag-select. Without this, the previously-focused spin button keeps element\n  // focus and increments the wrong field.\n  root.focus();\n  deferContentEditableRestore(root);\n}\n\nfunction getBoundaryNodes(\n  direction: 'left' | 'right',\n  anchorNode: Node,\n  anchorOffset: number,\n  focusNode: Node,\n  focusOffset: number,\n) {\n  const anchorBeforeFocus =\n    compareSelectionPoints(anchorNode, anchorOffset, focusNode, focusOffset) <=\n    0;\n  if (direction === 'left' && anchorBeforeFocus) {\n    return { boundaryNode: anchorNode, boundaryOffset: anchorOffset };\n  }\n  return { boundaryNode: focusNode, boundaryOffset: focusOffset };\n}\n\n/**\n * Collapses a multi-element selection (anchorNode !== focusNode) to one of its\n * boundaries and focuses the spinbutton or expression input at that boundary.\n *\n * Mirrors the natural Chrome/Safari behaviour of plain ArrowLeft/ArrowRight on a\n * non-collapsed selection: ArrowLeft \u2192 collapse to start, ArrowRight \u2192 collapse\n * to end. Firefox does not collapse \u2014 it shrinks the selection one step at a\n * time \u2014 so without this helper a Shift+Arrow extension followed by plain\n * arrows would require N presses before the cursor finally moves on Firefox.\n *\n * Returns true when a collapse was performed (callers should preventDefault),\n * false when the selection does not need handling here.\n * @internal\n */\nexport function collapseMultiElementSelection(\n  rootElement: HTMLElement,\n  direction: 'left' | 'right',\n): boolean {\n  const selection = globalThis.getSelection();\n  if (selection === null || selection.rangeCount < 1 || selection.isCollapsed) {\n    return false;\n  }\n  const anchorNode = selection.anchorNode;\n  const focusNode = selection.focusNode;\n  if (anchorNode === null || focusNode === null || anchorNode === focusNode) {\n    return false;\n  }\n  if (!rootElement.contains(anchorNode) && !rootElement.contains(focusNode)) {\n    return false;\n  }\n\n  const anchorOffset = selection.anchorOffset;\n  const focusOffset = selection.focusOffset;\n\n  const { boundaryNode, boundaryOffset } = getBoundaryNodes(\n    direction,\n    anchorNode,\n    anchorOffset,\n    focusNode,\n    focusOffset,\n  );\n\n  // Cancel any deferred CE-restore (set up by Shift+Arrow / drag-select) and\n  // restore [contenteditable] synchronously so .focus() below lands on a live\n  // editable element. Also clears stale [data-drag-selected] marks.\n  pendingRestoreSignals.get(rootElement)?.abort();\n  pendingRestoreSignals.delete(rootElement);\n  restoreContentEditableAttributes(rootElement);\n  rootElement.removeAttribute('data-shift-selection');\n\n  const target = resolveSpinButton(boundaryNode, rootElement, boundaryOffset);\n\n  selection.removeAllRanges();\n\n  if (target === null) {\n    return false;\n  }\n  target.focus();\n  return true;\n}\n\n// Matches spinbuttons in both normal ([contenteditable]) and temporarily stripped ([data-wascontenteditable]) states.\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 *\n * @param offset - When `node` is an element node (not a text node), this is\n *   the child index from the Selection API. The child just before this position\n *   is used as the starting point for the reverse spinbutton search, so that a\n *   click on empty space after the last spinbutton resolves to that spinbutton\n *   rather than falling back to the first one.\n */\nfunction resolveSpinButton(\n  node: Node,\n  root: HTMLElement,\n  offset?: number,\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  // Element node: offset is a child index. Walk back from offset-1 to find the nearest spinbutton.\n  if (node.nodeType !== Node.TEXT_NODE && offset !== undefined && offset > 0) {\n    const childBefore = node.childNodes[offset - 1];\n    if (childBefore) {\n      const nearest = getNearestPrecedingSpinButton(childBefore, root);\n      if (nearest) {\n        return nearest;\n      }\n    }\n  }\n\n  // Separator or offset-0 element: fall back to nearest preceding spinbutton.\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    // DOCUMENT_POSITION_FOLLOWING is set for both \"after\" and \"contained by\" \u2014 both mean the node comes after this spinButton.\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 = globalThis.getSelection();\n  if (sel) {\n    if (!range) {\n      range = document.createRange();\n      range.selectNodeContents(expressionElement);\n      range.collapse(false);\n    }\n    sel.setBaseAndExtent(\n      range.startContainer,\n      range.startOffset,\n      range.endContainer,\n      range.endOffset,\n    );\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?.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  endpointsOverride?: SelectionEndpoints,\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  // Safari clips a freshly restored cross-CE selection to the active editing\n  // host, so callers may pass the pre-restore endpoints captured by\n  // `deferContentEditableRestore`. Fall back to the live selection otherwise.\n  const anchorNode = endpointsOverride?.anchorNode ?? selection.anchorNode;\n  const anchorOffset =\n    endpointsOverride?.anchorOffset ?? selection.anchorOffset;\n  const focusNode = endpointsOverride?.focusNode ?? selection.focusNode;\n  const focusOffset = endpointsOverride?.focusOffset ?? selection.focusOffset;\n\n  const affectedExpressionRefs = inputRefs.filter((ref) => {\n    const expressionInputRef = ref.current?.expressionInputRef;\n    return (\n      expressionInputRef &&\n      (expressionInputRef.contains(anchorNode) ||\n        expressionInputRef.contains(focusNode))\n    );\n  });\n\n  // Capture raw expression (inputRef.value e.g. \"now()-2h\", not display text) for correct undo via setExpressionValue.\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(anchorNode),\n  );\n  const focusInExpression = affectedExpressionRefs.some((ref) =>\n    ref.current?.expressionInputRef?.contains(focusNode),\n  );\n\n  // Skip buildSpinButtonSnapshot only when BOTH boundaries are inside expression inputs.\n  const snapshot =\n    anchorInExpression && focusInExpression\n      ? []\n      : buildSpinButtonSnapshot(\n          anchorNode,\n          anchorOffset,\n          focusNode,\n          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,46 +1,192 @@
 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,
+  consumePreRestoreEndpoints,
+  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) {
         return;
       }
-      window.getSelection()?.removeAllRanges();
       const root = event.currentTarget;
       const triggerElement = event.target;
+      const clickedOnSpinButton = triggerElement instanceof HTMLElement && triggerElement.hasAttribute("contenteditable");
+      let initialAnchorSpinButton = null;
+      if (!clickedOnSpinButton) {
+        const spinButtons = Array.from(
+          root.querySelectorAll("[contenteditable]")
+        );
+        let bestRight = -Infinity;
+        for (const sb of spinButtons) {
+          const rect = sb.getBoundingClientRect();
+          if (rect.right <= event.clientX && rect.right > bestRight) {
+            initialAnchorSpinButton = sb;
+            bestRight = rect.right;
+          }
+        }
+        if (initialAnchorSpinButton === null && spinButtons.length > 0) {
+          initialAnchorSpinButton = spinButtons[0] ?? null;
+        }
+      }
+      window.getSelection()?.removeAllRanges();
       if (root) {
         removeContentEditable(
           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();
               }
             }
-          }
+          },
+          initialAnchorSpinButton
         );
       }
     },
     [onFocusInput]
   );
+  const lastClearedSnapshotRef = useRef([]);
+  const lastClearedExpressionsRef = useRef([]);
   const onKeyDown = useCallback(
-    (event) => {
+    async (event) => {
       const hasModifierKey = event.metaKey === true || event.ctrlKey === true;
+      const pickerRoot = event.currentTarget;
       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,
+            consumePreRestoreEndpoints(pickerRoot)
+          );
+          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,
+          consumePreRestoreEndpoints(pickerRoot)
+        );
+        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 +196,114 @@ 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,
+            consumePreRestoreEndpoints(pickerRoot)
+          );
+          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 +328,7 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput) {
         }
       }
     },
-    [onFocusInput, touchedContainerRef]
+    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef]
   );
   return { onMouseDown, onKeyDown };
 }