@cdx-ui/primitives 0.0.1-beta.99 → 0.1.0

package/lib/commonjs/date-range-picker/DateRangePickerRoot.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePickerRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateRangePickerRoot = exports.DateRangePickerRoot = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild,
+    children,
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    focusedField: focusedProp,
+    defaultFocusedField = 'start',
+    onFocusedFieldChange,
+    isOpen: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    isDisabled: disabled = false,
+    isReadOnly = false,
+    isInvalid = false,
+    isRequired = false,
+    locale = 'en-US',
+    labels: labelsProp,
+    ...rest
+  } = props;
+  const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const isRangeControlled = 'value' in props;
+  const [uncontrolledStart, setUncontrolledStart] = (0, _react.useState)(defaultValue?.startId);
+  const [uncontrolledEnd, setUncontrolledEnd] = (0, _react.useState)(defaultValue?.endId);
+  const startValue = isRangeControlled ? valueProp?.startId : uncontrolledStart;
+  const endValue = isRangeControlled ? valueProp?.endId : uncontrolledEnd;
+  const [open, setOpenState] = (0, _utils.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [draftStart, setDraftStart] = (0, _react.useState)(startValue);
+  const [draftEnd, setDraftEnd] = (0, _react.useState)(endValue);
+  const [focusedField, setFocusedField] = (0, _utils.useControllableState)({
+    prop: focusedProp,
+    defaultProp: defaultFocusedField,
+    onChange: onFocusedFieldChange
+  });
+  const surfacesRef = (0, _react.useRef)(new Set());
+  const anchorRef = (0, _react.useRef)(null);
+  const triggerRef = (0, _react.useRef)(null);
+  const commitRange = (0, _react.useCallback)(range => {
+    if (!isRangeControlled) {
+      setUncontrolledStart(range?.startId);
+      setUncontrolledEnd(range?.endId);
+    }
+    setDraftStart(range?.startId);
+    setDraftEnd(range?.endId);
+    onValueChange?.(range);
+  }, [isRangeControlled, onValueChange]);
+  const setDraftRange = (0, _react.useCallback)(range => {
+    if (range.startId === null) {
+      setDraftStart(undefined);
+    } else if (range.startId !== undefined) {
+      setDraftStart(range.startId);
+    }
+    if (range.endId === null) {
+      setDraftEnd(undefined);
+    } else if (range.endId !== undefined) {
+      setDraftEnd(range.endId);
+    }
+  }, []);
+
+  // Sync draft from committed values when they change externally (presets, typed fields).
+  (0, _react.useEffect)(() => {
+    setDraftStart(startValue);
+    setDraftEnd(endValue);
+  }, [endValue, startValue]);
+  const setOpen = (0, _react.useCallback)(next => {
+    if (disabled && next) {
+      return;
+    }
+    if (next) {
+      setDraftStart(startValue);
+      setDraftEnd(endValue);
+    }
+    setOpenState(next);
+  }, [disabled, endValue, setOpenState, startValue]);
+  const registerSurface = (0, _react.useCallback)(type => {
+    if (surfacesRef.current.has(type)) {
+      return;
+    }
+    surfacesRef.current.add(type);
+    if (surfacesRef.current.size > 1) {
+      console.warn('[Forge UI] DateRangePicker: multiple presentation surfaces detected. Use only one of Popover, Dialog, or BottomSheet.');
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!open) {
+      surfacesRef.current.clear();
+    }
+  }, [open]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    startValue,
+    endValue,
+    onRangeChange: commitRange,
+    draftStart,
+    draftEnd,
+    setDraftRange,
+    focusedField: focusedField ?? 'start',
+    setFocusedField,
+    open: open ?? false,
+    setOpen,
+    disabled,
+    readOnly: isReadOnly,
+    invalid: isInvalid,
+    required: isRequired,
+    locale,
+    labels,
+    registerSurface,
+    anchorRef,
+    triggerRef
+  }), [startValue, endValue, commitRange, draftStart, draftEnd, setDraftRange, focusedField, setFocusedField, open, setOpen, disabled, isReadOnly, isInvalid, isRequired, locale, labels, registerSurface]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DateRangePickerContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: (0, _utils.mergeRefs)(ref, anchorRef),
+      ...rest,
+      ...(0, _dataAttributes.mergeDataAttributes)(rest, (0, _dataAttributes.dataAttributes)({
+        disabled,
+        open
+      })),
+      children: children
+    })
+  });
+});
+DateRangePickerRoot.displayName = 'DateRangePickerRoot';
+//# sourceMappingURL=DateRangePickerRoot.js.map

