@osdk/react-components 0.12.0 → 0.13.0

package/build/esm/action-form/fields/DateRangeInputField.js

@@ -19,7 +19,7 @@ import { Input } from "@base-ui/react/input";
 import { Popover } from "@base-ui/react/popover";
 import classnames from "classnames";
 import React, { useCallback, useId, useRef, useState } from "react";
-import { formatDateForDisplay, formatDateForInput, formatDatetimeForInput, getTimeValue, parseDateFromInput, parseDatetimeFromInput, parseTimeString } from "../../shared/dateUtils.js";
+import { formatDateForInput, formatDatetimeForInput, parseDateFromInput, parseDatetimeFromInput } from "../../shared/dateUtils.js";
 import { EMPTY_RANGE } from "../FormFieldApi.js";
 import { stopPropagation } from "./calendarShared.js";
 import commonStyles from "./DatePickerCommon.module.css";
@@ -54,6 +54,10 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
 }) {
   const shouldCloseOnSelection = !showTime;
   const popoverId = useId();
+  // The range container anchors the shared popover without becoming a trigger.
+  // Each input is its own Popover.Trigger so the comboboxes are not nested in an
+  // interactive wrapper.
+  const triggerRef = useRef(null);
   const startInputRef = useRef(null);
   const endInputRef = useRef(null);
   const popoverRef = useRef(null);
@@ -69,9 +73,10 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
   const [startDate, endDate] = value ?? EMPTY_RANGE;
 
   // editFormatFn produces a parsable string for typing (e.g. "2024-01-15" or "2024-01-15 14:30").
-  // displayFormatFn produces a human-readable string for idle state (e.g. "Jan 15, 2024").
+  // displayFormatFn produces the idle string. Defaults stay deterministic so
+  // users in different browser locales see the same date in form inputs.
   const editFormatFn = showTime ? formatDatetimeForInput : formatDateForInput;
-  const displayFormatFn = formatDate ?? (showTime ? formatDatetimeForInput : formatDateForDisplay);
+  const displayFormatFn = formatDate ?? (showTime ? formatDatetimeForInput : formatDateForInput);
   const parseFn = parseDate ?? (showTime ? parseDatetimeFromInput : parseDateFromInput);
 
   // Wrap onChange to handle tuple construction and overlap rejection.
@@ -171,6 +176,18 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
     stopEndEditing();
     getActiveInputRef().current?.focus();
   }, [getActiveInputRef, stopStartEditing, stopEndEditing]);
+  const handleStartPointerDown = useCallback(() => {
+    // Opening from pointer-down keeps mouse interactions in sync with focus
+    // editing before Base UI's later click trigger handler runs.
+    startInputRef.current?.focus();
+    handleStartFocus();
+  }, [handleStartFocus]);
+  const handleEndPointerDown = useCallback(() => {
+    // Opening from pointer-down keeps mouse interactions in sync with focus
+    // editing before Base UI's later click trigger handler runs.
+    endInputRef.current?.focus();
+    handleEndFocus();
+  }, [handleEndFocus]);
 
   // --- Blur handlers ---
 
@@ -280,26 +297,14 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
 
   // --- Time handlers ---
 
-  const handleStartTimeChange = useCallback(timeString => {
-    const {
-      hours,
-      minutes
-    } = parseTimeString(timeString);
-    const base = startDate != null ? new Date(startDate.getTime()) : new Date();
-    base.setHours(hours, minutes, 0, 0);
-    onChange?.([base, endDate ?? null]);
-    setStartDateValue(base);
-  }, [startDate, endDate, onChange, setStartDateValue]);
-  const handleEndTimeChange = useCallback(timeString => {
-    const {
-      hours,
-      minutes
-    } = parseTimeString(timeString);
-    const base = endDate != null ? new Date(endDate.getTime()) : new Date();
-    base.setHours(hours, minutes, 0, 0);
-    onChange?.([startDate ?? null, base]);
-    setEndDateValue(base);
-  }, [startDate, endDate, onChange, setEndDateValue]);
+  const handleStartTimeChange = useCallback(time => {
+    onChange?.([time, endDate ?? null]);
+    setStartDateValue(time);
+  }, [endDate, onChange, setStartDateValue]);
+  const handleEndTimeChange = useCallback(time => {
+    onChange?.([startDate ?? null, time]);
+    setEndDateValue(time);
+  }, [startDate, onChange, setEndDateValue]);
 
   // --- Focus boundary handlers ---
   // Visually-hidden sentinels at the top/bottom of the popover that trap Tab
@@ -334,14 +339,12 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
     from: startDate ?? undefined,
     to: endDate ?? undefined
   } : undefined;
-  const timeFooter = showTime ? /*#__PURE__*/React.createElement("div", {
-    className: styles.osdkDateRangeTimeRow
-  }, /*#__PURE__*/React.createElement(TimePicker, {
-    value: getTimeValue(startDate),
+  const timeFooter = showTime ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker, {
+    value: startDate,
     onChange: handleStartTimeChange,
     label: "Start time"
   }), /*#__PURE__*/React.createElement(TimePicker, {
-    value: getTimeValue(endDate),
+    value: endDate,
     onChange: handleEndTimeChange,
     label: "End time"
   })) : undefined;
@@ -349,6 +352,10 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
     ...SHARED_INPUT_PROPS,
     "aria-controls": popoverId
   };
