@dynatrace/strato-components 3.6.0 → 3.7.0

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

@@ -1,5 +1,6 @@
 import {
-  useCallback
+  useCallback,
+  useRef
 } from "react";
 import { isExpressionTriggerKey } from "./expression-trigger-helpers.js";
 import { buildTimeframeClipboardText } from "./selection-copy-helpers.js";
@@ -22,11 +23,14 @@ function getInputRefs(dateInputFromRef, dateInputToRef) {
   return [dateInputFromRef, ...dateInputToRef ? [dateInputToRef] : []];
 }
 function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, dateInputFromRef, dateInputToRef) {
+  const contextMenuSelectionRef = useRef(null);
   const onMouseDown = useCallback(
     (event) => {
       if (event.button !== 0) {
         return;
       }
+      contextMenuSelectionRef.current = null;
+      consumePreRestoreEndpoints(event.currentTarget);
       const root = event.currentTarget;
       const triggerElement = event.target;
       const clickedOnSpinButton = triggerElement instanceof HTMLElement && triggerElement.hasAttribute("contenteditable");
@@ -68,6 +72,69 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, date
     },
     [onFocusInput]
   );
+  const performCut = useCallback(
+    (selection, pickerRoot, shouldSetClipboard) => {
+      const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);
+      if (shouldSetClipboard) {
+        const clipboardText = buildTimeframeClipboardText();
+        if (clipboardText !== null) {
+          navigator.clipboard.writeText(clipboardText).catch(() => {
+          });
+        }
+      }
+      const partialExpressionElement = getPartialExpressionElement(
+        selection,
+        inputRefs
+      );
+      if (partialExpressionElement) {
+        deletePartialExpression(selection, partialExpressionElement);
+        return;
+      }
+      const crossExpressionElements = getCrossExpressionElements(
+        selection,
+        inputRefs
+      );
+      const plan = planBulkClear(
+        selection,
+        inputRefs,
+        consumePreRestoreEndpoints(pickerRoot)
+      );
+      if (crossExpressionElements) {
+        const boundaryExpressionRef = crossExpressionElements[0] === crossExpressionElements[1] ? inputRefs.find(
+          (inputRef) => inputRef.current?.expressionInputRef === crossExpressionElements[0]
+        ) : void 0;
+        deleteCrossExpressionPartial(selection, crossExpressionElements);
+        for (const { inputRef, key } of plan.snapshot) {
+          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);
+        }
+        for (const [inputRef, text] of plan.expressionFallbacks) {
+          if (inputRef !== boundaryExpressionRef) {
+            inputRef.current?.setExpressionValue(text);
+          }
+        }
+      } else {
+        for (const { inputRef, key } of plan.snapshot) {
+          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);
+        }
+        for (const [inputRef, text] of plan.expressionFallbacks) {
+          inputRef.current?.setExpressionValue(text);
+        }
+        for (const ref of plan.affectedExpressionRefs) {
+          ref.current?.setExpressionValue("");
+        }
+        selection.removeAllRanges();
+      }
+      restoreFocusAfterBulkClear(
+        getFirstSnapshotHandler(plan.snapshot),
+        findFirstExpressionFocusTarget(
+          inputRefs,
+          plan.affectedExpressionRefs,
+          plan.expressionFallbacks
+        )
+      );
+    },
+    [dateInputFromRef, dateInputToRef]
+  );
   const onKeyDown = useCallback(
     (event) => {
       const hasModifierKey = event.metaKey === true || event.ctrlKey === true;
@@ -91,50 +158,8 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, date
       }
       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)
-          );
-          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
-          );
+        if (getPartialExpressionElement(selection, inputRefs) !== null || getCrossExpressionElements(selection, inputRefs) !== null) {
+          performCut(selection, pickerRoot, false);
           return;
         }
         const plan = planBulkClear(
@@ -154,24 +179,6 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, date
           expressionFocusTarget
         );
       }
-      function onBeforeExpressionDelete(expressionElements, inputRefs) {
-        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 ?? ""
-            });
-          }
-        }
-      }
       if (hasModifierKey && event.key === "a") {
         event.preventDefault();
         if (event.currentTarget instanceof HTMLElement) {
@@ -188,18 +195,15 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, date
       }
       const isCut = hasModifierKey && event.key === "x";
       const isDelete = event.key === "Backspace" || event.key === "Delete";
-      const direction = isCut || event.key === "Backspace" ? "backward" : "forward";
+      const direction = 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) {
-              navigator.clipboard.writeText(clipboardText).catch(() => {
-              });
-            }
+            performCut(selection, pickerRoot, true);
+          } else {
+            bulkClear(selection, direction);
           }
           return;
         }
@@ -286,9 +290,49 @@ function useSelectionInteractionHandlers(touchedContainerRef, onFocusInput, date
         }
       }
     },
-    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef]
+    [
+      onFocusInput,
+      touchedContainerRef,
+      dateInputFromRef,
+      dateInputToRef,
+      performCut
+    ]
+  );
+  const onContextMenu = useCallback(
+    (event) => {
+      consumePreRestoreEndpoints(event.currentTarget);
+      const selection = window.getSelection();
+      contextMenuSelectionRef.current = selection && !selection.isCollapsed && selection.rangeCount > 0 ? selection.getRangeAt(0).cloneRange() : null;
+    },
+    []
+  );
+  const onCutCapture = useCallback(
+    (event) => {
+      const savedRange = contextMenuSelectionRef.current;
+      contextMenuSelectionRef.current = null;
+      if (savedRange) {
+        const sel = window.getSelection();
+        if (sel) {
+          sel.removeAllRanges();
+          sel.addRange(savedRange);
+        }
+      }
+      const selection = window.getSelection();
+      if (!selection || selection.isCollapsed) {
+        return;
+      }
+      event.preventDefault();
+      const pickerRoot = event.currentTarget;
+      performCut(selection, pickerRoot, true);
+      for (const el of pickerRoot.querySelectorAll(
+        "[data-drag-selected]"
+      )) {
+        el.removeAttribute("data-drag-selected");
+      }
+    },
+    [performCut]
   );
