@multiplatform.one/forms 7.6.2 → 7.7.0

package/dist/cjs/fields/TimePicker/index.cjs

@@ -22,182 +22,11 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var TimePicker_exports = {};
 __export(TimePicker_exports, {
-  TimePicker: () => TimePicker,
-  formatTimeDisplay: () => import_parts2.formatTimeDisplay,
-  isValidTimeString: () => import_parts2.isValidTimeString,
-  parseTimeString: () => import_parts2.parseTimeString,
-  toTimeString: () => import_parts2.toTimeString
+  TimePicker: () => import_catalog.TimePicker,
+  formatTimeDisplay: () => import_catalog.formatTimeDisplay,
+  isValidTimeString: () => import_catalog.isValidTimeString,
+  parseTimeString: () => import_catalog.parseTimeString,
+  toTimeString: () => import_catalog.toTimeString
 });
 module.exports = __toCommonJS(TimePicker_exports);
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-var import_Skeleton = require("../../Skeleton/index.cjs");
-var import_fieldLayout = require("../../fieldLayout.cjs");
-var import_FloatingPanel = require("../../FloatingPanel/index.cjs");
-var import_InputParts = require("../../InputParts/index.cjs");
-var import_t = require("../../shared/t.cjs");
-var import_utils = require("../../shared/utils.cjs");
-var import_parts = require("./parts.cjs");
-var import_parts2 = require("./parts.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-function TimePicker({
-  name,
-  form: formProp,
-  validators,
-  label,
-  labelProps,
-  helperText,
-  error,
-  required,
-  size,
-  id: idProp,
-  value: valueProp,
-  defaultValue,
-  onChange,
-  onBlur,
-  disabled,
-  readOnly,
-  timeFormat = "12h",
-  minuteStep = 5,
-  showSeconds = false,
-  placeholder = (0, import_t.t)("Select time"),
-  clockIcon,
-  skeleton,
-  compact
-}) {
-  const {
-    resolvedForm,
-    knobProps,
-    id
-  } = (0, import_utils.useFormField)({
-    form: formProp,
-    id: idProp,
-    compact
-  });
-  const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const [internalValue, setInternalValue] = (0, import_react.useState)(() => valueProp ?? defaultValue ?? "");
-  (0, import_react.useEffect)(() => {
-    if (valueProp === void 0) return;
-    setInternalValue(valueProp);
-  }, [valueProp]);
-  const value = internalValue;
-  const valueIsInvalid = !!value.trim() && !(0, import_parts.isValidTimeString)(value);
-  const formatError = valueIsInvalid ? (0, import_t.t)("Invalid time value") : void 0;
-  const displayValue = (0, import_react.useMemo)(() => valueIsInvalid ? "" : (0, import_parts.formatTimeDisplay)(value, timeFormat, showSeconds), [value, valueIsInvalid, timeFormat, showSeconds]);
-  const handleChange = (0, import_react.useCallback)((time, fieldChange) => {
-    setInternalValue(time);
-    fieldChange?.(time);
-    onChange?.(time);
-  }, [onChange]);
-  const handleClear = (0, import_react.useCallback)(fieldChange => {
-    handleChange("", fieldChange);
-  }, [handleChange]);
-  const renderTrigger = (triggerValue, hasError, fieldChange, readonly) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePickerInputTrigger, {
-    value: triggerValue,
-    placeholder,
-    disabled,
-    error: hasError,
-    id,
-    clockIcon,
-    onOpen: () => setOpen(true),
-    onClear: () => handleClear(fieldChange),
-    "aria-label": label ? void 0 : (0, import_t.t)("Time"),
-    "aria-readonly": readonly || void 0,
-    "aria-required": required || void 0,
-    "aria-invalid": hasError || void 0
-  });
-  const panelContent = (currentValue, onValueChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePanel, {
-    value: currentValue || "00:00",
-    onChange: onValueChange,
-    timeFormat,
-    minuteStep,
-    showSeconds
-  });
-  if (skeleton) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
-      id,
-      label,
-      size,
-      knobProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: knobProps.sizeToken
-      })
-    });
-  }
-  const renderField = (triggerValue, hasError, blurHandler, fieldChange, fieldValue) => {
-    if (readOnly) {
-      return renderTrigger(triggerValue, hasError, void 0, true);
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
-      open,
-      onOpenChange: isOpen => {
-        setOpen(isOpen);
-        if (!isOpen) blurHandler?.();
-      },
-      disabled,
-      sizing: "grow",
-      widthMode: "at-least-trigger",
-      triggerA11y: {
-        label: typeof label === "string" && label || (0, import_t.t)("Time"),
-        value: triggerValue || placeholder,
-        hint: typeof helperText === "string" ? helperText : void 0
-      },
-      trigger: renderTrigger(triggerValue, hasError, fieldChange),
-      triggerEnd: !import_tamagui.isWeb && triggerValue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePickerClearButton, {
-        onClear: () => handleClear(fieldChange),
-        disabled
-      }) : void 0,
-      children: panelContent(fieldValue ?? value, time => handleChange(time, fieldChange))
-    });
-  };
-  if (!resolvedForm || !name) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
-      id,
-      label,
-      labelProps,
-      error: error || formatError,
-      helperText,
-      required,
-      size,
-      knobProps,
-      onBlur,
-      disabled,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
-        size: size || knobProps.sizeToken,
-        children: renderField(displayValue, !!error || valueIsInvalid, onBlur)
-      })
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
-    form: resolvedForm,
-    name,
-    defaultValue,
-    validators: resolvedValidators,
-    children: field => {
-      const resolvedError = (0, import_utils.getFieldError)(field, error);
-      const fieldValue = field.state.value ?? "";
-      const fieldIsInvalid = !!fieldValue.trim() && !(0, import_parts.isValidTimeString)(fieldValue);
-      const fieldFormatError = fieldIsInvalid ? (0, import_t.t)("Invalid time value") : void 0;
-      const fieldDisplay = fieldIsInvalid ? "" : (0, import_parts.formatTimeDisplay)(fieldValue, timeFormat, showSeconds);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
-        id,
-        label,
-        labelProps,
-        error: resolvedError || fieldFormatError,
-        helperText,
-        required,
-        size,
-        knobProps,
-        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
-        disabled,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
-          size: size || knobProps.sizeToken,
-          children: renderField(fieldDisplay, !!resolvedError || fieldIsInvalid, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), v => field.handleChange(v), fieldValue)
-        })
-      });
-    }
-  });
-}
+var import_catalog = require("./catalog.cjs");

