@multiplatform.one/forms 6.0.0

package/dist/esm/fields/TimePicker/TimePicker.stories.native.js

@@ -0,0 +1,324 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from "@multiplatform.one/storybook";
+import { ClockIcon } from "@phosphor-icons/react";
+import { useForm } from "@tanstack/react-form";
+import { useState } from "react";
+import { Text, YStack } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { TimePicker } from "./index.native.js";
+var meta = {
+  title: "Forms/TimePicker",
+  component: TimePicker,
+  parameters: {
+    docs: {
+      description: {
+        component: "A time picker with scrollable hour/minute columns and optional AM/PM toggle."
+      }
+    }
+  },
+  argTypes: {
+    label: {
+      control: "text"
+    },
+    helperText: {
+      control: "text"
+    },
+    error: {
+      control: "text"
+    },
+    required: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["$2", "$3", "$4"]
+    },
+    value: {
+      control: "text"
+    },
+    timeFormat: {
+      control: "select",
+      options: ["12h", "24h"],
+      description: "Display format"
+    },
+    minuteStep: {
+      control: "number",
+      description: "Minute increment step"
+    },
+    showSeconds: {
+      control: "boolean"
+    },
+    placeholder: {
+      control: "text"
+    }
+  }
+};
+var TimePicker_stories_default = meta;
+var Main = {
+  name: "Main",
+  render: function render() {
+    var FormExample = function FormExample2() {
+      var form = useForm({
+        defaultValues: {
+          startTime: "09:00",
+          endTime: "17:00"
+        },
+        onSubmit: async function onSubmit(param) {
+          var {
+            value
+          } = param;
+          action("onSubmit")(value);
+        }
+      });
+      return /* @__PURE__ */_jsx(Form, {
+        form,
+        maxWidth: 400,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(TimePicker, {
+            label: "Start Time",
+            name: "startTime",
+            clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+              size: 16
+            })
+          }), /* @__PURE__ */_jsx(TimePicker, {
+            label: "End Time",
+            name: "endTime",
+            clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+              size: 16
+            })
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Save Schedule"
+          })]
+        })
+      });
+    };
+    return /* @__PURE__ */_jsx(FormExample, {});
+  }
+};
+var Standalone = {
+  args: {
+    label: "Time",
+    helperText: "Select a time",
+    value: "14:30",
+    timeFormat: "12h",
+    minuteStep: 5,
+    showSeconds: false
+  },
+  render: function render2(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var Basic = {
+  args: {
+    label: "Time",
+    helperText: "Select a time",
+    value: "09:30",
+    onChange: action("onChange")
+  },
+  render: function render3(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var Disabled = {
+  args: {
+    label: "Time",
+    helperText: "This field is disabled",
+    value: "09:30",
+    disabled: true,
+    onChange: action("onChange")
+  },
+  render: function render4(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var WithError = {
+  args: {
+    label: "Time",
+    helperText: "Select a time",
+    required: true,
+    error: "Time is required",
+    onChange: action("onChange")
+  },
+  render: function render5(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var Sizes = {
+  render: function render6() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      maxWidth: 300,
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $2"
+      }), /* @__PURE__ */_jsx(TimePicker, {
+        label: "Small",
+        value: "09:30",
+        size: "$2",
+        clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+          size: 16
+        }),
+        onChange: action("onChange")
+      }), /* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $3"
+      }), /* @__PURE__ */_jsx(TimePicker, {
+        label: "Medium",
+        value: "09:30",
+        size: "$3",
+        clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+          size: 16
+        }),
+        onChange: action("onChange")
+      }), /* @__PURE__ */_jsx(Text, {
+        fontWeight: "bold",
+        children: "Size $4"
+      }), /* @__PURE__ */_jsx(TimePicker, {
+        label: "Large",
+        value: "09:30",
+        size: "$4",
+        clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+          size: 16
+        }),
+        onChange: action("onChange")
+      })]
+    });
+  }
+};
+var WithSeconds = {
+  args: {
+    label: "Time with Seconds",
+    helperText: "Includes seconds",
+    value: "14:30:45",
+    showSeconds: true,
+    onChange: action("onChange")
+  },
+  render: function render7(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var TwelveHour = {
+  args: {
+    label: "Meeting Time",
+    helperText: "12-hour format with AM/PM",
+    value: "14:30",
+    onChange: action("onChange")
+  },
+  render: function render8(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var TwentyFourHour = {
+  args: {
+    label: "Meeting Time",
+    helperText: "24-hour format",
+    value: "14:30",
+    timeFormat: "24h",
+    onChange: action("onChange")
+  },
+  render: function render9(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var OneMinuteStep = {
+  args: {
+    label: "Precise Time",
+    helperText: "Every minute selectable",
+    value: "09:17",
+    minuteStep: 1,
+    onChange: action("onChange")
+  },
+  render: function render10(args) {
+    return /* @__PURE__ */_jsx(TimePicker, {
+      ...args,
+      clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+        size: 16
+      })
+    });
+  }
+};
+var Interactive = {
+  render: function render11() {
+    var InteractiveExample = function InteractiveExample2() {
+      var [value, setValue] = useState("09:30");
+      return /* @__PURE__ */_jsxs(YStack, {
+        gap: "$4",
+        maxWidth: 300,
+        children: [/* @__PURE__ */_jsx(TimePicker, {
+          label: "Start Time",
+          helperText: `Selected: ${value || "none"}`,
+          value,
+          onChange: function onChange(v) {
+            setValue(v);
+            action("onChange")(v);
+          },
+          clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+            size: 16
+          })
+        }), /* @__PURE__ */_jsx(TimePicker, {
+          label: "24h Format",
+          value,
+          timeFormat: "24h",
+          onChange: function onChange(v) {
+            setValue(v);
+            action("onChange")(v);
+          },
+          clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+            size: 16
+          })
+        }), /* @__PURE__ */_jsx(TimePicker, {
+          label: "Disabled",
+          value: "17:00",
+          disabled: true,
+          clockIcon: /* @__PURE__ */_jsx(ClockIcon, {
+            size: 16
+          })
+        })]
+      });
+    };
+    return /* @__PURE__ */_jsx(InteractiveExample, {});
+  }
+};
+export { Basic, Disabled, Interactive, Main, OneMinuteStep, Sizes, Standalone, TwelveHour, TwentyFourHour, WithError, WithSeconds, TimePicker_stories_default as default };
+//# sourceMappingURL=TimePicker.stories.native.js.map