+
+  // Keep Popover.Trigger on each input itself. Moving it to the range wrapper
+  // would make click handling simpler, but it would also nest interactive
+  // comboboxes inside an interactive trigger and reintroduce the axe violation.
   return /*#__PURE__*/React.createElement(Popover.Root, {
     open: isOpen,
     onOpenChange: handleOpenChange
@@ -356,45 +363,52 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
     // is not reinterpreted after the portal dismiss layer appears.
     ,
     modal: "trap-focus"
-  }, /*#__PURE__*/React.createElement(Popover.Trigger, {
-    nativeButton: false,
-    render: /*#__PURE__*/React.createElement("div", {
-      className: styles.osdkDateRangeContainer
-    })
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: triggerRef,
+    className: styles.osdkDateRangeContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(commonStyles.osdkDatePickerInputWrapper, styles.osdkDateRangeInputWrapper, startInvalid && commonStyles.osdkDatePickerInputWrapperError)
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    ref: startInputRef,
-    id: id != null ? `${id}-start` : undefined,
-    value: displayedStart,
-    onValueChange: setStartInputValue,
-    onFocus: handleStartFocus,
-    onBlur: handleStartBlur,
-    onKeyDown: handleStartKeyDown,
-    placeholder: placeholderStart,
-    "aria-expanded": isOpen && activeBoundary === "start",
-    "aria-label": "Start date",
-    "aria-invalid": startInvalid || undefined
-  }, sharedInputProps))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Popover.Trigger, {
+    nativeButton: false,
+    render: /*#__PURE__*/React.createElement(Input, _extends({
+      ref: startInputRef,
+      id: id != null ? `${id}-start` : undefined,
+      value: displayedStart,
+      onValueChange: setStartInputValue,
+      onFocus: handleStartFocus,
+      onPointerDown: handleStartPointerDown,
+      onBlur: handleStartBlur,
+      onKeyDown: handleStartKeyDown,
+      placeholder: placeholderStart,
+      "aria-expanded": isOpen && activeBoundary === "start",
+      "aria-label": "Start date",
+      "aria-invalid": startInvalid || undefined
+    }, sharedInputProps))
+  })), /*#__PURE__*/React.createElement("div", {
     className: classnames(commonStyles.osdkDatePickerInputWrapper, styles.osdkDateRangeInputWrapper, endInvalid && commonStyles.osdkDatePickerInputWrapperError)
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    ref: endInputRef,
-    id: id != null ? `${id}-end` : undefined,
-    value: displayedEnd,
-    onValueChange: setEndInputValue,
-    onFocus: handleEndFocus,
-    onBlur: handleEndBlur,
-    onKeyDown: handleEndKeyDown,
-    placeholder: placeholderEnd,
-    "aria-expanded": isOpen && activeBoundary === "end",
-    "aria-label": "End date",
-    "aria-invalid": endInvalid || undefined
-  }, sharedInputProps)))), /*#__PURE__*/React.createElement(Popover.Portal, {
+  }, /*#__PURE__*/React.createElement(Popover.Trigger, {
+    nativeButton: false,
+    render: /*#__PURE__*/React.createElement(Input, _extends({
+      ref: endInputRef,
+      id: id != null ? `${id}-end` : undefined,
+      value: displayedEnd,
+      onValueChange: setEndInputValue,
+      onBlur: handleEndBlur,
+      onKeyDown: handleEndKeyDown,
+      onFocus: handleEndFocus,
+      onPointerDown: handleEndPointerDown,
+      placeholder: placeholderEnd,
+      "aria-expanded": isOpen && activeBoundary === "end",
+      "aria-label": "End date",
+      "aria-invalid": endInvalid || undefined
+    }, sharedInputProps))
+  }))), /*#__PURE__*/React.createElement(Popover.Portal, {
     container: portalContainer
   }, /*#__PURE__*/React.createElement(PortalDismissLayer, {
     className: commonStyles.osdkDatePickerDismissLayer,
     onDismiss: closePopover
   }), /*#__PURE__*/React.createElement(Popover.Positioner, {
+    anchor: triggerRef,
     className: commonStyles.osdkDatePickerPositioner,
     sideOffset: 4
   }, /*#__PURE__*/React.createElement(Popover.Popup, {
@@ -416,8 +430,9 @@ export const DateRangeInputField = /*#__PURE__*/React.memo(function ({
     selected: calendarSelected,
     onSelect: handleRangeSelect,
     min: min,
-    max: max
-  }), timeFooter, /*#__PURE__*/React.createElement("div", {
+    max: max,
+    footer: timeFooter
+  }), /*#__PURE__*/React.createElement("div", {
     onFocus: handleEndFocusBoundary,
     tabIndex: 0,
     "aria-label": "End of date range picker dialog",

package/build/esm/action-form/fields/DateRangeInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInputField.js","names":["Input","Popover","classnames","React","useCallback","useId","useRef","useState","formatDateForDisplay","formatDateForInput","formatDatetimeForInput","getTimeValue","parseDateFromInput","parseDatetimeFromInput","parseTimeString","EMPTY_RANGE","stopPropagation","commonStyles","styles","LazyDateRangeCalendar","PortalDismissLayer","TimePicker","useDateEditState","SHARED_INPUT_PROPS","className","osdkDatePickerInput","type","onClick","autoComplete","role","DateRangeInputField","memo","id","value","onChange","min","max","placeholderStart","placeholderEnd","allowSingleDayRange","showTime","formatDate","parseDate","portalContainer","shouldCloseOnSelection","popoverId","startInputRef","endInputRef","popoverRef","isOpen","setIsOpen","skipReopenRef","activeBoundary","setActiveBoundary","startDate","endDate","editFormatFn","displayFormatFn","parseFn","startOnChange","date","isOverlapping","endOnChange","isEditing","isEditingStart","dateValue","startParsedValue","inputError","startInputError","displayedValue","displayedStart","startEditing","beginStartEditing","stopEditing","stopStartEditing","commitAndStopEditing","commitStartAndStopEditing","setInputValue","setStartInputValue","setDateValue","setStartDateValue","isEditingEnd","endParsedValue","endInputError","displayedEnd","beginEndEditing","stopEndEditing","commitEndAndStopEditing","setEndInputValue","setEndDateValue","hasOverlapError","effectiveStart","undefined","effectiveEnd","startInvalid","endInvalid","getActiveInputRef","beginEditing","boundary","handleInputFocus","current","handleStartFocus","handleEndFocus","closePopoverForBoundaryExit","focus","handleStartBlur","e","related","relatedTarget","document","activeElement","contains","handleEndBlur","closePopover","blur","handleStartKeyDown","key","preventDefault","shiftKey","handleEndKeyDown","firstButton","querySelector","handleOpenChange","nextOpen","handleRangeSelect","range","newStart","from","newEnd","to","handleStartTimeChange","timeString","hours","minutes","base","Date","getTime","setHours","handleEndTimeChange","handleStartFocusBoundary","handleEndFocusBoundary","buttons","querySelectorAll","lastButton","length","calendarSelected","timeFooter","createElement","osdkDateRangeTimeRow","label","sharedInputProps","Root","open","onOpenChange","modal","Trigger","nativeButton","render","osdkDateRangeContainer","osdkDatePickerInputWrapper","osdkDateRangeInputWrapper","osdkDatePickerInputWrapperError","_extends","ref","onValueChange","onFocus","onBlur","onKeyDown","placeholder","Portal","container","osdkDatePickerDismissLayer","onDismiss","Positioner","osdkDatePickerPositioner","sideOffset","Popup","osdkDatePickerPopover","finalFocus","tabIndex","osdkDatePickerFocusBoundary","selected","onSelect","start","end"],"sources":["DateRangeInputField.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport classnames from \"classnames\";\nimport React, { useCallback, useId, useRef, useState } from \"react\";\nimport type { DateRange as RdpDateRange } from \"react-day-picker\";\nimport {\n  formatDateForDisplay,\n  formatDateForInput,\n  formatDatetimeForInput,\n  getTimeValue,\n  parseDateFromInput,\n  parseDatetimeFromInput,\n  parseTimeString,\n} from \"../../shared/dateUtils.js\";\nimport { type DateRangeInputFieldProps, EMPTY_RANGE } from \"../FormFieldApi.js\";\nimport { stopPropagation } from \"./calendarShared.js\";\nimport commonStyles from \"./DatePickerCommon.module.css\";\nimport styles from \"./DateRangeInputField.module.css\";\nimport { LazyDateRangeCalendar } from \"./LazyDateRangeCalendar.js\";\nimport { PortalDismissLayer } from \"./PortalDismissLayer.js\";\nimport { TimePicker } from \"./TimePicker.js\";\nimport { useDateEditState } from \"./useDateEditState.js\";\n\ntype ActiveBoundary = \"start\" | \"end\";\n\n// Shared props for both start/end inputs. role=\"combobox\" because each input\n// triggers a shared popup (the calendar popover) — matching WAI-ARIA combobox pattern.\nconst SHARED_INPUT_PROPS = {\n  className: commonStyles.osdkDatePickerInput,\n  type: \"text\" as const,\n  onClick: stopPropagation,\n  autoComplete: \"off\" as const,\n  role: \"combobox\" as const,\n  \"aria-haspopup\": \"dialog\" as const,\n} as const;\n\nexport const DateRangeInputField: React.NamedExoticComponent<\n  DateRangeInputFieldProps\n> = React.memo(function DateRangeInputField({\n  id,\n  value,\n  onChange,\n  min,\n  max,\n  placeholderStart,\n  placeholderEnd,\n  allowSingleDayRange = true,\n  showTime = false,\n  formatDate,\n  parseDate,\n  portalContainer,\n}: DateRangeInputFieldProps) {\n  const shouldCloseOnSelection = !showTime;\n  const popoverId = useId();\n  const startInputRef = useRef<HTMLInputElement>(null);\n  const endInputRef = useRef<HTMLInputElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  // When focus returns to an input after Tab exits the popover boundary, the\n  // next input focus should not reopen the calendar before native Tab can\n  // continue to the following form field.\n  const skipReopenRef = useRef(false);\n  // Tracks which input (start/end) owns the shared calendar popover.\n  // Used to restore focus to the correct input when Tab-cycling through\n  // focus boundaries and when the calendar selects a range endpoint.\n  const [activeBoundary, setActiveBoundary] = useState<ActiveBoundary>(\"start\");\n\n  const [startDate, endDate] = value ?? EMPTY_RANGE;\n\n  // editFormatFn produces a parsable string for typing (e.g. \"2024-01-15\" or \"2024-01-15 14:30\").\n  // displayFormatFn produces a human-readable string for idle state (e.g. \"Jan 15, 2024\").\n  const editFormatFn = showTime ? formatDatetimeForInput : formatDateForInput;\n  const displayFormatFn = formatDate\n    ?? (showTime ? formatDatetimeForInput : formatDateForDisplay);\n  const parseFn = parseDate\n    ?? (showTime ? parseDatetimeFromInput : parseDateFromInput);\n\n  // Wrap onChange to handle tuple construction and overlap rejection.\n  // Clearing (null) is always allowed; overlap is checked for non-null dates.\n  const startOnChange = useCallback(\n    (date: Date | null) => {\n      if (date != null && isOverlapping(date, endDate, allowSingleDayRange)) {\n        return;\n      }\n      onChange?.([date, endDate ?? null]);\n    },\n    [endDate, onChange, allowSingleDayRange],\n  );\n\n  const endOnChange = useCallback(\n    (date: Date | null) => {\n      if (date != null && isOverlapping(startDate, date, allowSingleDayRange)) {\n        return;\n      }\n      onChange?.([startDate ?? null, date]);\n    },\n    [startDate, onChange, allowSingleDayRange],\n  );\n\n  const {\n    isEditing: isEditingStart,\n    dateValue: startParsedValue,\n    inputError: startInputError,\n    displayedValue: displayedStart,\n    startEditing: beginStartEditing,\n    stopEditing: stopStartEditing,\n    commitAndStopEditing: commitStartAndStopEditing,\n    setInputValue: setStartInputValue,\n    setDateValue: setStartDateValue,\n  } = useDateEditState({\n    value: startDate,\n    displayFormatFn,\n    editFormatFn,\n    parseFn,\n    min,\n    max,\n    onChange: startOnChange,\n  });\n  const {\n    isEditing: isEditingEnd,\n    dateValue: endParsedValue,\n    inputError: endInputError,\n    displayedValue: displayedEnd,\n    startEditing: beginEndEditing,\n    stopEditing: stopEndEditing,\n    commitAndStopEditing: commitEndAndStopEditing,\n    setInputValue: setEndInputValue,\n    setDateValue: setEndDateValue,\n  } = useDateEditState({\n    value: endDate,\n    displayFormatFn,\n    editFormatFn,\n    parseFn,\n    min,\n    max,\n    onChange: endOnChange,\n  });\n\n  // --- Cross-input error: overlapping range (live feedback while typing) ---\n  // Blur/Enter handlers prevent overlapping values from being committed,\n  // so this only fires during editing for immediate red-border feedback.\n  const hasOverlapError = (() => {\n    if (!isEditingStart && !isEditingEnd) return false;\n    const effectiveStart = isEditingStart\n      ? startParsedValue\n      : (startDate ?? undefined);\n    const effectiveEnd = isEditingEnd\n      ? endParsedValue\n      : (endDate ?? undefined);\n    return isOverlapping(effectiveStart, effectiveEnd, allowSingleDayRange);\n  })();\n\n  const startInvalid = startInputError != null || hasOverlapError;\n  const endInvalid = endInputError != null || hasOverlapError;\n\n  // --- Focus handlers ---\n\n  const getActiveInputRef = useCallback(\n    () => activeBoundary === \"start\" ? startInputRef : endInputRef,\n    [activeBoundary],\n  );\n\n  const beginEditing = useCallback(\n    (boundary: ActiveBoundary) => {\n      if (boundary === \"start\") {\n        beginStartEditing();\n      } else {\n        beginEndEditing();\n      }\n      setActiveBoundary(boundary);\n    },\n    [beginStartEditing, beginEndEditing],\n  );\n\n  const handleInputFocus = useCallback(\n    (boundary: ActiveBoundary) => {\n      beginEditing(boundary);\n      if (skipReopenRef.current) {\n        skipReopenRef.current = false;\n        return;\n      }\n      setIsOpen(true);\n    },\n    [beginEditing],\n  );\n\n  const handleStartFocus = useCallback(() => {\n    handleInputFocus(\"start\");\n  }, [handleInputFocus]);\n\n  const handleEndFocus = useCallback(() => {\n    handleInputFocus(\"end\");\n  }, [handleInputFocus]);\n\n  const closePopoverForBoundaryExit = useCallback(() => {\n    skipReopenRef.current = true;\n    setIsOpen(false);\n    stopStartEditing();\n    stopEndEditing();\n    getActiveInputRef().current?.focus();\n  }, [getActiveInputRef, stopStartEditing, stopEndEditing]);\n\n  // --- Blur handlers ---\n\n  const handleStartBlur = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const related = e.relatedTarget ?? document.activeElement;\n      if (popoverRef.current?.contains(related as Node)) {\n        // Focus moved into the popover portal — the field is still logically\n        // active, so suppress the blur from bubbling to parent containers.\n        e.stopPropagation();\n        return;\n      }\n      if (endInputRef.current === related) {\n        return;\n      }\n      commitStartAndStopEditing();\n    },\n    [commitStartAndStopEditing],\n  );\n\n  const handleEndBlur = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const related = e.relatedTarget ?? document.activeElement;\n      if (popoverRef.current?.contains(related as Node)) {\n        e.stopPropagation();\n        return;\n      }\n      if (startInputRef.current === related) {\n        return;\n      }\n      commitEndAndStopEditing();\n    },\n    [commitEndAndStopEditing],\n  );\n\n  // --- Popover helpers ---\n\n  // Shared close sequence: dismiss the popover, reset both editing states,\n  // and blur both inputs so focus doesn't linger after the calendar disappears.\n  const closePopover = useCallback(() => {\n    setIsOpen(false);\n    stopStartEditing();\n    stopEndEditing();\n    startInputRef.current?.blur();\n    endInputRef.current?.blur();\n  }, [stopStartEditing, stopEndEditing]);\n\n  // --- Keyboard handlers ---\n\n  const handleStartKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitStartAndStopEditing();\n        // Auto-advance to end\n        endInputRef.current?.focus();\n      } else if (e.key === \"Escape\") {\n        e.preventDefault();\n        closePopover();\n      } else if (e.key === \"Tab\" && e.shiftKey) {\n        setIsOpen(false);\n      }\n    },\n    [commitStartAndStopEditing, closePopover],\n  );\n\n  const handleEndKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitEndAndStopEditing();\n        closePopover();\n      } else if (e.key === \"Escape\") {\n        e.preventDefault();\n        closePopover();\n      } else if (e.key === \"Tab\" && !e.shiftKey && isOpen) {\n        // Tab from the end input bridges focus into the popover. The popover\n        // doesn't auto-focus on open (to keep the cursor in the input for typing),\n        // so we manually focus the first interactive element (nav button or select).\n        const firstButton = popoverRef.current?.querySelector<HTMLElement>(\n          \"button, select\",\n        );\n        if (firstButton != null) {\n          e.preventDefault();\n          firstButton.focus();\n        }\n      }\n    },\n    [commitEndAndStopEditing, closePopover, isOpen],\n  );\n\n  // Called by base-ui when the popover opens or closes (e.g. click outside, Escape).\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (nextOpen) {\n        setIsOpen(true);\n      } else {\n        closePopover();\n      }\n    },\n    [closePopover],\n  );\n\n  // --- Calendar handlers ---\n\n  const handleRangeSelect = useCallback(\n    (range: RdpDateRange | undefined) => {\n      const newStart = range?.from ?? null;\n      const newEnd = range?.to ?? null;\n\n      onChange?.([newStart, newEnd]);\n\n      if (newStart != null && newEnd == null) {\n        // Start selected — commit the start and advance to end.\n        // displayedValue handles the display format after stopEditing.\n        stopStartEditing();\n        setActiveBoundary(\"end\");\n        endInputRef.current?.focus();\n      } else if (\n        newStart != null\n        && newEnd != null\n        && shouldCloseOnSelection\n      ) {\n        // Full range selected — close and blur.\n        closePopover();\n      } else if (newStart != null && newEnd != null) {\n        // Full range selected but popover stays open (showTime) —\n        // inputs remain in editing mode, so update with editFormatFn.\n        setStartDateValue(newStart);\n        setEndDateValue(newEnd);\n      }\n    },\n    [\n      onChange,\n      shouldCloseOnSelection,\n      closePopover,\n      stopStartEditing,\n      setStartDateValue,\n      setEndDateValue,\n    ],\n  );\n\n  // --- Time handlers ---\n\n  const handleStartTimeChange = useCallback(\n    (timeString: string) => {\n      const { hours, minutes } = parseTimeString(timeString);\n      const base = startDate != null\n        ? new Date(startDate.getTime())\n        : new Date();\n      base.setHours(hours, minutes, 0, 0);\n      onChange?.([base, endDate ?? null]);\n      setStartDateValue(base);\n    },\n    [startDate, endDate, onChange, setStartDateValue],\n  );\n\n  const handleEndTimeChange = useCallback(\n    (timeString: string) => {\n      const { hours, minutes } = parseTimeString(timeString);\n      const base = endDate != null ? new Date(endDate.getTime()) : new Date();\n      base.setHours(hours, minutes, 0, 0);\n      onChange?.([startDate ?? null, base]);\n      setEndDateValue(base);\n    },\n    [startDate, endDate, onChange, setEndDateValue],\n  );\n\n  // --- Focus boundary handlers ---\n  // Visually-hidden sentinels at the top/bottom of the popover that trap Tab\n  // cycling between the text inputs and calendar.\n\n  // Start boundary (top): Shift+Tab past the first calendar element redirects\n  // focus to whichever input is currently active.\n  const handleStartFocusBoundary = useCallback(() => {\n    getActiveInputRef().current?.focus();\n  }, [getActiveInputRef]);\n\n  // End boundary (bottom): Two cases —\n  // (1) Tab past the last calendar element (focus came from inside the popover)\n  //     → close the popover and return focus to the active input so the next\n  //       native Tab continues to the next form field.\n  // (2) Focus entered from outside the popover (e.g. reverse Tab from the page)\n  //     → redirect to the last interactive element inside the popover.\n  const handleEndFocusBoundary = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      const related = e.relatedTarget ?? document.activeElement;\n      if (popoverRef.current?.contains(related as Node)) {\n        closePopoverForBoundaryExit();\n      } else {\n        const buttons = popoverRef.current?.querySelectorAll<HTMLElement>(\n          \"button, select\",\n        );\n        const lastButton = buttons?.[buttons.length - 1];\n        lastButton?.focus();\n      }\n    },\n    [closePopoverForBoundaryExit],\n  );\n\n  // --- Calendar selected range ---\n\n  const calendarSelected: RdpDateRange | undefined =\n    startDate != null || endDate != null\n      ? { from: startDate ?? undefined, to: endDate ?? undefined }\n      : undefined;\n\n  const timeFooter = showTime\n    ? (\n      <div className={styles.osdkDateRangeTimeRow}>\n        <TimePicker\n          value={getTimeValue(startDate)}\n          onChange={handleStartTimeChange}\n          label=\"Start time\"\n        />\n        <TimePicker\n          value={getTimeValue(endDate)}\n          onChange={handleEndTimeChange}\n          label=\"End time\"\n        />\n      </div>\n    )\n    : undefined;\n\n  const sharedInputProps = {\n    ...SHARED_INPUT_PROPS,\n    \"aria-controls\": popoverId,\n  };\n\n  return (\n    <Popover.Root\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      // Uses pointer-down outside dismissal so the click that opens the picker\n      // is not reinterpreted after the portal dismiss layer appears.\n      modal=\"trap-focus\"\n    >\n      <Popover.Trigger\n        nativeButton={false}\n        render={<div className={styles.osdkDateRangeContainer} />}\n      >\n        <div\n          className={classnames(\n            commonStyles.osdkDatePickerInputWrapper,\n            styles.osdkDateRangeInputWrapper,\n            startInvalid && commonStyles.osdkDatePickerInputWrapperError,\n          )}\n        >\n          <Input\n            ref={startInputRef}\n            id={id != null ? `${id}-start` : undefined}\n            value={displayedStart}\n            onValueChange={setStartInputValue}\n            onFocus={handleStartFocus}\n            onBlur={handleStartBlur}\n            onKeyDown={handleStartKeyDown}\n            placeholder={placeholderStart}\n            aria-expanded={isOpen && activeBoundary === \"start\"}\n            aria-label=\"Start date\"\n            aria-invalid={startInvalid || undefined}\n            {...sharedInputProps}\n          />\n        </div>\n        <div\n          className={classnames(\n            commonStyles.osdkDatePickerInputWrapper,\n            styles.osdkDateRangeInputWrapper,\n            endInvalid && commonStyles.osdkDatePickerInputWrapperError,\n          )}\n        >\n          <Input\n            ref={endInputRef}\n            id={id != null ? `${id}-end` : undefined}\n            value={displayedEnd}\n            onValueChange={setEndInputValue}\n            onFocus={handleEndFocus}\n            onBlur={handleEndBlur}\n            onKeyDown={handleEndKeyDown}\n            placeholder={placeholderEnd}\n            aria-expanded={isOpen && activeBoundary === \"end\"}\n            aria-label=\"End date\"\n            aria-invalid={endInvalid || undefined}\n            {...sharedInputProps}\n          />\n        </div>\n      </Popover.Trigger>\n      <Popover.Portal container={portalContainer}>\n        <PortalDismissLayer\n          className={commonStyles.osdkDatePickerDismissLayer}\n          onDismiss={closePopover}\n        />\n        <Popover.Positioner\n          className={commonStyles.osdkDatePickerPositioner}\n          sideOffset={4}\n        >\n          <Popover.Popup\n            ref={popoverRef}\n            className={commonStyles.osdkDatePickerPopover}\n            id={popoverId}\n            role=\"dialog\"\n            aria-label=\"date range picker\"\n            // Disable base-ui's automatic focus restoration to the trigger on close.\n            // We manage focus ourselves via closePopover() which blurs the inputs.\n            finalFocus={false}\n          >\n            <div\n              onFocus={handleStartFocusBoundary}\n              tabIndex={0}\n              aria-label=\"Start of date range picker dialog\"\n              className={commonStyles.osdkDatePickerFocusBoundary}\n            />\n            <LazyDateRangeCalendar\n              selected={calendarSelected}\n              onSelect={handleRangeSelect}\n              min={min}\n              max={max}\n            />\n            {timeFooter}\n            <div\n              onFocus={handleEndFocusBoundary}\n              tabIndex={0}\n              aria-label=\"End of date range picker dialog\"\n              className={commonStyles.osdkDatePickerFocusBoundary}\n            />\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n});\n\n/** True when the end boundary is before (or same-day when disallowed) the start. */\nfunction isOverlapping(\n  start: Date | null | undefined,\n  end: Date | null | undefined,\n  allowSingleDayRange: boolean,\n): boolean {\n  if (start == null || end == null) return false;\n  if (!allowSingleDayRange && end.getTime() === start.getTime()) return true;\n  return end.getTime() < start.getTime();\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateRangeInputField.js","names":["Input","Popover","classnames","React","useCallback","useId","useRef","useState","formatDateForInput","formatDatetimeForInput","parseDateFromInput","parseDatetimeFromInput","EMPTY_RANGE","stopPropagation","commonStyles","styles","LazyDateRangeCalendar","PortalDismissLayer","TimePicker","useDateEditState","SHARED_INPUT_PROPS","className","osdkDatePickerInput","type","onClick","autoComplete","role","DateRangeInputField","memo","id","value","onChange","min","max","placeholderStart","placeholderEnd","allowSingleDayRange","showTime","formatDate","parseDate","portalContainer","shouldCloseOnSelection","popoverId","triggerRef","startInputRef","endInputRef","popoverRef","isOpen","setIsOpen","skipReopenRef","activeBoundary","setActiveBoundary","startDate","endDate","editFormatFn","displayFormatFn","parseFn","startOnChange","date","isOverlapping","endOnChange","isEditing","isEditingStart","dateValue","startParsedValue","inputError","startInputError","displayedValue","displayedStart","startEditing","beginStartEditing","stopEditing","stopStartEditing","commitAndStopEditing","commitStartAndStopEditing","setInputValue","setStartInputValue","setDateValue","setStartDateValue","isEditingEnd","endParsedValue","endInputError","displayedEnd","beginEndEditing","stopEndEditing","commitEndAndStopEditing","setEndInputValue","setEndDateValue","hasOverlapError","effectiveStart","undefined","effectiveEnd","startInvalid","endInvalid","getActiveInputRef","beginEditing","boundary","handleInputFocus","current","handleStartFocus","handleEndFocus","closePopoverForBoundaryExit","focus","handleStartPointerDown","handleEndPointerDown","handleStartBlur","e","related","relatedTarget","document","activeElement","contains","handleEndBlur","closePopover","blur","handleStartKeyDown","key","preventDefault","shiftKey","handleEndKeyDown","firstButton","querySelector","handleOpenChange","nextOpen","handleRangeSelect","range","newStart","from","newEnd","to","handleStartTimeChange","time","handleEndTimeChange","handleStartFocusBoundary","handleEndFocusBoundary","buttons","querySelectorAll","lastButton","length","calendarSelected","timeFooter","createElement","Fragment","label","sharedInputProps","Root","open","onOpenChange","modal","ref","osdkDateRangeContainer","osdkDatePickerInputWrapper","osdkDateRangeInputWrapper","osdkDatePickerInputWrapperError","Trigger","nativeButton","render","_extends","onValueChange","onFocus","onPointerDown","onBlur","onKeyDown","placeholder","Portal","container","osdkDatePickerDismissLayer","onDismiss","Positioner","anchor","osdkDatePickerPositioner","sideOffset","Popup","osdkDatePickerPopover","finalFocus","tabIndex","osdkDatePickerFocusBoundary","selected","onSelect","footer","start","end","getTime"],"sources":["DateRangeInputField.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Input } from \"@base-ui/react/input\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport classnames from \"classnames\";\nimport React, { useCallback, useId, useRef, useState } from \"react\";\nimport type { DateRange as RdpDateRange } from \"react-day-picker\";\nimport {\n  formatDateForInput,\n  formatDatetimeForInput,\n  parseDateFromInput,\n  parseDatetimeFromInput,\n} from \"../../shared/dateUtils.js\";\nimport { type DateRangeInputFieldProps, EMPTY_RANGE } from \"../FormFieldApi.js\";\nimport { stopPropagation } from \"./calendarShared.js\";\nimport commonStyles from \"./DatePickerCommon.module.css\";\nimport styles from \"./DateRangeInputField.module.css\";\nimport { LazyDateRangeCalendar } from \"./LazyDateRangeCalendar.js\";\nimport { PortalDismissLayer } from \"./PortalDismissLayer.js\";\nimport { TimePicker } from \"./TimePicker.js\";\nimport { useDateEditState } from \"./useDateEditState.js\";\n\ntype ActiveBoundary = \"start\" | \"end\";\n\n// Shared props for both start/end inputs. role=\"combobox\" because each input\n// triggers a shared popup (the calendar popover) — matching WAI-ARIA combobox pattern.\nconst SHARED_INPUT_PROPS = {\n  className: commonStyles.osdkDatePickerInput,\n  type: \"text\" as const,\n  onClick: stopPropagation,\n  autoComplete: \"off\" as const,\n  role: \"combobox\" as const,\n  \"aria-haspopup\": \"dialog\" as const,\n} as const;\n\nexport const DateRangeInputField: React.NamedExoticComponent<\n  DateRangeInputFieldProps\n> = React.memo(function DateRangeInputField({\n  id,\n  value,\n  onChange,\n  min,\n  max,\n  placeholderStart,\n  placeholderEnd,\n  allowSingleDayRange = true,\n  showTime = false,\n  formatDate,\n  parseDate,\n  portalContainer,\n}: DateRangeInputFieldProps) {\n  const shouldCloseOnSelection = !showTime;\n  const popoverId = useId();\n  // The range container anchors the shared popover without becoming a trigger.\n  // Each input is its own Popover.Trigger so the comboboxes are not nested in an\n  // interactive wrapper.\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const startInputRef = useRef<HTMLInputElement>(null);\n  const endInputRef = useRef<HTMLInputElement>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  // When focus returns to an input after Tab exits the popover boundary, the\n  // next input focus should not reopen the calendar before native Tab can\n  // continue to the following form field.\n  const skipReopenRef = useRef(false);\n  // Tracks which input (start/end) owns the shared calendar popover.\n  // Used to restore focus to the correct input when Tab-cycling through\n  // focus boundaries and when the calendar selects a range endpoint.\n  const [activeBoundary, setActiveBoundary] = useState<ActiveBoundary>(\"start\");\n\n  const [startDate, endDate] = value ?? EMPTY_RANGE;\n\n  // editFormatFn produces a parsable string for typing (e.g. \"2024-01-15\" or \"2024-01-15 14:30\").\n  // displayFormatFn produces the idle string. Defaults stay deterministic so\n  // users in different browser locales see the same date in form inputs.\n  const editFormatFn = showTime ? formatDatetimeForInput : formatDateForInput;\n  const displayFormatFn = formatDate\n    ?? (showTime ? formatDatetimeForInput : formatDateForInput);\n  const parseFn = parseDate\n    ?? (showTime ? parseDatetimeFromInput : parseDateFromInput);\n\n  // Wrap onChange to handle tuple construction and overlap rejection.\n  // Clearing (null) is always allowed; overlap is checked for non-null dates.\n  const startOnChange = useCallback(\n    (date: Date | null) => {\n      if (date != null && isOverlapping(date, endDate, allowSingleDayRange)) {\n        return;\n      }\n      onChange?.([date, endDate ?? null]);\n    },\n    [endDate, onChange, allowSingleDayRange],\n  );\n\n  const endOnChange = useCallback(\n    (date: Date | null) => {\n      if (date != null && isOverlapping(startDate, date, allowSingleDayRange)) {\n        return;\n      }\n      onChange?.([startDate ?? null, date]);\n    },\n    [startDate, onChange, allowSingleDayRange],\n  );\n\n  const {\n    isEditing: isEditingStart,\n    dateValue: startParsedValue,\n    inputError: startInputError,\n    displayedValue: displayedStart,\n    startEditing: beginStartEditing,\n    stopEditing: stopStartEditing,\n    commitAndStopEditing: commitStartAndStopEditing,\n    setInputValue: setStartInputValue,\n    setDateValue: setStartDateValue,\n  } = useDateEditState({\n    value: startDate,\n    displayFormatFn,\n    editFormatFn,\n    parseFn,\n    min,\n    max,\n    onChange: startOnChange,\n  });\n  const {\n    isEditing: isEditingEnd,\n    dateValue: endParsedValue,\n    inputError: endInputError,\n    displayedValue: displayedEnd,\n    startEditing: beginEndEditing,\n    stopEditing: stopEndEditing,\n    commitAndStopEditing: commitEndAndStopEditing,\n    setInputValue: setEndInputValue,\n    setDateValue: setEndDateValue,\n  } = useDateEditState({\n    value: endDate,\n    displayFormatFn,\n    editFormatFn,\n    parseFn,\n    min,\n    max,\n    onChange: endOnChange,\n  });\n\n  // --- Cross-input error: overlapping range (live feedback while typing) ---\n  // Blur/Enter handlers prevent overlapping values from being committed,\n  // so this only fires during editing for immediate red-border feedback.\n  const hasOverlapError = (() => {\n    if (!isEditingStart && !isEditingEnd) return false;\n    const effectiveStart = isEditingStart\n      ? startParsedValue\n      : (startDate ?? undefined);\n    const effectiveEnd = isEditingEnd\n      ? endParsedValue\n      : (endDate ?? undefined);\n    return isOverlapping(effectiveStart, effectiveEnd, allowSingleDayRange);\n  })();\n\n  const startInvalid = startInputError != null || hasOverlapError;\n  const endInvalid = endInputError != null || hasOverlapError;\n\n  // --- Focus handlers ---\n\n  const getActiveInputRef = useCallback(\n    () => activeBoundary === \"start\" ? startInputRef : endInputRef,\n    [activeBoundary],\n  );\n\n  const beginEditing = useCallback(\n    (boundary: ActiveBoundary) => {\n      if (boundary === \"start\") {\n        beginStartEditing();\n      } else {\n        beginEndEditing();\n      }\n      setActiveBoundary(boundary);\n    },\n    [beginStartEditing, beginEndEditing],\n  );\n\n  const handleInputFocus = useCallback(\n    (boundary: ActiveBoundary) => {\n      beginEditing(boundary);\n      if (skipReopenRef.current) {\n        skipReopenRef.current = false;\n        return;\n      }\n      setIsOpen(true);\n    },\n    [beginEditing],\n  );\n\n  const handleStartFocus = useCallback(() => {\n    handleInputFocus(\"start\");\n  }, [handleInputFocus]);\n\n  const handleEndFocus = useCallback(() => {\n    handleInputFocus(\"end\");\n  }, [handleInputFocus]);\n\n  const closePopoverForBoundaryExit = useCallback(() => {\n    skipReopenRef.current = true;\n    setIsOpen(false);\n    stopStartEditing();\n    stopEndEditing();\n    getActiveInputRef().current?.focus();\n  }, [getActiveInputRef, stopStartEditing, stopEndEditing]);\n\n  const handleStartPointerDown = useCallback(() => {\n    // Opening from pointer-down keeps mouse interactions in sync with focus\n    // editing before Base UI's later click trigger handler runs.\n    startInputRef.current?.focus();\n    handleStartFocus();\n  }, [handleStartFocus]);\n\n  const handleEndPointerDown = useCallback(() => {\n    // Opening from pointer-down keeps mouse interactions in sync with focus\n    // editing before Base UI's later click trigger handler runs.\n    endInputRef.current?.focus();\n    handleEndFocus();\n  }, [handleEndFocus]);\n\n  // --- Blur handlers ---\n\n  const handleStartBlur = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const related = e.relatedTarget ?? document.activeElement;\n      if (popoverRef.current?.contains(related as Node)) {\n        // Focus moved into the popover portal — the field is still logically\n        // active, so suppress the blur from bubbling to parent containers.\n        e.stopPropagation();\n        return;\n      }\n      if (endInputRef.current === related) {\n        return;\n      }\n      commitStartAndStopEditing();\n    },\n    [commitStartAndStopEditing],\n  );\n\n  const handleEndBlur = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const related = e.relatedTarget ?? document.activeElement;\n      if (popoverRef.current?.contains(related as Node)) {\n        e.stopPropagation();\n        return;\n      }\n      if (startInputRef.current === related) {\n        return;\n      }\n      commitEndAndStopEditing();\n    },\n    [commitEndAndStopEditing],\n  );\n\n  // --- Popover helpers ---\n\n  // Shared close sequence: dismiss the popover, reset both editing states,\n  // and blur both inputs so focus doesn't linger after the calendar disappears.\n  const closePopover = useCallback(() => {\n    setIsOpen(false);\n    stopStartEditing();\n    stopEndEditing();\n    startInputRef.current?.blur();\n    endInputRef.current?.blur();\n  }, [stopStartEditing, stopEndEditing]);\n\n  // --- Keyboard handlers ---\n\n  const handleStartKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitStartAndStopEditing();\n        // Auto-advance to end\n        endInputRef.current?.focus();\n      } else if (e.key === \"Escape\") {\n        e.preventDefault();\n        closePopover();\n      } else if (e.key === \"Tab\" && e.shiftKey) {\n        setIsOpen(false);\n      }\n    },\n    [commitStartAndStopEditing, closePopover],\n  );\n\n  const handleEndKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitEndAndStopEditing();\n        closePopover();\n      } else if (e.key === \"Escape\") {\n        e.preventDefault();\n        closePopover();\n      } else if (e.key === \"Tab\" && !e.shiftKey && isOpen) {\n        // Tab from the end input bridges focus into the popover. The popover\n        // doesn't auto-focus on open (to keep the cursor in the input for typing),\n        // so we manually focus the first interactive element (nav button or select).\n        const firstButton = popoverRef.current?.querySelector<HTMLElement>(\n          \"button, select\",\n        );\n        if (firstButton != null) {\n          e.preventDefault();\n          firstButton.focus();\n        }\n      }\n    },\n    [commitEndAndStopEditing, closePopover, isOpen],\n  );\n\n  // Called by base-ui when the popover opens or closes (e.g. click outside, Escape).\n  const handleOpenChange = useCallback(\n    (nextOpen: boolean) => {\n      if (nextOpen) {\n        setIsOpen(true);\n      } else {\n        closePopover();\n      }\n    },\n    [closePopover],\n  );\n\n  // --- Calendar handlers ---\n\n  const handleRangeSelect = useCallback(\n    (range: RdpDateRange | undefined) => {\n      const newStart = range?.from ?? null;\n      const newEnd = range?.to ?? null;\n\n      onChange?.([newStart, newEnd]);\n\n      if (newStart != null && newEnd == null) {\n        // Start selected — commit the start and advance to end.\n        // displayedValue handles the display format after stopEditing.\n        stopStartEditing();\n        setActiveBoundary(\"end\");\n        endInputRef.current?.focus();\n      } else if (\n        newStart != null\n        && newEnd != null\n        && shouldCloseOnSelection\n      ) {\n        // Full range selected — close and blur.\n        closePopover();\n      } else if (newStart != null && newEnd != null) {\n        // Full range selected but popover stays open (showTime) —\n        // inputs remain in editing mode, so update with editFormatFn.\n        setStartDateValue(newStart);\n        setEndDateValue(newEnd);\n      }\n    },\n    [\n      onChange,\n      shouldCloseOnSelection,\n      closePopover,\n      stopStartEditing,\n      setStartDateValue,\n      setEndDateValue,\n    ],\n  );\n\n  // --- Time handlers ---\n\n  const handleStartTimeChange = useCallback(\n    (time: Date) => {\n      onChange?.([time, endDate ?? null]);\n      setStartDateValue(time);\n    },\n    [endDate, onChange, setStartDateValue],\n  );\n\n  const handleEndTimeChange = useCallback(\n    (time: Date) => {\n      onChange?.([startDate ?? null, time]);\n      setEndDateValue(time);\n    },\n    [startDate, onChange, setEndDateValue],\n  );\n\n  // --- Focus boundary handlers ---\n  // Visually-hidden sentinels at the top/bottom of the popover that trap Tab\n  // cycling between the text inputs and calendar.\n\n  // Start boundary (top): Shift+Tab past the first calendar element redirects\n  // focus to whichever input is currently active.\n  const handleStartFocusBoundary = useCallback(() => {\n    getActiveInputRef().current?.focus();\n  }, [getActiveInputRef]);\n\n  // End boundary (bottom): Two cases —\n  // (1) Tab past the last calendar element (focus came from inside the popover)\n  //     → close the popover and return focus to the active input so the next\n  //       native Tab continues to the next form field.\n  // (2) Focus entered from outside the popover (e.g. reverse Tab from the page)\n  //     → redirect to the last interactive element inside the popover.\n  const handleEndFocusBoundary = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      const related = e.relatedTarget ?? document.activeElement;\n      if (popoverRef.current?.contains(related as Node)) {\n        closePopoverForBoundaryExit();\n      } else {\n        const buttons = popoverRef.current?.querySelectorAll<HTMLElement>(\n          \"button, select\",\n        );\n        const lastButton = buttons?.[buttons.length - 1];\n        lastButton?.focus();\n      }\n    },\n    [closePopoverForBoundaryExit],\n  );\n\n  // --- Calendar selected range ---\n\n  const calendarSelected: RdpDateRange | undefined =\n    startDate != null || endDate != null\n      ? { from: startDate ?? undefined, to: endDate ?? undefined }\n      : undefined;\n\n  const timeFooter = showTime\n    ? (\n      <>\n        <TimePicker\n          value={startDate}\n          onChange={handleStartTimeChange}\n          label=\"Start time\"\n        />\n        <TimePicker\n          value={endDate}\n          onChange={handleEndTimeChange}\n          label=\"End time\"\n        />\n      </>\n    )\n    : undefined;\n\n  const sharedInputProps = {\n    ...SHARED_INPUT_PROPS,\n    \"aria-controls\": popoverId,\n  };\n\n  // Keep Popover.Trigger on each input itself. Moving it to the range wrapper\n  // would make click handling simpler, but it would also nest interactive\n  // comboboxes inside an interactive trigger and reintroduce the axe violation.\n  return (\n    <Popover.Root\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      // Uses pointer-down outside dismissal so the click that opens the picker\n      // is not reinterpreted after the portal dismiss layer appears.\n      modal=\"trap-focus\"\n    >\n      <div\n        ref={triggerRef}\n        className={styles.osdkDateRangeContainer}\n      >\n        <div\n          className={classnames(\n            commonStyles.osdkDatePickerInputWrapper,\n            styles.osdkDateRangeInputWrapper,\n            startInvalid && commonStyles.osdkDatePickerInputWrapperError,\n          )}\n        >\n          <Popover.Trigger\n            nativeButton={false}\n            render={\n              <Input\n                ref={startInputRef}\n                id={id != null ? `${id}-start` : undefined}\n                value={displayedStart}\n                onValueChange={setStartInputValue}\n                onFocus={handleStartFocus}\n                onPointerDown={handleStartPointerDown}\n                onBlur={handleStartBlur}\n                onKeyDown={handleStartKeyDown}\n                placeholder={placeholderStart}\n                aria-expanded={isOpen && activeBoundary === \"start\"}\n                aria-label=\"Start date\"\n                aria-invalid={startInvalid || undefined}\n                {...sharedInputProps}\n              />\n            }\n          />\n        </div>\n        <div\n          className={classnames(\n            commonStyles.osdkDatePickerInputWrapper,\n            styles.osdkDateRangeInputWrapper,\n            endInvalid && commonStyles.osdkDatePickerInputWrapperError,\n          )}\n        >\n          <Popover.Trigger\n            nativeButton={false}\n            render={\n              <Input\n                ref={endInputRef}\n                id={id != null ? `${id}-end` : undefined}\n                value={displayedEnd}\n                onValueChange={setEndInputValue}\n                onBlur={handleEndBlur}\n                onKeyDown={handleEndKeyDown}\n                onFocus={handleEndFocus}\n                onPointerDown={handleEndPointerDown}\n                placeholder={placeholderEnd}\n                aria-expanded={isOpen && activeBoundary === \"end\"}\n                aria-label=\"End date\"\n                aria-invalid={endInvalid || undefined}\n                {...sharedInputProps}\n              />\n            }\n          />\n        </div>\n      </div>\n      <Popover.Portal container={portalContainer}>\n        <PortalDismissLayer\n          className={commonStyles.osdkDatePickerDismissLayer}\n          onDismiss={closePopover}\n        />\n        <Popover.Positioner\n          anchor={triggerRef}\n          className={commonStyles.osdkDatePickerPositioner}\n          sideOffset={4}\n        >\n          <Popover.Popup\n            ref={popoverRef}\n            className={commonStyles.osdkDatePickerPopover}\n            id={popoverId}\n            role=\"dialog\"\n            aria-label=\"date range picker\"\n            // Disable base-ui's automatic focus restoration to the trigger on close.\n            // We manage focus ourselves via closePopover() which blurs the inputs.\n            finalFocus={false}\n          >\n            <div\n              onFocus={handleStartFocusBoundary}\n              tabIndex={0}\n              aria-label=\"Start of date range picker dialog\"\n              className={commonStyles.osdkDatePickerFocusBoundary}\n            />\n            <LazyDateRangeCalendar\n              selected={calendarSelected}\n              onSelect={handleRangeSelect}\n              min={min}\n              max={max}\n              footer={timeFooter}\n            />\n            <div\n              onFocus={handleEndFocusBoundary}\n              tabIndex={0}\n              aria-label=\"End of date range picker dialog\"\n              className={commonStyles.osdkDatePickerFocusBoundary}\n            />\n          </Popover.Popup>\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n});\n\n/** True when the end boundary is before (or same-day when disallowed) the start. */\nfunction isOverlapping(\n  start: Date | null | undefined,\n  end: Date | null | undefined,\n  allowSingleDayRange: boolean,\n): boolean {\n  if (start == null || end == null) return false;\n  if (!allowSingleDayRange && end.getTime() === start.getTime()) return true;\n  return end.getTime() < start.getTime();\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/action-form/fields/DateRangeInputField.module.css

@@ -15,18 +15,3 @@
   flex: 1;
   min-width: 0;
 }
-
-/* Two TimePickers side-by-side, each centered under its calendar month.
-   Negative horizontal margin counters the popover padding so the border-top
-   spans the full width of the popover. */
-.osdkDateRangeTimeRow {
-  display: flex;
-  gap: var(--osdk-time-picker-gap);
-  padding-top: var(--osdk-time-picker-padding-top);
-  padding-left: var(--osdk-datetime-popover-padding);
-  padding-right: var(--osdk-datetime-popover-padding);
-  margin-top: var(--osdk-time-picker-margin-top);
-  margin-left: calc(var(--osdk-datetime-popover-padding) * -1);
-  margin-right: calc(var(--osdk-datetime-popover-padding) * -1);
-  border-top: var(--osdk-time-picker-border-top);
-}

package/build/esm/action-form/fields/DatetimePickerField.js

@@ -18,7 +18,7 @@ import { Input } from "@base-ui/react/input";
 import { Popover } from "@base-ui/react/popover";
 import classnames from "classnames";
 import React, { useCallback, useId, useRef, useState } from "react";
-import { formatDateForDisplay, formatDateForInput, formatDatetimeForInput, getTimeValue, parseDateFromInput, parseDatetimeFromInput, parseTimeString } from "../../shared/dateUtils.js";
+import { formatDateForInput, formatDatetimeForInput, isDateInRange, parseDateFromInput, parseDatetimeFromInput } from "../../shared/dateUtils.js";
 import { stopPropagation } from "./calendarShared.js";
 import commonStyles from "./DatePickerCommon.module.css";
 import styles from "./DatetimePickerField.module.css";
@@ -43,9 +43,17 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
 }) {
   const shouldCloseOnSelection = closeOnSelection ?? !showTime;
   const popoverId = useId();
+  // The wrapper is only a visual/positioning anchor. The input itself remains
+  // the Popover.Trigger so axe does not see an interactive wrapper around an
+  // interactive combobox.
+  const wrapperRef = useRef(null);
   const inputRef = useRef(null);
   const popoverRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);
+  // activeDateValue is the selected/typed date; visibleCalendarMonth is only
+  // the calendar viewport. Keeping the viewport separate lets typed dates jump
+  // the calendar while next/previous month navigation still works.
+  const [visibleCalendarMonth, setVisibleCalendarMonth] = useState(value ?? new Date());
   // When true, the next handleFocus call skips reopening the popover.
   // Set before focusing the input from a popover boundary exit so that
   // Tab/Shift-Tab proceeds to the adjacent form field naturally.
@@ -53,13 +61,16 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
 
   // Format/parse: pick between date-only and datetime variants.
   // editFormatFn produces a parsable string for typing (e.g. "2024-01-15" or "2024-01-15 14:30").
-  // displayFormatFn produces a human-readable string for idle state (e.g. "Jan 15, 2024").
+  // displayFormatFn produces the idle string. Defaults stay deterministic so
+  // users in different browser locales see the same date in form inputs.
   const editFormatFn = showTime ? formatDatetimeForInput : formatDateForInput;
-  const displayFormatFn = formatDate ?? (showTime ? formatDatetimeForInput : formatDateForDisplay);
+  const displayFormatFn = formatDate ?? (showTime ? formatDatetimeForInput : formatDateForInput);
   const parseFn = parseDate ?? (showTime ? parseDatetimeFromInput : parseDateFromInput);
   const {
+    isEditing,
     displayedValue,
     inputError,
+    dateValue,
     startEditing,
     stopEditing,
     commitAndStopEditing,
@@ -84,8 +95,22 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
       return;
     }
     startEditing();
+    setVisibleCalendarMonth(value ?? undefined);
     setIsOpen(true);
-  }, [startEditing]);
+  }, [startEditing, value]);
+  const handlePointerDown = useCallback(() => {
+    // Opening from pointer-down keeps mouse interactions in sync with focus
+    // editing before Base UI's later click trigger handler runs.
+    inputRef.current?.focus();
+    handleFocus();
+  }, [handleFocus]);
+  const handleInputValueChange = useCallback(nextValue => {
+    setInputValue(nextValue);
+    const parsedDate = nextValue !== "" ? parseFn(nextValue) : undefined;
+    if (parsedDate != null && isDateInRange(parsedDate, min, max)) {
+      setVisibleCalendarMonth(parsedDate);
+    }
+  }, [max, min, parseFn, setInputValue]);
   const handleBlur = useCallback(e => {
     const relatedTarget = e.relatedTarget ?? document.activeElement;
     if (popoverRef.current?.contains(relatedTarget)) {
@@ -155,20 +180,19 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
     }
     onChange?.(date);
     setDateValue(date);
+    setVisibleCalendarMonth(date);
     if (shouldCloseOnSelection) {
       closePopover();
     }
   }, [onChange, showTime, value, shouldCloseOnSelection, setDateValue, setInputValue, closePopover]);
-  const handleTimeChange = useCallback(timeString => {
-    const {
-      hours,
-      minutes
-    } = parseTimeString(timeString);
-    const base = value != null ? new Date(value.getTime()) : new Date();
-    base.setHours(hours, minutes, 0, 0);
-    onChange?.(base);
-    setDateValue(base);
-  }, [value, onChange, setDateValue]);
+  const handleTimeChange = useCallback(time => {
+    onChange?.(time);
+    setDateValue(time);
+  }, [onChange, setDateValue]);
+  const handleCalendarClear = useCallback(() => {
+    onChange?.(null);
+    setDateValue(null);
+  }, [onChange, setDateValue]);
 
   // --- Focus boundary handlers ---
   // Visually-hidden elements at the start/end of the popover that trap Tab
@@ -195,16 +219,20 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
     }
   }, [stopEditing]);
 