package/dist/cjs/fields/TimePicker/index.native.js

@@ -22,27 +22,46 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var TimePicker_exports = {};
-__export(TimePicker_exports, {
+var index_native_exports = {};
+__export(index_native_exports, {
   TimePicker: () => TimePicker,
   formatTimeDisplay: () => import_parts2.formatTimeDisplay,
   isValidTimeString: () => import_parts2.isValidTimeString,
   parseTimeString: () => import_parts2.parseTimeString,
   toTimeString: () => import_parts2.toTimeString
 });
-module.exports = __toCommonJS(TimePicker_exports);
+module.exports = __toCommonJS(index_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_tamagui = require("tamagui");
-var import_Skeleton = require("../../Skeleton");
+var import_react_native = require("react-native");
 var import_fieldLayout = require("../../fieldLayout.native.js");
-var import_FloatingPanel = require("../../FloatingPanel");
 var import_InputParts = require("../../InputParts");
+var import_Skeleton = require("../../Skeleton");
 var import_t = require("../../shared/t.native.js");
 var import_utils = require("../../shared/utils.native.js");
+var import_OsDateTimeSheet = require("../nativeDateTime/OsDateTimeSheet.native.js");
+var import_catalog = require("./catalog.native.js");
 var import_parts = require("./parts.native.js");
 var import_parts2 = require("./parts.native.js");
-function TimePicker(param) {
+function timeToDate(value) {
+  var {
+    h,
+    m,
+    s
+  } = (0, import_parts.parseTimeString)(value);
+  var d = /* @__PURE__ */new Date();
+  d.setHours(h, m, s, 0);
+  return d;
+}
+function dateToTime(date, showSeconds) {
+  return (0, import_parts.toTimeString)(date.getHours(), date.getMinutes(), showSeconds ? date.getSeconds() : void 0);
+}
+function TimePicker(props) {
+  if (props.native === false) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_catalog.TimePicker, {
+      ...props
+    });
+  }
   var {
     name,
     form: formProp,
@@ -61,13 +80,12 @@ function TimePicker(param) {
     disabled,
     readOnly,
     timeFormat = "12h",
-    minuteStep = 5,
     showSeconds = false,
     placeholder = (0, import_t.t)("Select time"),
     clockIcon,
     skeleton,
     compact
-  } = param;
+  } = props;
   var {
     resolvedForm,
     knobProps,
@@ -90,44 +108,51 @@ function TimePicker(param) {
   var value = internalValue;
   var valueIsInvalid = !!value.trim() && !(0, import_parts.isValidTimeString)(value);
   var formatError = valueIsInvalid ? (0, import_t.t)("Invalid time value") : void 0;
-  var displayValue = (0, import_react.useMemo)(function () {
-    return valueIsInvalid ? "" : (0, import_parts.formatTimeDisplay)(value, timeFormat, showSeconds);
-  }, [value, valueIsInvalid, timeFormat, showSeconds]);
-  var handleChange = (0, import_react.useCallback)(function (time, fieldChange) {
+  var commit = (0, import_react.useCallback)(function (time, fieldChange) {
     setInternalValue(time);
     fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(time);
     onChange === null || onChange === void 0 ? void 0 : onChange(time);
+    setOpen(false);
   }, [onChange]);
-  var handleClear = (0, import_react.useCallback)(function (fieldChange) {
-    handleChange("", fieldChange);
-  }, [handleChange]);
-  var renderTrigger = function renderTrigger2(triggerValue, hasError, fieldChange, readonly) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePickerInputTrigger, {
-      value: triggerValue,
-      placeholder,
-      disabled,
-      error: hasError,
-      id,
-      clockIcon,
-      onOpen: function onOpen() {
-        return setOpen(true);
-      },
-      onClear: function onClear() {
-        return handleClear(fieldChange);
-      },
-      "aria-label": label ? void 0 : (0, import_t.t)("Time"),
-      "aria-readonly": readonly || void 0,
-      "aria-required": required || void 0,
-      "aria-invalid": hasError || void 0
-    });
-  };
-  var panelContent = function panelContent2(currentValue, onValueChange) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePanel, {
-      value: currentValue || "00:00",
-      onChange: onValueChange,
-      timeFormat,
-      minuteStep,
-      showSeconds
+  var renderControl = function renderControl2(current, hasError, fieldChange, readonly) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+        onPress: function onPress() {
+          return !disabled && setOpen(true);
+        },
+        disabled,
+        accessibilityRole: "button",
+        accessibilityLabel: label ? void 0 : (0, import_t.t)("Time"),
+        style: {
+          width: "100%"
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePickerInputTrigger, {
+          value: valueIsInvalid ? "" : (0, import_parts.formatTimeDisplay)(current, timeFormat, showSeconds),
+          placeholder,
+          disabled,
+          error: hasError,
+          id,
+          clockIcon,
+          onOpen: function onOpen() {},
+          onClear: function onClear() {
+            return commit("", fieldChange);
+          },
+          "aria-label": label ? void 0 : (0, import_t.t)("Time"),
+          "aria-readonly": readonly || void 0,
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_OsDateTimeSheet.OsDateTimeSheet, {
+        open,
+        value: timeToDate(current || "00:00"),
+        mode: "time",
+        onCancel: function onCancel() {
+          return setOpen(false);
+        },
+        onConfirm: function onConfirm(date) {
+          return commit(dateToTime(date, showSeconds), fieldChange);
+        }
+      })]
     });
   };
   if (skeleton) {
@@ -143,42 +168,12 @@ function TimePicker(param) {
       })
     });
   }