package/dist/esm/fields/TimePicker/TimePicker.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","action","ClockIcon","useForm","useState","Text","YStack","Button","Form","TimePicker","meta","title","component","parameters","docs","description","argTypes","label","control","helperText","error","required","disabled","size","options","value","timeFormat","minuteStep","showSeconds","placeholder","TimePicker_stories_default","Main","name","render","FormExample","FormExample2","form","defaultValues","startTime","endTime","onSubmit","param","maxWidth","children","gap","clockIcon","Standalone","args","render2","Basic","onChange","render3","Disabled","render4","WithError","render5","Sizes","render6","fontWeight"],"sources":["../../../../src/fields/TimePicker/TimePicker.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AAEvB,SAASC,MAAA,sCAAiB;AAC1B,SAASC,SAAA,QAAe;AACxB,SAASC,OAAA,8BAAgB;AACzB,SAASC,QAAM,eAAc;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAc;AACvB,SAASC,MAAA,QAAY;AACrB,SAASC,IAAA,oCAAkB;AAkDjB,SAC6DC,UAD7D;AAhDV,IAAAC,IAAM;EACJC,KAAA,EAAO;EACPC,SAAA,EAAWH,UAAA;EACXI,UAAA,EAAY;IACVC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXH,SAAA,EAAW;MACb;IACF;EACF;EACAI,QAAA,EAAU;IACRC,KAAA,EAAO;MACPC,OAAA;IACA;IACAC,UAAU,EAAE;MACZD,OAAA,EAAU;IACV;IACAE,KAAA,EAAO;MACPF,OAAA;IAAY;IACDG,QACT;MACAH,OAAA;IACF;IACAI,QAAA;MACAJ,OAAA;IACA;IACFK,IAAA;MACFL,OAAA;MAEOM,OAAA,GAGM,MACL,MACN,IAAQ;IAEJ;IAAqBC,KACnB;MAAeP,OACb;IAAW;IACFQ,UACX;MAAAR,OACA,UAAU;MACRM,OAAA,GACF,OACD,MAED;MAGMT,WAAA;IAAoF;IACJY,UAChF;MAAqCT,OAEzC;MAEJH,WAAA;IACA;IACFa,WAAA;MACFV,OAAA;IAEO;IACLW,WAAM;MACJX,OAAO;IACP;EAAY;AACL;AACK,IACZY,0BAAY,GAAApB,IAAA;AAAA,IACZqB,IAAA;EACFC,IAAA;EACAC,MAAA,EAAQ,SAACA,MAASA,CAAA;IACpB,IAAAC,WAAA,YAAAC,aAAA;MAEa,IAAAC,IAAe,GAAAjC,OAAA;QACpBkC,aAAA;UACJC,SAAO;UACPC,OAAY;QACZ;QACAC,QAAU,iBAAiBA,SAAAC,KAAA;UAC7B;YAAAhB;UAAA,IAAAgB,KAAA;UACQxC,MAAC,WAAS,EAAAwB,KAAA;QACpB;MAEa;MACX,OAAM,eAAA3B,IAAA,CAAAU,IAAA;QACJ4B,IAAO;QACPM,QAAY;QACZC,QAAO,iBAAA3C,KAAA,CAAAM,MAAA;UACPsC,GAAA,EAAU;UACVD,QAAU,GACZ,eAAA7C,IAAA,CAAAW,UAAA;YACSQ,KAAA,EAAS;YACpBe,IAAA;YAEaa,SAAmB,iBAAA/C,IAAA,CAAAI,SAAA;cACxBqB,IAAA;YACG;UACP,IACA,eAAUzB,IAAA,CAAAW,UAAA;YACHQ,KAAA;YACGe,IAAA,WAAO;YACnBa,SAAA,iBAAA/C,IAAA,CAAAI,SAAA;cACSqB,IAAS;YACpB;UAEa,EAAe,EAClB,eACNzB,IAAA,CAAAS,MAAC;YACCN,MAAA,UAAC;YACD0C,QAAA;UAAC;QACC;MAAM,EACN;IAAM;IACD,OACL,eAAW7C,IAAA,CAAAoC,WAAC;EAAoB;AACL;AAAA,IAC7BY,UAAA;EAAAC,IACA;IACA9B,KAAA;IAAAE,UAAC;IAAAM,KAAA;IAAAC,UACC,EAAM;IAAAC,UACN,EAAM;IAAAC,WACD;EAAA;EAC2BK,MAChC,WAAUe,OAAOA,CAAAD,IAAA;IAAU,sBAAAjD,IAAA,CAAAW,UAAA;MAC7B,GAAAsC,IAAA;MACAF,SAAA,iBAAM/C,IAAA,CAAAI,SAAW;QACjBqB,IAAA;MAAC;IAAA;EAAA;AACO;AACA,IAAA0B,KACN;EAAKF,IAAA,EACL;IAAgC9B,KAChC;IAA2BE,UAAA;IAC7BM,KAAA;IAAAyB,QACF,EAAAjD,MAAA;EAEJ;EAEOgC,MAAM,WAAAkB,OAAqBA,CAAAJ,IAAA;IAChC,OAAM,eAAAjD,IAAA,CAAAW,UAAA;MACJ,GAAAsC,IAAO;MACPF,SAAA,EAAY,eAAA/C,IAAA,CAAAI,SAAA;QACZqB,IAAO;MACP;IACA;EACF;AAAA;AAEF,IAAA6B,QAAA;EAEOL,IAAM;IACX9B,KAAM;IACJE,UAAO;IACPM,KAAA,SAAY;IACZH,QAAO;IACP4B,QAAA,EAAUjD,MAAA,CAAO,UAAU;EAC7B;EACAgC,MAAA,EAAQ,SAACoB,OAASA,CAAAN,IAAA;IACpB,sBAAAjD,IAAA,CAAAW,UAAA;MAEa,GAAAsC,IAAA;MACXF,SAAM,iBAAA/C,IAAA,CAAAI,SAAA;QACJqB,IAAO;MACP;IACA;EAAO;AACK;AACe,IAC7B+B,SAAA;EACAP,IAAA;IACF9B,KAAA;IAEOE,UAAM,iBAAuB;IAClCE,QAAM;IACJD,KAAA,EAAO;IACP8B,QAAA,EAAAjD,MAAY;EAAA;EACLgC,MACP,WAAYsB,QAAAR,IAAA;IACZ,sBAAiBjD,IAAU,CAAAW,UAAA;MAC7B,GAAAsC,IAAA;MACAF,SAAS,iBAAS/C,IAAA,CAAAI,SAAC;QACrBqB,IAAA;MAEa;IACX;EACE;AACE;AACA,IAAAiC,KAAA;EAEIvB,MAAA,WAAAwB,QAAA;IAAA,OAAC,eAAAzD,KAAA,CAAAM,MAAA;MAAAsC,GAAA;MAAAF,QACC,KAAM;MAAAC,QACN,GAAwC,eACxC7C,IAAA,CAAAO,IAAA;QAAAqD,UACA,EAAU,MAAC;QACTf,QAAA;MACA,IAAoB,eACtB7C,IAAA,CAAAW,UAAA;QAAAQ,KACA,SAAW;QAAqBQ,KAAA;QAClCF,IAAA;QACAsB,SAAA,iBAAA/C,IAAA,CAAAI,SAAA;UAACqB,IAAA;QAAA;QAAA2B,QACC,EAAMjD,MAAA;MAAA,IACN,eACWH,IAAA,CAAAO,IAAA;QAAAqD,UACX,EAAU,MAAC;QACTf,QAAA;MACA,IAAoB,eACtB7C,IAAA,CAAAW,UAAA;QAAAQ,KACA,UAAW;QAAqBQ,KAAA;QAClCF,IAAA;QACAsB,SAAA,iBAAC/C,IAAA,CAAWI,SAAM;UACpBqB,IAAA;QAEJ;QACA2B,QAAO,EAAAjD,MAAA,WAAC;MACV,IACF,eAAAH,IAAA,CAAAO,IAAA","ignoreList":[]}