package/lib/commonjs/date-range-picker/DateRangePickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_dataAttributes","_context","_jsxRuntime","DateRangePickerRoot","exports","forwardRef","props","ref","asChild","children","value","valueProp","defaultValue","onValueChange","focusedField","focusedProp","defaultFocusedField","onFocusedFieldChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","locale","labels","labelsProp","rest","useMemo","resolveDateComponentLabels","isRangeControlled","uncontrolledStart","setUncontrolledStart","useState","startId","uncontrolledEnd","setUncontrolledEnd","endId","startValue","endValue","open","setOpenState","useControllableState","prop","defaultProp","onChange","draftStart","setDraftStart","draftEnd","setDraftEnd","setFocusedField","surfacesRef","useRef","Set","anchorRef","triggerRef","commitRange","useCallback","range","setDraftRange","undefined","useEffect","setOpen","next","registerSurface","type","current","has","add","size","console","warn","clear","contextValue","onRangeChange","readOnly","invalid","required","Comp","Slot","View","jsx","DateRangePickerContext","Provider","mergeRefs","mergeDataAttributes","dataAttributes","displayName"],"sourceRoot":"../../../src","sources":["date-range-picker/DateRangePickerRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAGA,IAAAM,QAAA,GAAAN,OAAA;AAAwE,IAAAO,WAAA,GAAAP,OAAA;AAuCjE,MAAMQ,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAC3C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,YAAY;IACZC,aAAa;IACbC,YAAY,EAAEC,WAAW;IACzBC,mBAAmB,GAAG,OAAO;IAC7BC,oBAAoB;IACpBC,MAAM,EAAEC,QAAQ;IAChBC,WAAW,GAAG,KAAK;IACnBC,YAAY;IACZC,UAAU,EAAEC,QAAQ,GAAG,KAAK;IAC5BC,UAAU,GAAG,KAAK;IAClBC,SAAS,GAAG,KAAK;IACjBC,UAAU,GAAG,KAAK;IAClBC,MAAM,GAAG,OAAO;IAChBC,MAAM,EAAEC,UAAU;IAClB,GAAGC;EACL,CAAC,GAAGxB,KAAK;EAET,MAAMsB,MAAM,GAAG,IAAAG,cAAO,EAAC,MAAM,IAAAC,sCAA0B,EAACH,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAElF,MAAMI,iBAAiB,GAAG,OAAO,IAAI3B,KAAK;EAC1C,MAAM,CAAC4B,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EACxDxB,YAAY,EAAEyB,OAChB,CAAC;EACD,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAH,eAAQ,EAAqBxB,YAAY,EAAE4B,KAAK,CAAC;EAC/F,MAAMC,UAAU,GAAGR,iBAAiB,GAAGtB,SAAS,EAAE0B,OAAO,GAAGH,iBAAiB;EAC7E,MAAMQ,QAAQ,GAAGT,iBAAiB,GAAGtB,SAAS,EAAE6B,KAAK,GAAGF,eAAe;EAEvE,MAAM,CAACK,IAAI,EAAEC,YAAY,CAAC,GAAG,IAAAC,2BAAoB,EAAU;IACzDC,IAAI,EAAE3B,QAAQ;IACd4B,WAAW,EAAE3B,WAAW;IACxB4B,QAAQ,EAAE3B;EACZ,CAAC,CAAC;EAEF,MAAM,CAAC4B,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAd,eAAQ,EAAqBK,UAAU,CAAC;EAC5E,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAhB,eAAQ,EAAqBM,QAAQ,CAAC;EAEtE,MAAM,CAAC5B,YAAY,EAAEuC,eAAe,CAAC,GAAG,IAAAR,2BAAoB,EAAqB;IAC/EC,IAAI,EAAE/B,WAAW;IACjBgC,WAAW,EAAE/B,mBAAmB;IAChCgC,QAAQ,EAAE/B;EACZ,CAAC,CAAC;EAEF,MAAMqC,WAAW,GAAG,IAAAC,aAAM,EAAyB,IAAIC,GAAG,CAAC,CAAC,CAAC;EAC7D,MAAMC,SAAS,GAAG,IAAAF,aAAM,EAA4B,IAAI,CAAC;EACzD,MAAMG,UAAU,GAAG,IAAAH,aAAM,EAA4B,IAAI,CAAC;EAE1D,MAAMI,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,KAAiC,IAAK;IACrC,IAAI,CAAC5B,iBAAiB,EAAE;MACtBE,oBAAoB,CAAC0B,KAAK,EAAExB,OAAO,CAAC;MACpCE,kBAAkB,CAACsB,KAAK,EAAErB,KAAK,CAAC;IAClC;IACAU,aAAa,CAACW,KAAK,EAAExB,OAAO,CAAC;IAC7Be,WAAW,CAACS,KAAK,EAAErB,KAAK,CAAC;IACzB3B,aAAa,GAAGgD,KAAK,CAAC;EACxB,CAAC,EACD,CAAC5B,iBAAiB,EAAEpB,aAAa,CACnC,CAAC;EAED,MAAMiD,aAAa,GAAG,IAAAF,kBAAW,EAC9BC,KAAyD,IAAK;IAC7D,IAAIA,KAAK,CAACxB,OAAO,KAAK,IAAI,EAAE;MAC1Ba,aAAa,CAACa,SAAS,CAAC;IAC1B,CAAC,MAAM,IAAIF,KAAK,CAACxB,OAAO,KAAK0B,SAAS,EAAE;MACtCb,aAAa,CAACW,KAAK,CAACxB,OAAO,CAAC;IAC9B;IACA,IAAIwB,KAAK,CAACrB,KAAK,KAAK,IAAI,EAAE;MACxBY,WAAW,CAACW,SAAS,CAAC;IACxB,CAAC,MAAM,IAAIF,KAAK,CAACrB,KAAK,KAAKuB,SAAS,EAAE;MACpCX,WAAW,CAACS,KAAK,CAACrB,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,EACF,CAAC;;EAED;EACA,IAAAwB,gBAAS,EAAC,MAAM;IACdd,aAAa,CAACT,UAAU,CAAC;IACzBW,WAAW,CAACV,QAAQ,CAAC;EACvB,CAAC,EAAE,CAACA,QAAQ,EAAED,UAAU,CAAC,CAAC;EAE1B,MAAMwB,OAAO,GAAG,IAAAL,kBAAW,EACxBM,IAAa,IAAK;IACjB,IAAI3C,QAAQ,IAAI2C,IAAI,EAAE;MACpB;IACF;IACA,IAAIA,IAAI,EAAE;MACRhB,aAAa,CAACT,UAAU,CAAC;MACzBW,WAAW,CAACV,QAAQ,CAAC;IACvB;IACAE,YAAY,CAACsB,IAAI,CAAC;EACpB,CAAC,EACD,CAAC3C,QAAQ,EAAEmB,QAAQ,EAAEE,YAAY,EAAEH,UAAU,CAC/C,CAAC;EAED,MAAM0B,eAAe,GAAG,IAAAP,kBAAW,EAAEQ,IAAuB,IAAK;IAC/D,IAAId,WAAW,CAACe,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC,EAAE;MACjC;IACF;IACAd,WAAW,CAACe,OAAO,CAACE,GAAG,CAACH,IAAI,CAAC;IAC7B,IAAId,WAAW,CAACe,OAAO,CAACG,IAAI,GAAG,CAAC,EAAE;MAChCC,OAAO,CAACC,IAAI,CACV,uHACF,CAAC;IACH;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAV,gBAAS,EAAC,MAAM;IACd,IAAI,CAACrB,IAAI,EAAE;MACTW,WAAW,CAACe,OAAO,CAACM,KAAK,CAAC,CAAC;IAC7B;EACF,CAAC,EAAE,CAAChC,IAAI,CAAC,CAAC;EAEV,MAAMiC,YAAY,GAAG,IAAA7C,cAAO,EAC1B,OAAO;IACLU,UAAU;IACVC,QAAQ;IACRmC,aAAa,EAAElB,WAAW;IAC1BV,UAAU;IACVE,QAAQ;IACRW,aAAa;IACbhD,YAAY,EAAEA,YAAY,IAAI,OAAO;IACrCuC,eAAe;IACfV,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBsB,OAAO;IACP1C,QAAQ;IACRuD,QAAQ,EAAEtD,UAAU;IACpBuD,OAAO,EAAEtD,SAAS;IAClBuD,QAAQ,EAAEtD,UAAU;IACpBC,MAAM;IACNC,MAAM;IACNuC,eAAe;IACfV,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CACEjB,UAAU,EACVC,QAAQ,EACRiB,WAAW,EACXV,UAAU,EACVE,QAAQ,EACRW,aAAa,EACbhD,YAAY,EACZuC,eAAe,EACfV,IAAI,EACJsB,OAAO,EACP1C,QAAQ,EACRC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,MAAM,EACNuC,eAAe,CAEnB,CAAC;EAED,MAAMc,IAAI,GAAGzE,OAAO,GAAG0E,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAjF,WAAA,CAAAkF,GAAA,EAACnF,QAAA,CAAAoF,sBAAsB,CAACC,QAAQ;IAAC5E,KAAK,EAAEkE,YAAa;IAAAnE,QAAA,eACnD,IAAAP,WAAA,CAAAkF,GAAA,EAACH,IAAI;MACH1E,GAAG,EAAE,IAAAgF,gBAAS,EAAChF,GAAG,EAAEkD,SAAS,CAAE;MAAA,GAC3B3B,IAAI;MAAA,GACJ,IAAA0D,mCAAmB,EAAC1D,IAAI,EAAE,IAAA2D,8BAAc,EAAC;QAAElE,QAAQ;QAAEoB;MAAK,CAAC,CAAC,CAAC;MAAAlC,QAAA,EAEhEA;IAAQ,CACL;EAAC,CACwB,CAAC;AAEtC,CACF,CAAC;AAEDN,mBAAmB,CAACuF,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/lib/commonjs/date-range-picker/context.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePickerContext = void 0;
+exports.useDateRangePickerContext = useDateRangePickerContext;
+var _react = require("react");
+/**
+ * A date range value. `endId` is optional: while the user is mid-selection (only
+ * the first endpoint chosen) the range carries `startId` alone. Build the ids
+ * with `dateId(...)` from `@cdx-ui/formatters`.
+ */
+
+const DateRangePickerContext = exports.DateRangePickerContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useDateRangePickerContext() {
+  const ctx = (0, _react.useContext)(DateRangePickerContext);
+  if (!ctx) {
+    throw new Error('DateRangePicker compound components must be used within DateRangePickerRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/date-range-picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","DateRangePickerContext","exports","createContext","useDateRangePickerContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["date-range-picker/context.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACA;AACA;;AA6BO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG,IAAAE,oBAAa,EAAqC,IAAI,CAAC;AAEtF,SAASC,yBAAyBA,CAAA,EAAgC;EACvE,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,sBAAsB,CAAC;EAC9C,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,6EAA6E,CAAC;EAChG;EACA,OAAOF,GAAG;AACZ","ignoreList":[]}

package/lib/commonjs/date-range-picker/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateRangePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.DateRangePickerContext;
+  }
+});
+Object.defineProperty(exports, "DateRangePickerRoot", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePickerRoot.DateRangePickerRoot;
+  }
+});
+Object.defineProperty(exports, "useDateRangePickerContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useDateRangePickerContext;
+  }
+});
+var _DateRangePickerRoot = require("./DateRangePickerRoot");
+var _context = require("./context");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DateRangePickerRoot","require","_context"],"sourceRoot":"../../../src","sources":["date-range-picker/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/date-time-field/DateTimeFieldHiddenInput.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldHiddenInput = DateTimeFieldHiddenInput;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Invisible input that owns keyboard focus while a segment is active.
+ * Mirrors `DateFieldHiddenInput`; switches to a default keyboard for day-period (A/P).
+ */const HIDDEN_INPUT_STYLE = {
+  position: 'absolute',
+  opacity: 0.01,
+  width: '100%',
+  height: '100%',
+  left: 0,
+  top: 0,
+  zIndex: 0,
+  fontSize: 16
+};
+const NUMERIC_KEYBOARD = _reactNative.Platform.select({
+  ios: 'phone-pad',
+  default: 'number-pad'
+});
+function DateTimeFieldHiddenInput({
+  accessibilityLabel
+}) {
+  const {
+    focusedSegmentIndex,
+    segments,
+    disabled,
+    readOnly,
+    segmentDraft,
+    handleSegmentInputChange,
+    handleSegmentBackspace,
+    handleDayPeriodKey,
+    focusNextEditableSegment,
+    focusPrevEditableSegment,
+    blurSegment
+  } = (0, _context.useDateTimeFieldContext)();
+  const inputRef = (0, _react.useRef)(null);
+  const suppressBlurRef = (0, _react.useRef)(false);
+  const focusedIndexRef = (0, _react.useRef)(focusedSegmentIndex);
+  focusedIndexRef.current = focusedSegmentIndex;
+  const focusedSegment = focusedSegmentIndex != null ? segments[focusedSegmentIndex] : undefined;
+  const isDayPeriod = focusedSegment?.type === 'dayPeriod';
+  const isActive = focusedSegmentIndex != null && !disabled && !readOnly;
+  const draftValue = isDayPeriod ? segmentDraft.replace(/[^aApP12]/g, '') : segmentDraft.replace(/\D/g, '');
+  (0, _react.useEffect)(() => {
+    if (!isActive) {
+      return;
+    }
+    suppressBlurRef.current = true;
+    const focusInput = () => {
+      inputRef.current?.focus();
+    };
+    const frame = requestAnimationFrame(focusInput);
+    const timer = setTimeout(() => {
+      focusInput();
+      suppressBlurRef.current = false;
+    }, 50);
+    return () => {
+      cancelAnimationFrame(frame);
+      clearTimeout(timer);
+    };
+  }, [isActive, focusedSegmentIndex]);
+  const onKeyPress = event => {
+    if (!isActive) {
+      return;
+    }
+    const key = event.nativeEvent.key;
+    if (key === 'Backspace') {
+      if (draftValue.length === 0) {
+        handleSegmentBackspace();
+      }
+      return;
+    }
+    if (key === 'ArrowRight') {
+      focusNextEditableSegment();
+      return;
+    }
+    if (key === 'ArrowLeft') {
+      focusPrevEditableSegment();
+      return;
+    }
+    if (isDayPeriod && /^[apAP]$/.test(key)) {
+      handleDayPeriodKey(key);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    testID: "date-time-field-keyboard-input",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ref: inputRef,
+    value: isActive ? draftValue : '',
+    editable: isActive,
+    showSoftInputOnFocus: isActive,
+    pointerEvents: "none",
+    caretHidden: true,
+    importantForAutofill: "no",
+    autoComplete: "off",
+    autoCorrect: false,
+    spellCheck: false,
+    keyboardType: isDayPeriod ? 'default' : NUMERIC_KEYBOARD,
+    inputMode: isDayPeriod ? 'text' : 'numeric',
+    style: HIDDEN_INPUT_STYLE,
+    onChangeText: text => {
+      if (!isActive) {
+        return;
+      }
+      handleSegmentInputChange(text);
+    },
+    onKeyPress: onKeyPress,
+    onBlur: () => {
+      if (suppressBlurRef.current) {
+        return;
+      }
+      requestAnimationFrame(() => {
+        if (suppressBlurRef.current) {
+          return;
+        }
+        const index = focusedIndexRef.current;
+        if (index == null) {
+          return;
+        }
+        if (_reactNative.Platform.OS !== 'web') {
+          blurSegment(index);
+          return;
+        }
+        const node = inputRef.current;
+        if (node?.isFocused?.()) {
+          return;
+        }
+        const active = typeof document !== 'undefined' ? document.activeElement : null;
+        if (active && active.tagName === 'INPUT') {
+          const label = active.getAttribute('aria-label');
+          if (label === accessibilityLabel) {
+            return;
+          }
+        }
+        blurSegment(index);
+      });
+    }
+  });
+}
+//# sourceMappingURL=DateTimeFieldHiddenInput.js.map