-  var renderField = function renderField2(triggerValue, hasError, blurHandler, fieldChange, fieldValue) {
-    if (readOnly) {
-      return renderTrigger(triggerValue, hasError, void 0, true);
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
-      open,
-      onOpenChange: function onOpenChange(isOpen) {
-        setOpen(isOpen);
-        if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
-      },
-      disabled,
-      sizing: "grow",
-      widthMode: "at-least-trigger",
-      triggerA11y: {
-        label: typeof label === "string" && label || (0, import_t.t)("Time"),
-        value: triggerValue || placeholder,
-        hint: typeof helperText === "string" ? helperText : void 0
-      },
-      trigger: renderTrigger(triggerValue, hasError, fieldChange),
-      triggerEnd: !import_tamagui.isWeb && triggerValue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.TimePickerClearButton, {
-        onClear: function onClear() {
-          return handleClear(fieldChange);
-        },
-        disabled
-      }) : void 0,
-      children: panelContent(fieldValue !== null && fieldValue !== void 0 ? fieldValue : value, function (time) {
-        return handleChange(time, fieldChange);
-      })
-    });
-  };
   if (!resolvedForm || !name) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
       id,
       label,
       labelProps,
-      error: error || formatError,
+      error: formatError || error,
       helperText,
       required,
       size,
@@ -187,7 +182,7 @@ function TimePicker(param) {
       disabled,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
         size: size || knobProps.sizeToken,
-        children: renderField(displayValue, !!error || valueIsInvalid, onBlur)
+        children: renderControl(value, !!(formatError || error), void 0, readOnly)
       })
     });
   }
@@ -198,27 +193,21 @@ function TimePicker(param) {
     validators: resolvedValidators,
     children: function children(field) {
       var _field_state_value;
-      var resolvedError = (0, import_utils.getFieldError)(field, error);
-      var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : "";
-      var fieldIsInvalid = !!fieldValue.trim() && !(0, import_parts.isValidTimeString)(fieldValue);
-      var fieldFormatError = fieldIsInvalid ? (0, import_t.t)("Invalid time value") : void 0;
-      var fieldDisplay = fieldIsInvalid ? "" : (0, import_parts.formatTimeDisplay)(fieldValue, timeFormat, showSeconds);
+      var resolvedError = (0, import_utils.getFieldError)(field, error) || formatError;
+      var current = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : value;
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
         id,
         label,
         labelProps,
-        error: resolvedError || fieldFormatError,
+        error: resolvedError,
         helperText,
         required,
         size,
         knobProps,
-        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
         disabled,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
           size: size || knobProps.sizeToken,
-          children: renderField(fieldDisplay, !!resolvedError || fieldIsInvalid, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur), function (v) {
-            return field.handleChange(v);
-          }, fieldValue)
+          children: renderControl(current, !!resolvedError, (0, import_utils.mergeFieldHandler)(field, "handleChange"), readOnly)
         })
       });
     }