package/dist/esm/fields/TimePicker/index.mjs

@@ -0,0 +1,328 @@
+import { useCallback, useMemo, useState } from "react";
+import { Text, View, XStack, YStack } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.mjs";
+import { Field, FieldLayout } from "../../fieldLayout.mjs";
+import { FloatingPanel } from "../../FloatingPanel/index.mjs";
+import { Input as InputParts } from "../../InputParts/index.mjs";
+import { formCommonColors, formInputColors } from "../../shared/colorRamps.mjs";
+import { TimeColumn, TimeColumnSeparator, generateRange } from "../../shared/TimeColumn.mjs";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function parseTimeString(value) {
+  if (!value) return {
+    h: 0,
+    m: 0,
+    s: 0
+  };
+  const parts = value.split(":");
+  return {
+    h: Math.max(0, Math.min(23, Number.parseInt(parts[0] || "0", 10) || 0)),
+    m: Math.max(0, Math.min(59, Number.parseInt(parts[1] || "0", 10) || 0)),
+    s: Math.max(0, Math.min(59, Number.parseInt(parts[2] || "0", 10) || 0))
+  };
+}
+function toTimeString(h, m, s) {
+  const base = `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+  return s !== void 0 ? `${base}:${String(s).padStart(2, "0")}` : base;
+}
+function formatTimeDisplay(value, format, showSeconds) {
+  if (!value) return "";
+  const {
+    h,
+    m,
+    s
+  } = parseTimeString(value);
+  const secSuffix = showSeconds ? `:${String(s).padStart(2, "0")}` : "";
+  if (format === "24h") {
+    return `${toTimeString(h, m)}${secSuffix}`;
+  }
+  const period = h >= 12 ? "PM" : "AM";
+  const displayH = h === 0 ? 12 : h > 12 ? h - 12 : h;
+  return `${displayH}:${String(m).padStart(2, "0")}${secSuffix} ${period}`;
+}
+const hours24 = generateRange(0, 23);
+const hours12 = generateRange(1, 12);
+const secondValues = generateRange(0, 59);
+function AmPmColumn({
+  selected,
+  onChange,
+  knobProps
+}) {
+  return /* @__PURE__ */jsxs(YStack, {
+    alignItems: "center",
+    gap: "$1",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontSize: "$1",
+      ...knobProps.body,
+      color: formCommonColors.muted,
+      textTransform: "uppercase",
+      letterSpacing: 1,
+      children: " "
+    }), /* @__PURE__ */jsx(YStack, {
+      ...knobProps.borderRadius,
+      backgroundColor: formInputColors.background.base,
+      borderWidth: knobProps.inputSurface.borderWidth,
+      borderColor: formInputColors.border.base,
+      overflow: "hidden",
+      children: ["AM", "PM"].map(period => {
+        const isSelected = period === selected;
+        return /* @__PURE__ */jsx(View, {
+          height: 36,
+          width: 48,
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: "pointer",
+          backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
+          hoverStyle: {
+            backgroundColor: formInputColors.background.focus
+          },
+          onPress: () => onChange(period),
+          ...(knobProps.transition ? {
+            animation: knobProps.transition
+          } : void 0),
+          children: /* @__PURE__ */jsx(Text, {
+            fontSize: "$3",
+            ...knobProps.body,
+            fontWeight: isSelected ? "700" : "400",
+            color: isSelected ? formCommonColors.text : formCommonColors.muted,
+            children: period
+          })
+        }, period);
+      })
+    })]
+  });
+}
+function TimePickerPopoverContent({
+  value,
+  onChange,
+  knobProps,
+  timeFormat,
+  minuteStep,
+  showSeconds
+}) {
+  const {
+    h,
+    m,
+    s
+  } = parseTimeString(value);
+  const minuteValues = useMemo(() => generateRange(0, 59, minuteStep), [minuteStep]);
+  const makeTime = useCallback((newH, newM, newS) => showSeconds ? toTimeString(newH, newM, newS) : toTimeString(newH, newM), [showSeconds]);
+  const secondsColumn = showSeconds && /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(TimeColumnSeparator, {
+      knobProps
+    }), /* @__PURE__ */jsx(TimeColumn, {
+      label: "Sec",
+      values: secondValues,
+      selected: s,
+      onChange: newS => onChange(makeTime(h, m, newS)),
+      knobProps
+    })]
+  });
+  if (timeFormat === "24h") {
+    return /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      alignItems: "flex-start",
+      justifyContent: "center",
+      children: [/* @__PURE__ */jsx(TimeColumn, {
+        label: "Hour",
+        values: hours24,
+        selected: h,
+        onChange: newH => onChange(makeTime(newH, m, s)),
+        knobProps
+      }), /* @__PURE__ */jsx(TimeColumnSeparator, {
+        knobProps
+      }), /* @__PURE__ */jsx(TimeColumn, {
+        label: "Min",
+        values: minuteValues,
+        selected: m,
+        onChange: newM => onChange(makeTime(h, newM, s)),
+        knobProps
+      }), secondsColumn]
+    });
+  }
+  const period = h >= 12 ? "PM" : "AM";
+  const display12H = h === 0 ? 12 : h > 12 ? h - 12 : h;
+  const handleHourChange = newDisplayH => {
+    let h24 = newDisplayH;
+    if (period === "AM") {
+      h24 = newDisplayH === 12 ? 0 : newDisplayH;
+    } else {
+      h24 = newDisplayH === 12 ? 12 : newDisplayH + 12;
+    }
+    onChange(makeTime(h24, m, s));
+  };
+  const handlePeriodChange = newPeriod => {
+    if (newPeriod === period) return;
+    const newH = newPeriod === "AM" ? h >= 12 ? h - 12 : h : h < 12 ? h + 12 : h;
+    onChange(makeTime(newH, m, s));
+  };
+  return /* @__PURE__ */jsxs(XStack, {
+    gap: "$2",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    children: [/* @__PURE__ */jsx(TimeColumn, {
+      label: "Hour",
+      values: hours12,
+      selected: display12H,
+      onChange: handleHourChange,
+      knobProps
+    }), /* @__PURE__ */jsx(TimeColumnSeparator, {
+      knobProps
+    }), /* @__PURE__ */jsx(TimeColumn, {
+      label: "Min",
+      values: minuteValues,
+      selected: m,
+      onChange: newM => onChange(makeTime(h, newM, s)),
+      knobProps
+    }), secondsColumn, /* @__PURE__ */jsx(AmPmColumn, {
+      selected: period,
+      onChange: handlePeriodChange,
+      knobProps
+    })]
+  });
+}
+function TimePicker({
+  name,
+  form: formProp,
+  validators,
+  label,
+  labelProps,
+  helperText,
+  error,
+  required,
+  size,
+  id: idProp,
+  value = "",
+  defaultValue,
+  onChange,
+  onBlur,
+  disabled,
+  readOnly,
+  timeFormat = "12h",
+  minuteStep = 5,
+  showSeconds = false,
+  placeholder = "Select time",
+  clockIcon,
+  skeleton,
+  compact
+}) {
+  const {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  const resolvedValidators = useResolvedValidators(required, validators, label, name);
+  const [open, setOpen] = useState(false);
+  const displayValue = useMemo(() => formatTimeDisplay(value, timeFormat, showSeconds), [value, timeFormat, showSeconds]);
+  const handleChange = useCallback((time, fieldChange) => {
+    fieldChange?.(time);
+    onChange?.(time);
+  }, [onChange]);
+  const renderTrigger = (triggerValue, hasError) => /* @__PURE__ */jsx(InputParts, {
+    size: size || knobProps.sizeToken,
+    children: /* @__PURE__ */jsxs(InputParts.Box, {
+      theme: hasError ? "red" : void 0,
+      ...(disabled ? {
+        opacity: 0.5,
+        pointerEvents: "none"
+      } : void 0),
+      children: [clockIcon && /* @__PURE__ */jsx(InputParts.Section, {
+        children: /* @__PURE__ */jsx(InputParts.Icon, {
+          adornment: "leading",
+          children: clockIcon
+        })
+      }), /* @__PURE__ */jsx(InputParts.Area, {
+        readOnly: true,
+        value: triggerValue,
+        placeholder,
+        disabled,
+        color: formCommonColors.text,
+        "aria-readonly": readOnly || void 0,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      })]
+    })
+  });
+  const panelContent = (currentValue, onValueChange) => /* @__PURE__ */jsx(TimePickerPopoverContent, {
+    value: currentValue || "00:00",
+    onChange: onValueChange,
+    knobProps,
+    timeFormat,
+    minuteStep,
+    showSeconds
+  });
+  if (skeleton) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: readOnly ? renderTrigger(displayValue, !!error) : /* @__PURE__ */jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        disabled,
+        scrollable: true,
+        sizing: "fill",
+        fitContent: true,
+        trigger: renderTrigger(displayValue, !!error),
+        children: panelContent(value, t => handleChange(t))
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: field => {
+      const resolvedError = getFieldError(field, error);
+      const fieldValue = field.state.value ?? "";
+      const fieldDisplay = formatTimeDisplay(fieldValue, timeFormat, showSeconds);
+      return /* @__PURE__ */jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+        children: readOnly ? renderTrigger(fieldDisplay, !!resolvedError) : /* @__PURE__ */jsx(FloatingPanel, {
+          open,
+          onOpenChange: setOpen,
+          disabled,
+          scrollable: true,
+          sizing: "fill",
+          fitContent: true,
+          trigger: renderTrigger(fieldDisplay, !!resolvedError),
+          children: panelContent(fieldValue, t => handleChange(t, v => field.handleChange(v)))
+        })
+      });
+    }
+  });
+}
+export { TimePicker };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/fields/TimePicker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","Text","View","XStack","YStack","Skeleton","Field","FieldLayout","FloatingPanel","Input","InputParts","formCommonColors","formInputColors","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Fragment","jsx","jsxs","parseTimeString","value","h","m","s","parts","split","Math","max","min","Number","parseInt","toTimeString","base","String","padStart","formatTimeDisplay","format","showSeconds","secSuffix","period","displayH","hours24","hours12","secondValues","AmPmColumn","selected","onChange","knobProps","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","borderWidth","inputSurface","borderColor","border","overflow","map","isSelected","height","width","justifyContent","cursor","focus","hoverStyle","onPress","transition","animation","fontWeight","text","TimePickerPopoverContent","timeFormat","minuteStep","minuteValues","makeTime","newH","newM","newS","secondsColumn","label","values","display12H","handleHourChange","newDisplayH","h24","handlePeriodChange","newPeriod","TimePicker","name","form","formProp","validators","labelProps","helperText","error","required","size","id","idProp","defaultValue","onBlur","disabled","readOnly","placeholder","clockIcon","skeleton","compact","resolvedForm","resolvedValidators","open","setOpen","displayValue","handleChange","time","fieldChange","renderTrigger","triggerValue","hasError","sizeToken","Box","theme","opacity","pointerEvents","Section","Icon","adornment","Area","panelContent","currentValue","onValueChange","variant","onOpenChange","scrollable","sizing","fitContent","trigger","t","field","resolvedError","fieldValue","state","fieldDisplay","v"],"sources":["../../../../src/fields/TimePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}