package/lib/commonjs/date-time-field/DateTimeFieldHiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_context","_jsxRuntime","HIDDEN_INPUT_STYLE","position","opacity","width","height","left","top","zIndex","fontSize","NUMERIC_KEYBOARD","Platform","select","ios","default","DateTimeFieldHiddenInput","accessibilityLabel","focusedSegmentIndex","segments","disabled","readOnly","segmentDraft","handleSegmentInputChange","handleSegmentBackspace","handleDayPeriodKey","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","useDateTimeFieldContext","inputRef","useRef","suppressBlurRef","focusedIndexRef","current","focusedSegment","undefined","isDayPeriod","type","isActive","draftValue","replace","useEffect","focusInput","focus","frame","requestAnimationFrame","timer","setTimeout","cancelAnimationFrame","clearTimeout","onKeyPress","event","key","nativeEvent","length","test","jsx","TextInput","testID","accessibilityElementsHidden","importantForAccessibility","ref","value","editable","showSoftInputOnFocus","pointerEvents","caretHidden","importantForAutofill","autoComplete","autoCorrect","spellCheck","keyboardType","inputMode","style","onChangeText","text","onBlur","index","OS","node","isFocused","active","document","activeElement","tagName","label","getAttribute"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldHiddenInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/date-time-field/DateTimeFieldInput.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _segmentIndex = require("../date-field/segmentIndex");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _DateTimeFieldHiddenInput = require("./DateTimeFieldHiddenInput");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateTimeFieldInput = exports.DateTimeFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const ctx = (0, _context.useDateTimeFieldContext)();
+  const {
+    segments,
+    labels
+  } = ctx;
+  const keyboardInputLabel = labels.dateFieldKeyboardInput;
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS !== 'web' || ctx.focusedSegmentIndex == null || ctx.disabled || ctx.readOnly) {
+      return;
+    }
+    const focusedIndex = ctx.focusedSegmentIndex;
+    const onKeyDown = event => {
+      const activeLabel = typeof document !== 'undefined' ? document.activeElement?.getAttribute?.('aria-label') : null;
+      const inputOwnsFocus = activeLabel === keyboardInputLabel;
+      if (event.key === 'Backspace') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentBackspace();
+        return;
+      }
+      if (event.key === 'ArrowRight') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusNextEditableSegment();
+        return;
+      }
+      if (event.key === 'ArrowLeft') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusPrevEditableSegment();
+        return;
+      }
+      if (event.key === 'Tab') {
+        ctx.blurSegment(focusedIndex);
+        return;
+      }
+      if (/^[apAP]$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleDayPeriodKey(event.key);
+        return;
+      }
+      if (/^\d$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentDigit(event.key);
+      }
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => document.removeEventListener('keydown', onKeyDown);
+  }, [ctx.blurSegment, ctx.disabled, ctx.focusNextEditableSegment, ctx.focusPrevEditableSegment, ctx.focusedSegmentIndex, ctx.handleDayPeriodKey, ctx.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
+    ref: ref,
+    className: className,
+    style: [{
+      position: 'relative'
+    }, style],
+    accessibilityRole: "none",
+    ...props,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'date-time-field-input'
+    })),
+    children: [segments.map((segment, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentIndex.DateFieldSegmentIndexProvider, {
+      index: index,
+      children: children(segment)
+    }, `${segment.type}-${String(index)}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimeFieldHiddenInput.DateTimeFieldHiddenInput, {
+      accessibilityLabel: keyboardInputLabel
+    })]
+  });
+});
+DateTimeFieldInput.displayName = 'DateTimeFieldInput';
+//# sourceMappingURL=DateTimeFieldInput.js.map

package/lib/commonjs/date-time-field/DateTimeFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_segmentIndex","_slot","_dataAttributes","_context","_DateTimeFieldHiddenInput","_jsxRuntime","DateTimeFieldInput","exports","forwardRef","asChild","children","className","style","props","ref","ctx","useDateTimeFieldContext","segments","labels","keyboardInputLabel","dateFieldKeyboardInput","Comp","Slot","View","useEffect","Platform","OS","focusedSegmentIndex","disabled","readOnly","focusedIndex","onKeyDown","event","activeLabel","document","activeElement","getAttribute","inputOwnsFocus","key","preventDefault","handleSegmentBackspace","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","test","handleDayPeriodKey","handleSegmentDigit","addEventListener","removeEventListener","jsxs","position","accessibilityRole","mergeDataAttributes","dataAttributes","slot","map","segment","index","jsx","DateFieldSegmentIndexProvider","type","String","DateTimeFieldHiddenInput","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/date-time-field/DateTimeFieldRoot.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeFieldRoot = void 0;
+exports.applyDateTimePartChange = applyDateTimePartChange;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useDateTimeFieldSegmentState = require("./useDateTimeFieldSegmentState");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateTimeFieldRoot = exports.DateTimeFieldRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  granularity = 'minute',
+  locale = 'en-US',
+  hour12: hour12Prop,
+  labels: labelsProp,
+  isDisabled,
+  isReadOnly,
+  isInvalid,
+  isRequired,
+  ...props
+}, ref) => {
+  const hour12 = hour12Prop ?? (0, _formatters.isLocaleHour12)(locale);
+  const formControl = (0, _utils.useFormControl)({
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    isRequired
+  });
+  const labels = (0, _react.useMemo)(() => (0, _formatters.resolveDateComponentLabels)(labelsProp), [labelsProp]);
+  const [value, setValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const segments = (0, _react.useMemo)(() => (0, _formatters.getDateTimeFieldSegments)(value, {
+    granularity,
+    locale,
+    hour12
+  }), [value, granularity, locale, hour12]);
+  const fieldDisabled = !!formControl.disabled;
+  const fieldReadOnly = !!formControl.readOnly;
+  const fieldInvalid = !!formControl['aria-invalid'];
+  const segmentState = (0, _useDateTimeFieldSegmentState.useDateTimeFieldSegmentState)({
+    granularity,
+    hour12,
+    locale,
+    segments,
+    value,
+    setValue,
+    disabled: fieldDisabled,
+    readOnly: fieldReadOnly
+  });
+  const contextValue = (0, _react.useMemo)(() => ({
+    value,
+    onValueChange: setValue,
+    granularity,
+    locale,
+    hour12,
+    labels,
+    segments,
+    disabled: fieldDisabled,
+    readOnly: fieldReadOnly,
+    invalid: fieldInvalid,
+    ...segmentState
+  }), [value, setValue, granularity, locale, hour12, labels, segments, fieldDisabled, fieldReadOnly, fieldInvalid, segmentState]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.DateTimeFieldContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled: formControl.disabled,
+        invalid: formControl['aria-invalid'],
+        readonly: formControl.readOnly
+      })),
+      children: children
+    })
+  });
+});
+DateTimeFieldRoot.displayName = 'DateTimeFieldRoot';
+
+/** Local `DateTimeId` includes seconds when the time segment is `HH:mm:ss` (colon at index 16). */
+function dateTimeIdIncludesSeconds(dateTimeId) {
+  return dateTimeId.length >= 19 && dateTimeId.charAt(16) === ':';
+}
+function applyDateTimePartChange(current, part, partValue) {
+  const parts = current ? (0, _formatters.parseDateTimeId)(current) : null;
+  const hasSeconds = Boolean(current && dateTimeIdIncludesSeconds(current));
+  const includeSeconds = hasSeconds || part === 'second';
+  const base = parts ? {
+    year: parts.year,
+    month: parts.month,
+    day: parts.day,
+    hour: parts.hour,
+    minute: parts.minute,
+    ...(includeSeconds ? {
+      second: parts.second ?? 0
+    } : {})
+  } : {
+    year: new Date().getFullYear(),
+    month: new Date().getMonth() + 1,
+    day: new Date().getDate(),
+    hour: 0,
+    minute: 0,
+    ...(includeSeconds ? {
+      second: 0
+    } : {})
+  };
+  if (part === 'date' && typeof partValue === 'string') {
+    const dateParts = (0, _formatters.parseDateTimeId)(`${partValue}T00:00:00`);
+    if (dateParts) {
+      return (0, _formatters.formatDateTimeId)({
+        ...base,
+        year: dateParts.year,
+        month: dateParts.month,
+        day: dateParts.day
+      });
+    }
+  }
+  if (part === 'hour' && typeof partValue === 'number') {
+    return (0, _formatters.formatDateTimeId)({
+      ...base,
+      hour: partValue
+    });
+  }
+  if (part === 'minute' && typeof partValue === 'number') {
+    return (0, _formatters.formatDateTimeId)({
+      ...base,
+      minute: partValue
+    });
+  }
+  if (part === 'second' && typeof partValue === 'number') {
+    return (0, _formatters.formatDateTimeId)({
+      ...base,
+      second: partValue
+    });
+  }
+  if (part === 'period' && typeof partValue === 'number') {
+    const hour = base.hour % 12 + (partValue === 1 ? 12 : 0);
+    return (0, _formatters.formatDateTimeId)({
+      ...base,
+      hour
+    });
+  }
+  return (0, _formatters.formatDateTimeId)(base);
+}
+//# sourceMappingURL=DateTimeFieldRoot.js.map

package/lib/commonjs/date-time-field/DateTimeFieldRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_formatters","_utils","_slot","_dataAttributes","_context","_useDateTimeFieldSegmentState","_jsxRuntime","DateTimeFieldRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","granularity","locale","hour12","hour12Prop","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","isLocaleHour12","formControl","useFormControl","useMemo","resolveDateComponentLabels","setValue","useControllableState","prop","defaultProp","onChange","segments","getDateTimeFieldSegments","fieldDisabled","disabled","fieldReadOnly","readOnly","fieldInvalid","segmentState","useDateTimeFieldSegmentState","contextValue","invalid","Comp","Slot","View","jsx","DateTimeFieldContext","Provider","mergeDataAttributes","dataAttributes","readonly","displayName","dateTimeIdIncludesSeconds","dateTimeId","length","charAt","applyDateTimePartChange","current","part","partValue","parts","parseDateTimeId","hasSeconds","Boolean","includeSeconds","base","year","month","day","hour","minute","second","Date","getFullYear","getMonth","getDate","dateParts","formatDateTimeId"],"sourceRoot":"../../../src","sources":["date-time-field/DateTimeFieldRoot.tsx"],"mappings":"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","ignoreList":[]}