package/dist/cjs/fields/TimePicker/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","TimePicker_exports","TimePicker","formatTimeDisplay","import_parts2","isValidTimeString","parseTimeString","toTimeString","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_Skeleton","import_fieldLayout","import_FloatingPanel","import_InputParts","import_t","import_utils","import_parts","param","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","valueProp","defaultValue","onChange","onBlur","disabled","readOnly","timeFormat","minuteStep","showSeconds","placeholder","t","clockIcon","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","useState","internalValue","setInternalValue","_ref","useEffect","valueIsInvalid","trim","formatError","displayValue","useMemo","handleChange","useCallback","time","fieldChange","handleClear","renderTrigger","renderTrigger2","triggerValue","hasError","readonly","jsx","TimePickerInputTrigger","onOpen","onClear","panelContent","panelContent2","currentValue","onValueChange","TimePanel","FieldLayout","children","Skeleton","variant","width","height","sizeToken","renderField","renderField2","blurHandler","fieldValue","FloatingPanel","onOpenChange","isOpen","sizing","widthMode","triggerA11y","hint","trigger","triggerEnd","isWeb","TimePickerClearButton","Input","Field","field","_field_state_value","resolvedError","getFieldError","state","fieldIsInvalid","fieldFormatError","fieldDisplay","mergeFieldHandler","v"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar TimePicker_exports = {};\n__export(TimePicker_exports, {\n  TimePicker: () => TimePicker,\n  formatTimeDisplay: () => import_parts2.formatTimeDisplay,\n  isValidTimeString: () => import_parts2.isValidTimeString,\n  parseTimeString: () => import_parts2.parseTimeString,\n  toTimeString: () => import_parts2.toTimeString\n});\nmodule.exports = __toCommonJS(TimePicker_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_Skeleton = require(\"../../Skeleton\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_FloatingPanel = require(\"../../FloatingPanel\");\nvar import_InputParts = require(\"../../InputParts\");\nvar import_t = require(\"../../shared/t\");\nvar import_utils = require(\"../../shared/utils\");\nvar import_parts = require(\"./parts\");\nvar import_parts2 = require(\"./parts\");\nfunction TimePicker(param) {\n  var { name, form: formProp, validators, label, labelProps, helperText, error, required, size, id: idProp, value: valueProp, defaultValue, onChange, onBlur, disabled, readOnly, timeFormat = \"12h\", minuteStep = 5, showSeconds = false, placeholder = (0, import_t.t)(\"Select time\"), clockIcon, skeleton, compact } = param;\n  var { resolvedForm, knobProps, id } = (0, import_utils.useFormField)({\n    form: formProp,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);\n  var [open, setOpen] = (0, import_react.useState)(false);\n  var [internalValue, setInternalValue] = (0, import_react.useState)(function() {\n    var _ref;\n    return (_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : \"\";\n  });\n  (0, import_react.useEffect)(function() {\n    if (valueProp === void 0) return;\n    setInternalValue(valueProp);\n  }, [\n    valueProp\n  ]);\n  var value = internalValue;\n  var valueIsInvalid = !!value.trim() && !(0, import_parts.isValidTimeString)(value);\n  var formatError = valueIsInvalid ? (0, import_t.t)(\"Invalid time value\") : void 0;\n  var displayValue = (0, import_react.useMemo)(function() {\n    return valueIsInvalid ? \"\" : (0, import_parts.formatTimeDisplay)(value, timeFormat, showSeconds);\n  }, [\n    value,\n    valueIsInvalid,\n    timeFormat,\n    showSeconds\n  ]);\n  var handleChange = (0, import_react.useCallback)(function(time, fieldChange) {\n    setInternalValue(time);\n    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(time);\n    onChange === null || onChange === void 0 ? void 0 : onChange(time);\n  }, [\n    onChange\n  ]);\n  var handleClear = (0, import_react.useCallback)(function(fieldChange) {\n    handleChange(\"\", fieldChange);\n  }, [\n    handleChange\n  ]);\n  var renderTrigger = function renderTrigger2(triggerValue, hasError, fieldChange, readonly) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.TimePickerInputTrigger, {\n      value: triggerValue,\n      placeholder,\n      disabled,\n      error: hasError,\n      id,\n      clockIcon,\n      onOpen: function onOpen() {\n        return setOpen(true);\n      },\n      onClear: function onClear() {\n        return handleClear(fieldChange);\n      },\n      \"aria-label\": label ? void 0 : (0, import_t.t)(\"Time\"),\n      \"aria-readonly\": readonly || void 0,\n      \"aria-required\": required || void 0,\n      \"aria-invalid\": hasError || void 0\n    });\n  };\n  var panelContent = function panelContent2(currentValue, onValueChange) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.TimePanel, {\n      value: currentValue || \"00:00\",\n      onChange: onValueChange,\n      timeFormat,\n      minuteStep,\n      showSeconds\n    });\n  };\n  if (skeleton) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      id,\n      label,\n      size,\n      knobProps,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {\n        variant: \"rounded\",\n        width: \"100%\",\n        height: knobProps.sizeToken\n      })\n    });\n  }\n  var renderField = function renderField2(triggerValue, hasError, blurHandler, fieldChange, fieldValue) {\n    if (readOnly) {\n      return renderTrigger(triggerValue, hasError, void 0, true);\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {\n      open,\n      onOpenChange: function onOpenChange(isOpen) {\n        setOpen(isOpen);\n        if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();\n      },\n      disabled,\n      sizing: \"grow\",\n      widthMode: \"at-least-trigger\",\n      triggerA11y: {\n        label: typeof label === \"string\" && label || (0, import_t.t)(\"Time\"),\n        value: triggerValue || placeholder,\n        hint: typeof helperText === \"string\" ? helperText : void 0\n      },\n      trigger: renderTrigger(triggerValue, hasError, fieldChange),\n      triggerEnd: !import_tamagui.isWeb && triggerValue ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.TimePickerClearButton, {\n        onClear: function onClear() {\n          return handleClear(fieldChange);\n        },\n        disabled\n      }) : void 0,\n      children: panelContent(fieldValue !== null && fieldValue !== void 0 ? fieldValue : value, function(time) {\n        return handleChange(time, fieldChange);\n      })\n    });\n  };\n  if (!resolvedForm || !name) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: error || formatError,\n      helperText,\n      required,\n      size,\n      knobProps,\n      onBlur,\n      disabled,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n        size: size || knobProps.sizeToken,\n        children: renderField(displayValue, !!error || valueIsInvalid, onBlur)\n      })\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {\n    form: resolvedForm,\n    name,\n    defaultValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var _field_state_value;\n      var resolvedError = (0, import_utils.getFieldError)(field, error);\n      var fieldValue = (_field_state_value = field.state.value) !== null && _field_state_value !== void 0 ? _field_state_value : \"\";\n      var fieldIsInvalid = !!fieldValue.trim() && !(0, import_parts.isValidTimeString)(fieldValue);\n      var fieldFormatError = fieldIsInvalid ? (0, import_t.t)(\"Invalid time value\") : void 0;\n      var fieldDisplay = fieldIsInvalid ? \"\" : (0, import_parts.formatTimeDisplay)(fieldValue, timeFormat, showSeconds);\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n        id,\n        label,\n        labelProps,\n        error: resolvedError || fieldFormatError,\n        helperText,\n        required,\n        size,\n        knobProps,\n        onBlur: (0, import_utils.mergeFieldHandler)(field, \"handleBlur\", onBlur),\n        disabled,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n          size: size || knobProps.sizeToken,\n          children: renderField(fieldDisplay, !!resolvedError || fieldIsInvalid, (0, import_utils.mergeFieldHandler)(field, \"handleBlur\", onBlur), function(v) {\n            return field.handleChange(v);\n          }, fieldValue)\n        })\n      });\n    }\n  });\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["index_native_exports","__export","TimePicker","formatTimeDisplay","import_parts2","isValidTimeString","parseTimeString","toTimeString","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_react_native","import_fieldLayout","import_InputParts","import_Skeleton","import_t","import_utils","import_OsDateTimeSheet","import_catalog","import_parts","timeToDate","value","h","m","s","d","Date","setHours","dateToTime","date","showSeconds","getHours","getMinutes","getSeconds","props","native","jsx","name","form","formProp","validators","label","labelProps","helperText","error","required","size","id","idProp","valueProp","defaultValue","onChange","onBlur","disabled","readOnly","timeFormat","placeholder","t","clockIcon","skeleton","compact","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","useState","internalValue","setInternalValue","_ref","useEffect","valueIsInvalid","trim","formatError","commit","useCallback","time","fieldChange","renderControl","renderControl2","current","hasError","readonly","jsxs","Fragment","children","Pressable","onPress","accessibilityRole","accessibilityLabel","style","width","TimePickerInputTrigger","onOpen","onClear","OsDateTimeSheet","mode","onCancel","onConfirm","FieldLayout","Skeleton","variant","height","sizeToken","Input","Field","field","_field_state_value","resolvedError","getFieldError","state","mergeFieldHandler"],"sources":["../../../../src/fields/TimePicker/index.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAC,aAAA,CAAAD,iBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAD,aAAA,CAAAC,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAF,aAAA,CAAAE,eAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAH,aAAA,CAAAG;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAV,oBAAA;AAAA,IAAAW,kBAAA,GAAkEC,OAAA;AAG9D,IAAAC,YAAA,GAAiDD,OAAA;AACrD,IAAAE,mBAAA,GAAyCF,OAAA;AACzC,IAAAG,kBAAA,GAAmCH,OAAA;AACnC,IAAAI,iBAAA,GAAoCJ,OAAA;AACpC,IAAAK,eAAA,GAAyBL,OAAA;AACzB,IAAAM,QAAA,GAAkBN,OAAA;AAClB,IAAAO,YAAA,GAAsFP,OAAA;AACtF,IAAAQ,sBAAA,GAAgCR,OAAA;AAChC,IAAAS,cAAA,GAAgDT,OAAA;AAChD,IAAAU,YAAA,GAA4GV,OAAA;AAC5G,IAAAR,aAAA,GAAoFQ,OAAA;AACpF,SAASW,WAAWC,KAAA,EAAO;EACvB,IAAI;IAAEC,CAAA;IAAGC,CAAA;IAAGC;EAAE,QAAIL,YAAA,CAAAhB,eAAA,EAAgBkB,KAAK;EACvC,IAAII,CAAA,GAAI,mBAAIC,IAAA,CAAK;EACjBD,CAAA,CAAEE,QAAA,CAASL,CAAA,EAAGC,CAAA,EAAGC,CAAA,EAAG,CAAC;EACrB,OAAOC,CAAA;AACX;AACA,SAASG,WAAWC,IAAA,EAAMC,WAAA,EAAa;EACnC,WAAOX,YAAA,CAAAf,YAAA,EAAayB,IAAA,CAAKE,QAAA,CAAS,GAAGF,IAAA,CAAKG,UAAA,CAAW,GAAGF,WAAA,GAAcD,IAAA,CAAKI,UAAA,CAAW,IAAI,MAAS;AACvG;AACO,SAASlC,WAAWmC,KAAA,EAAO;EAC9B,IAAIA,KAAA,CAAMC,MAAA,KAAW,OAAO;IACxB,OAAqB,mBAAA3B,kBAAA,CAAA4B,GAAA,EAAKlB,cAAA,CAAAnB,UAAA,EAAmB;MACzC,GAAGmC;IACP,CAAC;EACL;EACA,IAAI;IAAEG,IAAA;IAAMC,IAAA,EAAMC,QAAA;IAAUC,UAAA;IAAYC,KAAA;IAAOC,UAAA;IAAYC,UAAA;IAAYC,KAAA;IAAOC,QAAA;IAAUC,IAAA;IAAMC,EAAA,EAAIC,MAAA;IAAQ3B,KAAA,EAAO4B,SAAA;IAAWC,YAAA;IAAcC,QAAA;IAAUC,MAAA;IAAQC,QAAA;IAAUC,QAAA;IAAUC,UAAA,GAAa;IAAOzB,WAAA,GAAc;IAAO0B,WAAA,OAAczC,QAAA,CAAA0C,CAAA,EAAE,aAAa;IAAGC,SAAA;IAAWC,QAAA;IAAUC;EAAQ,IAAI1B,KAAA;EAC1R,IAAI;IAAE2B,YAAA;IAAcC,SAAA;IAAWf;EAAG,QAAI/B,YAAA,CAAA+C,YAAA,EAAa;IAC/CzB,IAAA,EAAMC,QAAA;IACNQ,EAAA,EAAIC,MAAA;IACJY;EACJ,CAAC;EACD,IAAII,kBAAA,OAAqBhD,YAAA,CAAAiD,qBAAA,EAAsBpB,QAAA,EAAUL,UAAA,EAAYC,KAAA,EAAOJ,IAAI;EAChF,IAAI,CAAC6B,IAAA,EAAMC,OAAO,QAAIzD,YAAA,CAAA0D,QAAA,EAAS,KAAK;EACpC,IAAI,CAACC,aAAA,EAAeC,gBAAgB,QAAI5D,YAAA,CAAA0D,QAAA,EAAS,YAAW;IACxD,IAAIG,IAAA;IACJ,QAAQA,IAAA,GAAOtB,SAAA,KAAc,QAAQA,SAAA,KAAc,SAASA,SAAA,GAAYC,YAAA,MAAkB,QAAQqB,IAAA,KAAS,SAASA,IAAA,GAAO;EAC/H,CAAC;EACD,IAAA7D,YAAA,CAAA8D,SAAA,EAAU,YAAW;IACjB,IAAIvB,SAAA,KAAc,QAAW;IAC7BqB,gBAAA,CAAiBrB,SAAS;EAC9B,GAAG,CACCA,SAAA,CACH;EACD,IAAI5B,KAAA,GAAQgD,aAAA;EACZ,IAAII,cAAA,GAAiB,CAAC,CAACpD,KAAA,CAAMqD,IAAA,CAAK,KAAK,KAACvD,YAAA,CAAAjB,iBAAA,EAAkBmB,KAAK;EAC/D,IAAIsD,WAAA,GAAcF,cAAA,OAAiB1D,QAAA,CAAA0C,CAAA,EAAE,oBAAoB,IAAI;EAC7D,IAAImB,MAAA,OAASlE,YAAA,CAAAmE,WAAA,EAAY,UAASC,IAAA,EAAMC,WAAA,EAAa;IACjDT,gBAAA,CAAiBQ,IAAI;IACrBC,WAAA,KAAgB,QAAQA,WAAA,KAAgB,SAAS,SAASA,WAAA,CAAYD,IAAI;IAC1E3B,QAAA,KAAa,QAAQA,QAAA,KAAa,SAAS,SAASA,QAAA,CAAS2B,IAAI;IACjEX,OAAA,CAAQ,KAAK;EACjB,GAAG,CACChB,QAAA,CACH;EACD,IAAI6B,aAAA,GAAgB,SAASC,cAAAD,CAAcE,OAAA,EAASC,QAAA,EAAUJ,WAAA,EAAaK,QAAA,EAAU;IACjF,OAAqB,mBAAA5E,kBAAA,CAAA6E,IAAA,EAAM7E,kBAAA,CAAA8E,QAAA,EAAW;MAClCC,QAAA,EAAU,CACQ,mBAAA/E,kBAAA,CAAA4B,GAAA,EAAKzB,mBAAA,CAAA6E,SAAA,EAAa;QAC5BC,OAAA,EAAS,SAASA,QAAA,EAAU;UACxB,OAAO,CAACpC,QAAA,IAAYc,OAAA,CAAQ,IAAI;QACpC;QACAd,QAAA;QACAqC,iBAAA,EAAmB;QACnBC,kBAAA,EAAoBlD,KAAA,GAAQ,aAAY1B,QAAA,CAAA0C,CAAA,EAAE,MAAM;QAChDmC,KAAA,EAAO;UACHC,KAAA,EAAO;QACX;QACAN,QAAA,EAAwB,mBAAA/E,kBAAA,CAAA4B,GAAA,EAAKjB,YAAA,CAAA2E,sBAAA,EAAwB;UACjDzE,KAAA,EAAOoD,cAAA,GAAiB,SAAKtD,YAAA,CAAAnB,iBAAA,EAAkBkF,OAAA,EAAS3B,UAAA,EAAYzB,WAAW;UAC/E0B,WAAA;UACAH,QAAA;UACAT,KAAA,EAAOuC,QAAA;UACPpC,EAAA;UACAW,SAAA;UACAqC,MAAA,EAAQ,SAASA,OAAA,EAAS,CAAC;UAC3BC,OAAA,EAAS,SAASA,QAAA,EAAU;YACxB,OAAOpB,MAAA,CAAO,IAAIG,WAAW;UACjC;UACA,cAActC,KAAA,GAAQ,aAAY1B,QAAA,CAAA0C,CAAA,EAAE,MAAM;UAC1C,iBAAiB2B,QAAA,IAAY;UAC7B,iBAAiBvC,QAAA,IAAY;UAC7B,gBAAgBsC,QAAA,IAAY;QAChC,CAAC;MACL,CAAC,GACa,mBAAA3E,kBAAA,CAAA4B,GAAA,EAAKnB,sBAAA,CAAAgF,eAAA,EAAiB;QAChC/B,IAAA;QACA7C,KAAA,EAAOD,UAAA,CAAW8D,OAAA,IAAW,OAAO;QACpCgB,IAAA,EAAM;QACNC,QAAA,EAAU,SAASA,SAAA,EAAW;UAC1B,OAAOhC,OAAA,CAAQ,KAAK;QACxB;QACAiC,SAAA,EAAW,SAASA,UAAUvE,IAAA,EAAM;UAChC,OAAO+C,MAAA,CAAOhD,UAAA,CAAWC,IAAA,EAAMC,WAAW,GAAGiD,WAAW;QAC5D;MACJ,CAAC;IAET,CAAC;EACL;EACA,IAAIpB,QAAA,EAAU;IACV,OAAqB,mBAAAnD,kBAAA,CAAA4B,GAAA,EAAKxB,kBAAA,CAAAyF,WAAA,EAAa;MACnCtD,EAAA;MACAN,KAAA;MACAK,IAAA;MACAgB,SAAA;MACAyB,QAAA,EAAwB,mBAAA/E,kBAAA,CAAA4B,GAAA,EAAKtB,eAAA,CAAAwF,QAAA,EAAU;QACnCC,OAAA,EAAS;QACTV,KAAA,EAAO;QACPW,MAAA,EAAQ1C,SAAA,CAAU2C;MACtB,CAAC;IACL,CAAC;EACL;EACA,IAAI,CAAC5C,YAAA,IAAgB,CAACxB,IAAA,EAAM;IACxB,OAAqB,mBAAA7B,kBAAA,CAAA4B,GAAA,EAAKxB,kBAAA,CAAAyF,WAAA,EAAa;MACnCtD,EAAA;MACAN,KAAA;MACAC,UAAA;MACAE,KAAA,EAAO+B,WAAA,IAAe/B,KAAA;MACtBD,UAAA;MACAE,QAAA;MACAC,IAAA;MACAgB,SAAA;MACAV,MAAA;MACAC,QAAA;MACAkC,QAAA,EAAwB,mBAAA/E,kBAAA,CAAA4B,GAAA,EAAKvB,iBAAA,CAAA6F,KAAA,EAAY;QACrC5D,IAAA,EAAMA,IAAA,IAAQgB,SAAA,CAAU2C,SAAA;QACxBlB,QAAA,EAAUP,aAAA,CAAc3D,KAAA,EAAO,CAAC,EAAEsD,WAAA,IAAe/B,KAAA,GAAQ,QAAWU,QAAQ;MAChF,CAAC;IACL,CAAC;EACL;EACA,OAAqB,mBAAA9C,kBAAA,CAAA4B,GAAA,EAAKxB,kBAAA,CAAA+F,KAAA,EAAO;IAC7BrE,IAAA,EAAMuB,YAAA;IACNxB,IAAA;IACAa,YAAA;IACAV,UAAA,EAAYwB,kBAAA;IACZuB,QAAA,EAAU,SAASA,SAASqB,KAAA,EAAO;MAC/B,IAAIC,kBAAA;MACJ,IAAIC,aAAA,OAAgB9F,YAAA,CAAA+F,aAAA,EAAcH,KAAA,EAAOhE,KAAK,KAAK+B,WAAA;MACnD,IAAIO,OAAA,IAAW2B,kBAAA,GAAqBD,KAAA,CAAMI,KAAA,CAAM3F,KAAA,MAAW,QAAQwF,kBAAA,KAAuB,SAASA,kBAAA,GAAqBxF,KAAA;MACxH,OAAqB,mBAAAb,kBAAA,CAAA4B,GAAA,EAAKxB,kBAAA,CAAAyF,WAAA,EAAa;QACnCtD,EAAA;QACAN,KAAA;QACAC,UAAA;QACAE,KAAA,EAAOkE,aAAA;QACPnE,UAAA;QACAE,QAAA;QACAC,IAAA;QACAgB,SAAA;QACAT,QAAA;QACAkC,QAAA,EAAwB,mBAAA/E,kBAAA,CAAA4B,GAAA,EAAKvB,iBAAA,CAAA6F,KAAA,EAAY;UACrC5D,IAAA,EAAMA,IAAA,IAAQgB,SAAA,CAAU2C,SAAA;UACxBlB,QAAA,EAAUP,aAAA,CAAcE,OAAA,EAAS,CAAC,CAAC4B,aAAA,MAAe9F,YAAA,CAAAiG,iBAAA,EAAkBL,KAAA,EAAO,cAAc,GAAGtD,QAAQ;QACxG,CAAC;MACL,CAAC;IACL;EACJ,CAAC;AACL","ignoreList":[]}