-  return { onMouseDown, onKeyDown };
+  return { onMouseDown, onKeyDown, onContextMenu, onCutCapture };
 }
 function getAnchorSpinButton() {
   const anchorNode = window.getSelection()?.anchorNode ?? null;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-range-picker/useSelectionInteractionHandlers.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n} from 'react';\n\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { buildTimeframeClipboardText } from './selection-copy-helpers.js';\nimport {\n  extendSelection,\n  extendSelectionToAll,\n  removeContentEditable,\n  getFirstSnapshotHandler,\n  findFirstExpressionFocusTarget,\n  restoreFocusAfterBulkClear,\n  planBulkClear,\n  getPartialExpressionElement,\n  deletePartialExpression,\n  getCrossExpressionElements,\n  deleteCrossExpressionPartial,\n  consumePreRestoreEndpoints,\n  getLastSnapshotHandler,\n} from './selection-helpers.js';\nimport type { DateTimeInputRef } from './types.js';\n\n/**\n * Builds an array of input references from the given refs.\n * @internal\n */\nfunction getInputRefs(\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): RefObject<DateTimeInputRef>[] {\n  return [dateInputFromRef, ...(dateInputToRef ? [dateInputToRef] : [])];\n}\n\n/**\n * Hook that provides interaction handlers for selection behavior in date/time pickers.\n * Manages mouse and keyboard interactions including text selection and focus management.\n *\n * @param touchedContainerRef - Reference to the container that should be checked when forwarding focus\n * @param onFocusInput - Callback to focus the appropriate input(s) when needed\n * @param dateInputFromRef - Reference to the \"from\" DateTimeInput imperative handle\n * @param dateInputToRef - Reference to the optional \"to\" DateTimeInput imperative handle\n * @returns Object containing onMouseDown and onKeyDown event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n} {\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      // Only compute the anchor spinbutton for clicks in empty space (not on\n      // a spinbutton element itself). For direct spinbutton clicks the browser's\n      // native anchor is correct and must be preserved for single-element\n      // intra-spinbutton drag to work normally.\n      const root: HTMLElement = event.currentTarget;\n      const triggerElement = event.target;\n      const clickedOnSpinButton =\n        triggerElement instanceof HTMLElement &&\n        triggerElement.hasAttribute('contenteditable');\n      let initialAnchorSpinButton: HTMLElement | null = null;\n      if (!clickedOnSpinButton) {\n        const spinButtons = Array.from(\n          root.querySelectorAll<HTMLElement>('[contenteditable]'),\n        );\n        // Find the rightmost spinbutton whose right edge is at or before the\n        // click x \u2014 that is the spinbutton the drag started on (or the last\n        // one to its left when clicking in empty space).\n        let bestRight = -Infinity;\n        for (const sb of spinButtons) {\n          const rect = sb.getBoundingClientRect();\n          if (rect.right <= event.clientX && rect.right > bestRight) {\n            initialAnchorSpinButton = sb;\n            bestRight = rect.right;\n          }\n        }\n        // Clicked before all spinbuttons \u2192 fall back to the first one.\n        if (initialAnchorSpinButton === null && spinButtons.length > 0) {\n          initialAnchorSpinButton = spinButtons[0] ?? null;\n        }\n      }\n      window.getSelection()?.removeAllRanges();\n      if (root) {\n        removeContentEditable(\n          root,\n          document,\n          'mouseup',\n          (mouseUpEvent: Event, hasMultiElementSelection: boolean) => {\n            if (\n              !hasMultiElementSelection &&\n              mouseUpEvent.target instanceof HTMLElement &&\n              mouseUpEvent.target === triggerElement\n            ) {\n              // If the click landed on a contenteditable element (spin button\n              // or expression input), focus it directly. Otherwise the click\n              // was on the container or a non-interactive child, so forward\n              // focus to the first input.\n              if (mouseUpEvent.target.hasAttribute('contenteditable')) {\n                mouseUpEvent.target.focus();\n              } else {\n                onFocusInput();\n              }\n            }\n          },\n          initialAnchorSpinButton,\n        );\n      }\n    },\n    [onFocusInput],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Accept either Meta (Mac Cmd) or Ctrl as the modifier key so that the\n      // handler works consistently across platforms and in automated test\n      // environments (e.g. Playwright's Chromium) where the userAgent may not\n      // reliably indicate the OS.\n      const hasModifierKey = event.metaKey === true || event.ctrlKey === true;\n      const pickerRoot = event.currentTarget;\n\n      // If keydown event captures modifier keys by itself or a copy, do nothing\n      if (\n        event.key === 'Shift' ||\n        event.key === 'Control' ||\n        event.key === 'Meta' ||\n        event.key === 'Alt' ||\n        event.key === 'Command'\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      // Applies the plan returned by planBulkClear: saves undo snapshots,\n      // clears all affected spin buttons and expression inputs, and collapses\n      // the selection.\n      function applyBulkClear(\n        plan: ReturnType<typeof planBulkClear>,\n        selection: Selection,\n      ) {\n        const { snapshot, affectedExpressionRefs, expressionFallbacks } = plan;\n        for (const { inputRef, key } of snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of expressionFallbacks) {\n          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      // Computes the bulk-clear plan, applies it, and returns focus targets.\n      // Used by delete, cut, and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        const partialExpressionElement = getPartialExpressionElement(\n          selection,\n          inputRefs,\n        );\n        if (partialExpressionElement) {\n          onBeforeExpressionDelete([partialExpressionElement], inputRefs);\n          deletePartialExpression(selection, partialExpressionElement);\n          return;\n        }\n\n        const crossExpressionElements = getCrossExpressionElements(\n          selection,\n          inputRefs,\n        );\n        if (crossExpressionElements) {\n          const isSameExpressionSelection =\n            crossExpressionElements[0] === crossExpressionElements[1];\n          const expressionElementsForUndo = isSameExpressionSelection\n            ? [crossExpressionElements[0]]\n            : crossExpressionElements;\n          onBeforeExpressionDelete(expressionElementsForUndo, inputRefs);\n\n          const boundaryExpressionRef = isSameExpressionSelection\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\n\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n\n          const firstSpinButtonHandler = getFirstSnapshotHandler(plan.snapshot);\n          const expressionFocusTarget = findFirstExpressionFocusTarget(\n            inputRefs,\n            plan.affectedExpressionRefs,\n            plan.expressionFallbacks,\n          );\n\n          deleteCrossExpressionPartial(selection, crossExpressionElements);\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          for (const [inputRef, text] of plan.expressionFallbacks) {\n            if (inputRef !== boundaryExpressionRef) {\n              inputRef.current?.setExpressionValue(text);\n            }\n          }\n\n          restoreFocusAfterBulkClear(\n            firstSpinButtonHandler,\n            expressionFocusTarget,\n          );\n\n          return;\n        }\n\n        const plan = planBulkClear(\n          selection,\n          inputRefs,\n          consumePreRestoreEndpoints(pickerRoot),\n        );\n        const nextFocusedElementHandler =\n          direction === 'backward'\n            ? getFirstSnapshotHandler(plan.snapshot)\n            : getLastSnapshotHandler(plan.snapshot);\n        const expressionFocusTarget = findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        );\n        applyBulkClear(plan, selection);\n        restoreFocusAfterBulkClear(\n          nextFocusedElementHandler,\n          expressionFocusTarget,\n        );\n      }\n\n      // Saves the current text of each expression element as an undo snapshot\n      // before a partial or cross-expression deletion that bypasses applyBulkClear.\n      function onBeforeExpressionDelete(\n        expressionElements: HTMLSpanElement[],\n        inputRefs: RefObject<DateTimeInputRef>[],\n      ) {\n        const expressionSnapshots: {\n          inputRef: RefObject<DateTimeInputRef>;\n          previousText: string;\n        }[] = [];\n\n        for (const exprEl of expressionElements) {\n          let matchingRef: RefObject<DateTimeInputRef> | undefined;\n          for (const inputRef of inputRefs) {\n            if (inputRef.current?.expressionInputRef === exprEl) {\n              matchingRef = inputRef;\n              break;\n            }\n          }\n\n          if (matchingRef) {\n            expressionSnapshots.push({\n              inputRef: matchingRef,\n              previousText:\n                matchingRef.current?.inputRef?.value ??\n                exprEl.textContent ??\n                '',\n            });\n          }\n        }\n      }\n\n      // Handle select all with Ctrl + A\n      if (hasModifierKey && event.key === 'a') {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // No need to remove contentEditable here: extendSelectionToAll explicitly focuses the first spin button\n          // and then sets the cross-element range with addRange, keeping the focus on the already focused spin button.\n          extendSelectionToAll();\n        }\n        return;\n      }\n\n      // Check if the selection should be expanded with Shift\n      if (\n        event.shiftKey === true &&\n        (event.key === 'ArrowLeft' ||\n          event.key === 'ArrowRight' ||\n          event.key === 'Home' ||\n          event.key === 'End')\n      ) {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // extendSelection uses setBaseAndExtent internally, which can cross\n          // contenteditable boundaries without needing to strip the attribute.\n          // No removeContentEditable / focus manipulation is needed here.\n          extendSelection(event.key);\n        }\n        return;\n      }\n\n      const isCut = hasModifierKey && event.key === 'x';\n      const isDelete = event.key === 'Backspace' || event.key === 'Delete';\n      const direction =\n        isCut || event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        if (selection && !selection.isCollapsed) {\n          event.preventDefault();\n\n          const clipboardText = buildTimeframeClipboardText();\n          // Apply the clear and update focus synchronously BEFORE awaiting the\n          // clipboard write. This ensures the undo snapshot is saved inside the\n          // current synchronous execution context so that a Ctrl+Z fired\n          // immediately afterwards (e.g. in tests wrapped with act()) can always\n          // find a non-empty lastClearedSnapshotRef.\n          bulkClear(selection, direction);\n\n          if (isCut) {\n            if (clipboardText !== null) {\n              navigator.clipboard.writeText(clipboardText).catch(() => {\n                // For now, we silently ignore clipboard write errors.\n              });\n            }\n          }\n          return;\n        }\n      }\n\n      // When there is a cross-element selection and the user types a printable\n      // character, bulk-clear the selection and forward the key to the anchor\n      // spin button so it can process the character normally.\n      // Intra-element selections (drag within a single spin button) are left\n      // alone \u2014 the spin button's own beforeinput handler deals with those.\n      if (\n        !hasModifierKey &&\n        !event.shiftKey &&\n        event.key.length === 1 &&\n        (isExpressionTriggerKey(event) || /^\\d$/.test(event.key))\n      ) {\n        const selection = window.getSelection();\n        if (\n          selection &&\n          !selection.isCollapsed &&\n          selection.anchorNode !== selection.focusNode\n        ) {\n          event.preventDefault();\n          const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n\n          // When ALL spin buttons of an affected input are cleared (0 survivors),\n          // the input should switch to expression mode \u2014 use the full applyBulkClear\n          // path (same as Delete). Detected by: expression fallbacks will fire AND\n          // the selection starts at the first spin button of its input.\n          // When the first spin button is the survivor (selection starts later),\n          // skip expression fallbacks so the input stays in ISO mode and the typed\n          // character lands in the first selected spin button.\n          const firstEntry = plan.snapshot[0];\n          const firstKey = firstEntry\n            ? [\n                ...(firstEntry.inputRef.current?.spinButtonHandlers.keys() ??\n                  []),\n              ][0]\n            : undefined;\n          const expressionModeWillSwitch =\n            plan.expressionFallbacks.size > 0 && firstEntry?.key === firstKey;\n\n          if (expressionModeWillSwitch) {\n            const firstSpinButtonHandler = getFirstSnapshotHandler(\n              plan.snapshot,\n            );\n            const expressionFocusTarget = findFirstExpressionFocusTarget(\n              inputRefs,\n              plan.affectedExpressionRefs,\n              plan.expressionFallbacks,\n            );\n            applyBulkClear(plan, selection);\n            // Pre-fill the expression input with the typed character. Both this\n            // call and the setExpressionValue('') inside applyBulkClear are\n            // batched by React 18, so the expression input renders with the\n            // character before the rAF in makeFocusAfterBulkClear fires.\n            expressionFocusTarget?.current?.setExpressionValue(event.key);\n            restoreFocusAfterBulkClear(\n              firstSpinButtonHandler,\n              expressionFocusTarget,\n            );\n            return;\n          }\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          selection.removeAllRanges();\n\n          // Get the handler for the first cleared spin button directly from\n          // the snapshot. We cannot use getFirstSnapshotHandler here because\n          // it intentionally returns undefined for the first/second keys\n          // (designed for post-delete focus), which would swallow the character.\n          const handler = firstEntry\n            ? firstEntry.inputRef.current?.spinButtonHandlers.get(\n                firstEntry.key,\n              )\n            : undefined;\n          if (handler) {\n            handler.element.current?.focus();\n            if (handler.type === 'number') {\n              handler.applyText(event.key, true);\n              const newLength =\n                handler.element.current?.textContent?.length ?? 0;\n              handler.setSelection({ start: newLength, end: newLength });\n            } else {\n              handler.element.current?.dispatchEvent(\n                new KeyboardEvent('keydown', {\n                  key: event.key,\n                  bubbles: true,\n                  cancelable: true,\n                }),\n              );\n            }\n          }\n          return;\n        }\n      }\n\n      // When the container itself has focus (post drag-select, no spin button focused),\n      // intercept ArrowUp / ArrowDown and forward them to the anchor spin button.\n      // This avoids the Firefox visual bug caused by focusing a spin button during\n      // drag-restore \u2014 no focus() is called there, so the container holds focus.\n      if (\n        !event.shiftKey &&\n        !hasModifierKey &&\n        (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n        event.target === touchedContainerRef.current\n      ) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          event.preventDefault();\n          // Focus the spin button. onFocus sees selectionSpansMultipleNodes = true\n          // (the cross-element range is still intact) and skips selectAll().\n          anchorSpinButton.focus();\n          // Dispatch a synthetic keydown to trigger useValueNavigation on the spin button.\n          anchorSpinButton.dispatchEvent(\n            new KeyboardEvent('keydown', {\n              key: event.key,\n              bubbles: true,\n              cancelable: true,\n            }),\n          );\n          return;\n        }\n      }\n\n      // Forward the focus when a key is pressed in this element.\n      // If the container has focus with an active selection (post Cmd+A or drag),\n      // forward to the anchor spin button so the key lands in the right field.\n      // Otherwise fall back to onFocusInput() which focuses the first input.\n      // Skip for modifier+key shortcuts (e.g. Cmd+C): focusing a spin button\n      // collapses Firefox's cross-element selection before the copy event fires.\n      if (event.target === touchedContainerRef.current && !hasModifierKey) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          anchorSpinButton.focus();\n        } else {\n          onFocusInput();\n        }\n      }\n    },\n    [onFocusInput, touchedContainerRef, dateInputFromRef, dateInputToRef],\n  );\n\n  return { onMouseDown, onKeyDown };\n}\n\nfunction getAnchorSpinButton(): HTMLElement | null {\n  const anchorNode = window.getSelection()?.anchorNode ?? null;\n  if (anchorNode === null) {\n    return null;\n  }\n\n  return anchorNode.nodeType === Node.TEXT_NODE\n    ? (anchorNode as Text).parentElement?.closest<HTMLElement>(\n        '[contenteditable]',\n      ) ?? null\n    : (anchorNode as HTMLElement | null)?.closest?.('[contenteditable]') ??\n        null;\n}\n"],
-  "mappings": "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",
-  "names": ["direction", "plan", "expressionFocusTarget"]
+  "sourcesContent": ["import {\n  useCallback,\n  useRef,\n  type ClipboardEvent as ReactClipboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type RefObject,\n} from 'react';\n\nimport { isExpressionTriggerKey } from './expression-trigger-helpers.js';\nimport { buildTimeframeClipboardText } from './selection-copy-helpers.js';\nimport {\n  extendSelection,\n  extendSelectionToAll,\n  removeContentEditable,\n  getFirstSnapshotHandler,\n  findFirstExpressionFocusTarget,\n  restoreFocusAfterBulkClear,\n  planBulkClear,\n  getPartialExpressionElement,\n  deletePartialExpression,\n  getCrossExpressionElements,\n  deleteCrossExpressionPartial,\n  consumePreRestoreEndpoints,\n  getLastSnapshotHandler,\n} from './selection-helpers.js';\nimport type { DateTimeInputRef } from './types.js';\n\n/**\n * Builds an array of input references from the given refs.\n * @internal\n */\nfunction getInputRefs(\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): RefObject<DateTimeInputRef>[] {\n  return [dateInputFromRef, ...(dateInputToRef ? [dateInputToRef] : [])];\n}\n\n/**\n * Hook that provides interaction handlers for selection behavior in date/time pickers.\n * Manages mouse and keyboard interactions including text selection and focus management.\n *\n * @param touchedContainerRef - Reference to the container that should be checked when forwarding focus\n * @param onFocusInput - Callback to focus the appropriate input(s) when needed\n * @param dateInputFromRef - Reference to the \"from\" DateTimeInput imperative handle\n * @param dateInputToRef - Reference to the optional \"to\" DateTimeInput imperative handle\n * @returns Object containing onMouseDown, onKeyDown and onCutCapture event handlers\n *\n * @internal\n */\nexport function useSelectionInteractionHandlers(\n  touchedContainerRef: RefObject<HTMLElement>,\n  onFocusInput: () => void,\n  dateInputFromRef: RefObject<DateTimeInputRef>,\n  dateInputToRef?: RefObject<DateTimeInputRef>,\n): {\n  onMouseDown: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n  onContextMenu: (event: ReactMouseEvent<HTMLDivElement>) => void;\n  onCutCapture: (event: ReactClipboardEvent<HTMLDivElement>) => void;\n} {\n  // Snapshot the selection at contextmenu time so that\n  // onCutCapture can restore it before running the deletion logic.\n  const contextMenuSelectionRef = useRef<Range | null>(null);\n\n  const onMouseDown = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      if (event.button !== 0) {\n        return;\n      }\n      // A new left-click starts a new selection; discard any stale contextmenu snapshot\n      // and pre-restore endpoints\n      contextMenuSelectionRef.current = null;\n      consumePreRestoreEndpoints(event.currentTarget);\n      // Only compute the anchor spinbutton for clicks in empty space (not on\n      // a spinbutton element itself). For direct spinbutton clicks the browser's\n      // native anchor is correct and must be preserved for single-element\n      // intra-spinbutton drag to work normally.\n      const root: HTMLElement = event.currentTarget;\n      const triggerElement = event.target;\n      const clickedOnSpinButton =\n        triggerElement instanceof HTMLElement &&\n        triggerElement.hasAttribute('contenteditable');\n      let initialAnchorSpinButton: HTMLElement | null = null;\n      if (!clickedOnSpinButton) {\n        const spinButtons = Array.from(\n          root.querySelectorAll<HTMLElement>('[contenteditable]'),\n        );\n        // Find the rightmost spinbutton whose right edge is at or before the\n        // click x \u2014 that is the spinbutton the drag started on (or the last\n        // one to its left when clicking in empty space).\n        let bestRight = -Infinity;\n        for (const sb of spinButtons) {\n          const rect = sb.getBoundingClientRect();\n          if (rect.right <= event.clientX && rect.right > bestRight) {\n            initialAnchorSpinButton = sb;\n            bestRight = rect.right;\n          }\n        }\n        // Clicked before all spinbuttons \u2192 fall back to the first one.\n        if (initialAnchorSpinButton === null && spinButtons.length > 0) {\n          initialAnchorSpinButton = spinButtons[0] ?? null;\n        }\n      }\n      window.getSelection()?.removeAllRanges();\n      if (root) {\n        removeContentEditable(\n          root,\n          document,\n          'mouseup',\n          (mouseUpEvent: Event, hasMultiElementSelection: boolean) => {\n            if (\n              !hasMultiElementSelection &&\n              mouseUpEvent.target instanceof HTMLElement &&\n              mouseUpEvent.target === triggerElement\n            ) {\n              // If the click landed on a contenteditable element (spin button\n              // or expression input), focus it directly. Otherwise the click\n              // was on the container or a non-interactive child, so forward\n              // focus to the first input.\n              if (mouseUpEvent.target.hasAttribute('contenteditable')) {\n                mouseUpEvent.target.focus();\n              } else {\n                onFocusInput();\n              }\n            }\n          },\n          initialAnchorSpinButton,\n        );\n      }\n    },\n    [onFocusInput],\n  );\n\n  // Shared cut logic for both Ctrl+X and context-menu cut.\n  // Calls setClipboard with the appropriate text, then performs the DOM deletion.\n  const performCut = useCallback(\n    (\n      selection: Selection,\n      pickerRoot: HTMLElement,\n      shouldSetClipboard: boolean,\n    ): void => {\n      const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n      if (shouldSetClipboard) {\n        const clipboardText = buildTimeframeClipboardText();\n        if (clipboardText !== null) {\n          navigator.clipboard.writeText(clipboardText).catch(() => {\n            // For now, we silently ignore clipboard write errors.\n          });\n        }\n      }\n\n      const partialExpressionElement = getPartialExpressionElement(\n        selection,\n        inputRefs,\n      );\n      if (partialExpressionElement) {\n        deletePartialExpression(selection, partialExpressionElement);\n        return;\n      }\n\n      const crossExpressionElements = getCrossExpressionElements(\n        selection,\n        inputRefs,\n      );\n      const plan = planBulkClear(\n        selection,\n        inputRefs,\n        consumePreRestoreEndpoints(pickerRoot),\n      );\n\n      if (crossExpressionElements) {\n        const boundaryExpressionRef =\n          crossExpressionElements[0] === crossExpressionElements[1]\n            ? inputRefs.find(\n                (inputRef) =>\n                  inputRef.current?.expressionInputRef ===\n                  crossExpressionElements[0],\n              )\n            : undefined;\n\n        deleteCrossExpressionPartial(selection, crossExpressionElements);\n\n        for (const { inputRef, key } of plan.snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of plan.expressionFallbacks) {\n          if (inputRef !== boundaryExpressionRef) {\n            inputRef.current?.setExpressionValue(text);\n          }\n        }\n      } else {\n        for (const { inputRef, key } of plan.snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of plan.expressionFallbacks) {\n          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of plan.affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      restoreFocusAfterBulkClear(\n        getFirstSnapshotHandler(plan.snapshot),\n        findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        ),\n      );\n    },\n    [dateInputFromRef, dateInputToRef],\n  );\n\n  const onKeyDown = useCallback(\n    (event: ReactKeyboardEvent<HTMLDivElement>) => {\n      // Accept either Meta (Mac Cmd) or Ctrl as the modifier key so that the\n      // handler works consistently across platforms and in automated test\n      // environments (e.g. Playwright's Chromium) where the userAgent may not\n      // reliably indicate the OS.\n      const hasModifierKey = event.metaKey === true || event.ctrlKey === true;\n      const pickerRoot = event.currentTarget;\n\n      // If keydown event captures modifier keys by itself or a copy, do nothing\n      if (\n        event.key === 'Shift' ||\n        event.key === 'Control' ||\n        event.key === 'Meta' ||\n        event.key === 'Alt' ||\n        event.key === 'Command'\n      ) {\n        event.preventDefault();\n        return;\n      }\n\n      // Applies the plan returned by planBulkClear: saves undo snapshots,\n      // clears all affected spin buttons and expression inputs, and collapses\n      // the selection.\n      function applyBulkClear(\n        plan: ReturnType<typeof planBulkClear>,\n        selection: Selection,\n      ) {\n        const { snapshot, affectedExpressionRefs, expressionFallbacks } = plan;\n        for (const { inputRef, key } of snapshot) {\n          inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n        }\n        for (const [inputRef, text] of expressionFallbacks) {\n          inputRef.current?.setExpressionValue(text);\n        }\n        for (const ref of affectedExpressionRefs) {\n          ref.current?.setExpressionValue('');\n        }\n        selection.removeAllRanges();\n      }\n\n      // Computes the bulk-clear plan, applies it, and returns focus targets.\n      // Used by delete/backspace and type-to-replace.\n      function bulkClear(\n        selection: Selection,\n        direction: 'forward' | 'backward',\n      ) {\n        const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n\n        if (\n          getPartialExpressionElement(selection, inputRefs) !== null ||\n          getCrossExpressionElements(selection, inputRefs) !== null\n        ) {\n          performCut(selection, pickerRoot, false);\n          return;\n        }\n\n        const plan = planBulkClear(\n          selection,\n          inputRefs,\n          consumePreRestoreEndpoints(pickerRoot),\n        );\n        const nextFocusedElementHandler =\n          direction === 'backward'\n            ? getFirstSnapshotHandler(plan.snapshot)\n            : getLastSnapshotHandler(plan.snapshot);\n        const expressionFocusTarget = findFirstExpressionFocusTarget(\n          inputRefs,\n          plan.affectedExpressionRefs,\n          plan.expressionFallbacks,\n        );\n        applyBulkClear(plan, selection);\n        restoreFocusAfterBulkClear(\n          nextFocusedElementHandler,\n          expressionFocusTarget,\n        );\n      }\n\n      // Handle select all with Ctrl + A\n      if (hasModifierKey && event.key === 'a') {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // No need to remove contentEditable here: extendSelectionToAll explicitly focuses the first spin button\n          // and then sets the cross-element range with addRange, keeping the focus on the already focused spin button.\n          extendSelectionToAll();\n        }\n        return;\n      }\n\n      // Check if the selection should be expanded with Shift\n      if (\n        event.shiftKey === true &&\n        (event.key === 'ArrowLeft' ||\n          event.key === 'ArrowRight' ||\n          event.key === 'Home' ||\n          event.key === 'End')\n      ) {\n        event.preventDefault();\n        if (event.currentTarget instanceof HTMLElement) {\n          // extendSelection uses setBaseAndExtent internally, which can cross\n          // contenteditable boundaries without needing to strip the attribute.\n          // No removeContentEditable / focus manipulation is needed here.\n          extendSelection(event.key);\n        }\n        return;\n      }\n\n      const isCut = hasModifierKey && event.key === 'x';\n      const isDelete = event.key === 'Backspace' || event.key === 'Delete';\n      const direction = event.key === 'Backspace' ? 'backward' : 'forward';\n\n      if (isCut || isDelete) {\n        const selection = window.getSelection();\n        if (selection && !selection.isCollapsed) {\n          event.preventDefault();\n\n          if (isCut) {\n            // Apply the clear and update focus synchronously BEFORE awaiting the\n            // clipboard write. This ensures the undo snapshot is saved inside the\n            // current synchronous execution context so that a Ctrl+Z fired\n            // immediately afterwards (e.g. in tests wrapped with act()) can always\n            // find a non-empty lastClearedSnapshotRef.\n            performCut(selection, pickerRoot, true);\n          } else {\n            bulkClear(selection, direction);\n          }\n          return;\n        }\n      }\n\n      // When there is a cross-element selection and the user types a printable\n      // character, bulk-clear the selection and forward the key to the anchor\n      // spin button so it can process the character normally.\n      // Intra-element selections (drag within a single spin button) are left\n      // alone \u2014 the spin button's own beforeinput handler deals with those.\n      if (\n        !hasModifierKey &&\n        !event.shiftKey &&\n        event.key.length === 1 &&\n        (isExpressionTriggerKey(event) || /^\\d$/.test(event.key))\n      ) {\n        const selection = window.getSelection();\n        if (\n          selection &&\n          !selection.isCollapsed &&\n          selection.anchorNode !== selection.focusNode\n        ) {\n          event.preventDefault();\n          const inputRefs = getInputRefs(dateInputFromRef, dateInputToRef);\n          const plan = planBulkClear(\n            selection,\n            inputRefs,\n            consumePreRestoreEndpoints(pickerRoot),\n          );\n\n          // When ALL spin buttons of an affected input are cleared (0 survivors),\n          // the input should switch to expression mode \u2014 use the full applyBulkClear\n          // path (same as Delete). Detected by: expression fallbacks will fire AND\n          // the selection starts at the first spin button of its input.\n          // When the first spin button is the survivor (selection starts later),\n          // skip expression fallbacks so the input stays in ISO mode and the typed\n          // character lands in the first selected spin button.\n          const firstEntry = plan.snapshot[0];\n          const firstKey = firstEntry\n            ? [\n                ...(firstEntry.inputRef.current?.spinButtonHandlers.keys() ??\n                  []),\n              ][0]\n            : undefined;\n          const expressionModeWillSwitch =\n            plan.expressionFallbacks.size > 0 && firstEntry?.key === firstKey;\n\n          if (expressionModeWillSwitch) {\n            const firstSpinButtonHandler = getFirstSnapshotHandler(\n              plan.snapshot,\n            );\n            const expressionFocusTarget = findFirstExpressionFocusTarget(\n              inputRefs,\n              plan.affectedExpressionRefs,\n              plan.expressionFallbacks,\n            );\n            applyBulkClear(plan, selection);\n            // Pre-fill the expression input with the typed character. Both this\n            // call and the setExpressionValue('') inside applyBulkClear are\n            // batched by React 18, so the expression input renders with the\n            // character before the rAF in makeFocusAfterBulkClear fires.\n            expressionFocusTarget?.current?.setExpressionValue(event.key);\n            restoreFocusAfterBulkClear(\n              firstSpinButtonHandler,\n              expressionFocusTarget,\n            );\n            return;\n          }\n\n          for (const { inputRef, key } of plan.snapshot) {\n            inputRef.current?.spinButtonHandlers.get(key)?.clearValue(true);\n          }\n          selection.removeAllRanges();\n\n          // Get the handler for the first cleared spin button directly from\n          // the snapshot. We cannot use getFirstSnapshotHandler here because\n          // it intentionally returns undefined for the first/second keys\n          // (designed for post-delete focus), which would swallow the character.\n          const handler = firstEntry\n            ? firstEntry.inputRef.current?.spinButtonHandlers.get(\n                firstEntry.key,\n              )\n            : undefined;\n          if (handler) {\n            handler.element.current?.focus();\n            if (handler.type === 'number') {\n              handler.applyText(event.key, true);\n              const newLength =\n                handler.element.current?.textContent?.length ?? 0;\n              handler.setSelection({ start: newLength, end: newLength });\n            } else {\n              handler.element.current?.dispatchEvent(\n                new KeyboardEvent('keydown', {\n                  key: event.key,\n                  bubbles: true,\n                  cancelable: true,\n                }),\n              );\n            }\n          }\n          return;\n        }\n      }\n\n      // When the container itself has focus (post drag-select, no spin button focused),\n      // intercept ArrowUp / ArrowDown and forward them to the anchor spin button.\n      // This avoids the Firefox visual bug caused by focusing a spin button during\n      // drag-restore \u2014 no focus() is called there, so the container holds focus.\n      if (\n        !event.shiftKey &&\n        !hasModifierKey &&\n        (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n        event.target === touchedContainerRef.current\n      ) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          event.preventDefault();\n          // Focus the spin button. onFocus sees selectionSpansMultipleNodes = true\n          // (the cross-element range is still intact) and skips selectAll().\n          anchorSpinButton.focus();\n          // Dispatch a synthetic keydown to trigger useValueNavigation on the spin button.\n          anchorSpinButton.dispatchEvent(\n            new KeyboardEvent('keydown', {\n              key: event.key,\n              bubbles: true,\n              cancelable: true,\n            }),\n          );\n          return;\n        }\n      }\n\n      // Forward the focus when a key is pressed in this element.\n      // If the container has focus with an active selection (post Cmd+A or drag),\n      // forward to the anchor spin button so the key lands in the right field.\n      // Otherwise fall back to onFocusInput() which focuses the first input.\n      // Skip for modifier+key shortcuts (e.g. Cmd+C): focusing a spin button\n      // collapses Firefox's cross-element selection before the copy event fires.\n      if (event.target === touchedContainerRef.current && !hasModifierKey) {\n        const anchorSpinButton = getAnchorSpinButton();\n\n        if (anchorSpinButton !== null) {\n          anchorSpinButton.focus();\n        } else {\n          onFocusInput();\n        }\n      }\n    },\n    [\n      onFocusInput,\n      touchedContainerRef,\n      dateInputFromRef,\n      dateInputToRef,\n      performCut,\n    ],\n  );\n\n  const onContextMenu = useCallback(\n    (event: ReactMouseEvent<HTMLDivElement>) => {\n      // Clear stale pre-restore endpoints so planBulkClear uses the fresh selection\n      // from this new right-click session rather than a previous multi-element range.\n      consumePreRestoreEndpoints(event.currentTarget);\n      const selection = window.getSelection();\n      contextMenuSelectionRef.current =\n        selection && !selection.isCollapsed && selection.rangeCount > 0\n          ? selection.getRangeAt(0).cloneRange()\n          : null;\n    },\n    [],\n  );\n\n  // Handles native 'cut' from the context menu using synchronous clipboardData.\n  const onCutCapture = useCallback(\n    (event: ReactClipboardEvent<HTMLDivElement>) => {\n      // Restore the selection saved at contextmenu time before reading it.\n      // Firefox may extend or change the selection between right-click and cut.\n      const savedRange = contextMenuSelectionRef.current;\n      contextMenuSelectionRef.current = null;\n      if (savedRange) {\n        const sel = window.getSelection();\n        if (sel) {\n          sel.removeAllRanges();\n          sel.addRange(savedRange);\n        }\n      }\n\n      const selection = window.getSelection();\n      if (!selection || selection.isCollapsed) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const pickerRoot = event.currentTarget;\n      performCut(selection, pickerRoot, true);\n\n      // Clear data-drag-selected marks set during contextmenu.\n      for (const el of pickerRoot.querySelectorAll<HTMLElement>(\n        '[data-drag-selected]',\n      )) {\n        el.removeAttribute('data-drag-selected');\n      }\n    },\n    [performCut],\n  );\n\n  return { onMouseDown, onKeyDown, onContextMenu, onCutCapture };\n}\n\nfunction getAnchorSpinButton(): HTMLElement | null {\n  const anchorNode = window.getSelection()?.anchorNode ?? null;\n  if (anchorNode === null) {\n    return null;\n  }\n\n  return anchorNode.nodeType === Node.TEXT_NODE\n    ? (anchorNode as Text).parentElement?.closest<HTMLElement>(\n        '[contenteditable]',\n      ) ?? null\n    : (anchorNode as HTMLElement | null)?.closest?.('[contenteditable]') ??\n        null;\n}\n"],
+  "mappings": "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",
+  "names": ["direction"]
 }

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

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