-  // --- Time picker (rendered as a popover sibling, not a DayPicker footer,
-  // so the border-top can span the full popover width via negative margins) ---
+  // --- Time picker ---
 
+  const activeDateValue = isEditing && inputError == null ? dateValue : value ?? undefined;
   const timeFooter = showTime ? /*#__PURE__*/React.createElement("div", {
     className: styles.osdkDatetimeTimeFooter
   }, /*#__PURE__*/React.createElement(TimePicker, {
-    value: getTimeValue(value),
+    value: activeDateValue ?? null,
     onChange: handleTimeChange
   })) : undefined;
   const wrapperClassName = classnames(commonStyles.osdkDatePickerInputWrapper, styles.osdkDatetimeInputWrapper, inputError != null && commonStyles.osdkDatePickerInputWrapperError);
+
+  // Keep Popover.Trigger on the input itself. Moving it to the wrapper would
+  // make click handling simpler, but it would also nest an interactive combobox
+  // inside an interactive trigger and reintroduce the axe violation.
   return /*#__PURE__*/React.createElement(Popover.Root, {
     open: isOpen,
     onOpenChange: handleOpenChange
@@ -212,29 +240,30 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
     // is not reinterpreted after the portal dismiss layer appears.
     ,
     modal: "trap-focus"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: wrapperRef,
+    className: wrapperClassName
   }, /*#__PURE__*/React.createElement(Popover.Trigger, {
     nativeButton: false,
-    render: /*#__PURE__*/React.createElement("div", {
-      className: wrapperClassName,
-      tabIndex: -1
+    render: /*#__PURE__*/React.createElement(Input, {
+      ref: inputRef,
+      id: id,
+      className: commonStyles.osdkDatePickerInput,
+      type: "text",
+      value: displayedValue,
+      onValueChange: handleInputValueChange,
+      onFocus: handleFocus,
+      onPointerDown: handlePointerDown,
+      onBlur: handleBlur,
+      onClick: stopPropagation,
+      onKeyDown: handleKeyDown,
+      placeholder: placeholder,
+      autoComplete: "off",
+      role: "combobox",
+      "aria-expanded": isOpen,
+      "aria-controls": popoverId,
+      "aria-haspopup": "dialog"
     })
-  }, /*#__PURE__*/React.createElement(Input, {
-    ref: inputRef,
-    id: id,
-    className: commonStyles.osdkDatePickerInput,
-    type: "text",
-    value: displayedValue,
-    onValueChange: setInputValue,
-    onFocus: handleFocus,
-    onBlur: handleBlur,
-    onClick: stopPropagation,
-    onKeyDown: handleKeyDown,
-    placeholder: placeholder,
-    autoComplete: "off",
-    role: "combobox",
-    "aria-expanded": isOpen,
-    "aria-controls": popoverId,
-    "aria-haspopup": "dialog"
   })), /*#__PURE__*/React.createElement(Popover.Portal, {
     ref: portalRef,
     container: portalContainer
@@ -242,6 +271,7 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
     className: commonStyles.osdkDatePickerDismissLayer,
     onDismiss: closePopover
   }), /*#__PURE__*/React.createElement(Popover.Positioner, {
+    anchor: wrapperRef,
     className: commonStyles.osdkDatePickerPositioner,
     sideOffset: 4
   }, /*#__PURE__*/React.createElement(Popover.Popup, {
@@ -260,11 +290,15 @@ export const DatetimePickerField = /*#__PURE__*/React.memo(function ({
     "aria-label": "Start of date picker dialog",
     className: commonStyles.osdkDatePickerFocusBoundary
   }), /*#__PURE__*/React.createElement(LazyDateCalendar, {
-    dateSelected: value ?? undefined,
+    dateSelected: activeDateValue,
     onSelect: handleCalendarSelect,
+    onClear: handleCalendarClear,
+    month: visibleCalendarMonth,
+    onMonthChange: setVisibleCalendarMonth,
     min: min,
-    max: max
-  }), timeFooter, /*#__PURE__*/React.createElement("div", {
+    max: max,
+    footer: timeFooter
+  }), /*#__PURE__*/React.createElement("div", {
     onFocus: handleEndFocusBoundary,
     tabIndex: 0,
     "aria-label": "End of date picker dialog",