package/dist/cjs/fields/TimeRangeScrubber/geometry.cjs

@@ -39,6 +39,7 @@ __export(geometry_exports, {
   activityUnder: () => activityUnder,
   applyQuickRange: () => applyQuickRange,
   assertAbsoluteDateRange: () => assertAbsoluteDateRange,
+  clampCapLeft: () => clampCapLeft,
   clampRangeToWindow: () => clampRangeToWindow,
   dateRangeKeys: () => dateRangeKeys,
   defaultWindow: () => defaultWindow,
@@ -167,6 +168,11 @@ function timeToFraction(time, window) {
   if (span <= 0) return 0;
   return Math.min(1, Math.max(0, (time.getTime() - window.start.getTime()) / span));
 }
+function clampCapLeft(fraction, railWidth, capWidth) {
+  if (railWidth <= 0 || capWidth <= 0) return null;
+  const center = fraction * railWidth;
+  return Math.min(Math.max(center - capWidth / 2, 0), Math.max(0, railWidth - capWidth));
+}
 function fractionToTime(fraction, window) {
   const span = window.end.getTime() - window.start.getTime();
   const clamped = Math.min(1, Math.max(0, fraction));

package/dist/cjs/fields/TimeRangeScrubber/geometry.native.js

@@ -41,6 +41,7 @@ __export(geometry_exports, {
   activityUnder: () => activityUnder,
   applyQuickRange: () => applyQuickRange,
   assertAbsoluteDateRange: () => assertAbsoluteDateRange,
+  clampCapLeft: () => clampCapLeft,
   clampRangeToWindow: () => clampRangeToWindow,
   dateRangeKeys: () => dateRangeKeys,
   defaultWindow: () => defaultWindow,
@@ -184,6 +185,11 @@ function timeToFraction(time, window) {
   if (span <= 0) return 0;
   return Math.min(1, Math.max(0, (time.getTime() - window.start.getTime()) / span));
 }
+function clampCapLeft(fraction, railWidth, capWidth) {
+  if (railWidth <= 0 || capWidth <= 0) return null;
+  var center = fraction * railWidth;
+  return Math.min(Math.max(center - capWidth / 2, 0), Math.max(0, railWidth - capWidth));
+}
 function fractionToTime(fraction, window) {
   var span = window.end.getTime() - window.start.getTime();
   var clamped = Math.min(1, Math.max(0, fraction));