package/esm/forms/forms-core/components/field-set/FieldSet.sty.js

@@ -1,6 +1,6 @@
 import "./FieldSet.css";
-var fieldset = "_1dphm0f0-3-6-0";
-var legend = "_1dphm0f1-3-6-0";
+var fieldset = "_1dphm0f0-3-7-0";
+var legend = "_1dphm0f1-3-7-0";
 export {
   fieldset,
   legend

package/esm/forms/forms-core/components/field-set/FieldSet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/field-set/FieldSet.css.ts"],
-  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-6-0';\nexport var legend = '_1dphm0f1-3-6-0';"],
+  "sourcesContent": ["import './FieldSet.css';\nexport var fieldset = '_1dphm0f0-3-7-0';\nexport var legend = '_1dphm0f1-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,SAAS;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field/FormField.sty.js

@@ -1,5 +1,5 @@
 import "./FormField.css";
-var formField = "_mvcxum0-3-6-0";
+var formField = "_mvcxum0-3-7-0";
 export {
   formField
 };

package/esm/forms/forms-core/components/form-field/FormField.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field/FormField.css.ts"],
-  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-6-0';"],
+  "sourcesContent": ["import './FormField.css';\nexport var formField = '_mvcxum0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.css

@@ -1,17 +1,17 @@
-._16z6rg10-3-6-0 {
+._16z6rg10-3-7-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
 }
-._16z6rg11-3-6-0 {
+._16z6rg11-3-7-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._16z6rg12-3-6-0 {
+._16z6rg12-3-7-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._16z6rg13-3-6-0 {
+._16z6rg13-3-7-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._16z6rg14-3-6-0 {
+._16z6rg14-3-7-0 {
   min-width: 0;
   overflow-wrap: break-word;
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.sty.js

@@ -1,7 +1,7 @@
 import "./FormFieldMessageItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-6-0", variantClassNames: { variant: { hint: "_16z6rg11-3-6-0", error: "_16z6rg12-3-6-0" }, disabled: { true: "_16z6rg13-3-6-0" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
-var formFieldMessageItemText = "_16z6rg14-3-6-0";
+var formFieldMessageItem = _7a468({ defaultClassName: "_16z6rg10-3-7-0", variantClassNames: { variant: { hint: "_16z6rg11-3-7-0", error: "_16z6rg12-3-7-0" }, disabled: { true: "_16z6rg13-3-7-0" } }, defaultVariants: { variant: "hint", disabled: false }, compoundVariants: [] });
+var formFieldMessageItemText = "_16z6rg14-3-7-0";
 export {
   formFieldMessageItem,
   formFieldMessageItemText

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessageItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessageItem.css.ts"],
-  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-6-0',variantClassNames:{variant:{hint:'_16z6rg11-3-6-0',error:'_16z6rg12-3-6-0'},disabled:{true:'_16z6rg13-3-6-0'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-6-0';"],
+  "sourcesContent": ["import './FormFieldMessageItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldMessageItem = _7a468({defaultClassName:'_16z6rg10-3-7-0',variantClassNames:{variant:{hint:'_16z6rg11-3-7-0',error:'_16z6rg12-3-7-0'},disabled:{true:'_16z6rg13-3-7-0'}},defaultVariants:{variant:'hint',disabled:false},compoundVariants:[]});\nexport var formFieldMessageItemText = '_16z6rg14-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,SAAQ,QAAO,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzP,IAAI,2BAA2B;",
   "names": []
 }

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js

@@ -1,5 +1,5 @@
 import "./FormFieldMessages.css";
-var formFieldMessages = "_1l9bja60-3-6-0";
+var formFieldMessages = "_1l9bja60-3-7-0";
 export {
   formFieldMessages
 };

package/esm/forms/forms-core/components/form-field-messages/FormFieldMessages.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/form-field-messages/FormFieldMessages.css.ts"],
-  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-6-0';"],
+  "sourcesContent": ["import './FormFieldMessages.css';\nexport var formFieldMessages = '_1l9bja60-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;",
   "names": []
 }

package/esm/forms/forms-core/components/label/Label.css

@@ -1,15 +1,15 @@
-._1gxatyo0-3-6-0 {
+._1gxatyo0-3-7-0 {
   display: inline-block;
 }
-._1gxatyo1-3-6-0 {
+._1gxatyo1-3-7-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1gxatyo2-3-6-0:after {
+._1gxatyo2-3-7-0:after {
   content: "*" / "";
 }
-._1gxatyo3-3-6-0 {
+._1gxatyo3-3-7-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1gxatyo4-3-6-0 {
+._1gxatyo4-3-7-0 {
   margin-left: var(--dt-spacings-size-4, 4px);
 }

package/esm/forms/forms-core/components/label/Label.sty.js

@@ -1,7 +1,7 @@
 import "./Label.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var label = _7a468({ defaultClassName: "_1gxatyo0-3-6-0", variantClassNames: { disabled: { true: "_1gxatyo1-3-6-0" }, required: { true: "_1gxatyo2-3-6-0" }, readOnly: { true: "_1gxatyo3-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
-var readOnlyLabel = "_1gxatyo4-3-6-0";
+var label = _7a468({ defaultClassName: "_1gxatyo0-3-7-0", variantClassNames: { disabled: { true: "_1gxatyo1-3-7-0" }, required: { true: "_1gxatyo2-3-7-0" }, readOnly: { true: "_1gxatyo3-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var readOnlyLabel = "_1gxatyo4-3-7-0";
 export {
   label,
   readOnlyLabel

package/esm/forms/forms-core/components/label/Label.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/forms/forms-core/components/label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-6-0',variantClassNames:{disabled:{true:'_1gxatyo1-3-6-0'},required:{true:'_1gxatyo2-3-6-0'},readOnly:{true:'_1gxatyo3-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-6-0';"],
+  "sourcesContent": ["import './Label.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var label = _7a468({defaultClassName:'_1gxatyo0-3-7-0',variantClassNames:{disabled:{true:'_1gxatyo1-3-7-0'},required:{true:'_1gxatyo2-3-7-0'},readOnly:{true:'_1gxatyo3-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var readOnlyLabel = '_1gxatyo4-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxN,IAAI,gBAAgB;",
   "names": []
 }

package/esm/forms/forms-core/time/helpers.js

@@ -63,7 +63,7 @@ function sortTimeframeValues(value, min, max, precision) {
         value.to.value,
         value.from.value,
         "from",
-        value.from.type === "expression",
+        value.to.type === "expression",
         min,
         max,
         precision
@@ -72,7 +72,7 @@ function sortTimeframeValues(value, min, max, precision) {
         value.from.value,
         value.to.value,
         "to",
-        value.to.type === "expression",
+        value.from.type === "expression",
         min,
         max,
         precision
@@ -259,7 +259,7 @@ function _getPreciseIsoString(isoString, timeOffset, position, isExpression) {
       }
       const parsedOffsetDate = parseTimeAsTimeValue(offsetDate);
       if (parsedOffsetDate?.type === "expression") {
-        return parsedOffsetDate.absoluteDate;
+        return isoString;
       }
       const precision = getSecondFractions(offsetDate);
       return applyInitialTime(isoString, offsetDate, precision);