@multiplatform.one/forms 7.4.0 → 7.5.0

package/dist/cjs/fields/DatePicker/DateRangePicker.cjs

@@ -53,6 +53,9 @@ function RangeDayGrid({
   minDate,
   maxDate
 }) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarDays, {
     calendarData,
     minDate,
@@ -71,7 +74,10 @@ function RangeDayGrid({
         return null;
       }
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        transition: "quick",
+        ...(knobProps.transition ? {
+          transition: knobProps.transition
+        } : void 0),
+        "data-range-stripe": rangeStatus,
         position: "absolute",
         height: "100%",
         zIndex: 0,
@@ -264,6 +270,8 @@ function DateRangePicker(props) {
     compact
   });
   const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  const resolvedSize = size ?? knobProps.sizeToken;
+  const visualHeight = (0, import_utils.getFieldHeight)(resolvedSize);
   const initialRange = valueProp ?? defaultValue;
   const [open, setOpen] = (0, import_react.useState)(false);
   const [rangeStart, setRangeStart] = (0, import_react.useState)(() => initialRange?.start ?? null);
@@ -386,6 +394,8 @@ function DateRangePicker(props) {
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0
       }),
+      clearValue: formatRange(rangeStart, rangeEnd),
+      onClear: () => handleClear(fieldChange),
       children: calendarContent(fieldChange)
     });
   };
@@ -395,10 +405,14 @@ function DateRangePicker(props) {
       label,
       size,
       knobProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: knobProps.sizeToken
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: resolvedSize,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: visualHeight,
+          "data-daterange-skeleton": ""
+        })
       })
     });
   }

package/dist/cjs/fields/DatePicker/DateRangePicker.native.js

@@ -56,6 +56,9 @@ function RangeDayGrid(param) {
     minDate,
     maxDate
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarDays, {
     calendarData,
     minDate,
@@ -76,7 +79,10 @@ function RangeDayGrid(param) {
         return null;
       }
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        transition: "quick",
+        ...(knobProps.transition ? {
+          transition: knobProps.transition
+        } : void 0),
+        "data-range-stripe": rangeStatus,
         position: "absolute",
         height: "100%",
         zIndex: 0,
@@ -283,6 +289,8 @@ function DateRangePicker(props) {
     compact
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
+  var visualHeight = (0, import_utils.getFieldHeight)(resolvedSize);
   var initialRange = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue;
   var [open, setOpen] = (0, import_react.useState)(false);
   var [rangeStart, setRangeStart] = (0, import_react.useState)(function () {
@@ -426,6 +434,10 @@ function DateRangePicker(props) {
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0
       }),
+      clearValue: formatRange(rangeStart, rangeEnd),
+      onClear: function onClear() {
+        return handleClear(fieldChange);
+      },
       children: calendarContent(fieldChange)
     });
   };
@@ -435,10 +447,14 @@ function DateRangePicker(props) {
       label,
       size,
       knobProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: knobProps.sizeToken
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: resolvedSize,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: visualHeight,
+          "data-daterange-skeleton": ""
+        })
       })
     });
   }

package/dist/cjs/fields/DatePicker/DateRangePicker.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DateRangePicker_exports","__export","DateRangePicker","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_fieldLayout","import_colorRamps","import_t","import_utils","import_InputParts","import_Skeleton","import_parts","import_fieldValueSync","getRangeStatus","day","start","end","isSameDay","RangeDayGrid","param","calendarData","rangeStart","rangeEnd","onSelectDate","minDate","maxDate","jsx","CalendarDays","skipEmptyWeeks","isSelected","status","onSelect","selectedBackground","formInputColors","background","focus","onToday","Date","rangeStripe","rangeStatus","View","transition","position","height","zIndex","backgroundColor","enterStyle","opacity","exitStyle","insetInlineStart","insetInlineEnd","width","SingleCalendar","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","year","yearPageSize","CalendarViewSwitcher","children","jsxs","CalendarPanelFrame","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DualCalendarBody","setDisplayDate","navigateMonth","knobProps","useResolvedKnobs","sm","fullWidthMode","useMedia","prevMonthDate","useMemo","date","setMonth","getMonth","handleNavigate","useCallback","months","handleSetDisplayForPrev","next","panelPadding","flexDirection","gap","Separator","vertical","formatRange","formatDate","formatDate2","formatAbsoluteDate","props","defaultValue","valueProp","onChange","form","inputProps","_inputProps","placeholder","t","disabled","readOnly","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","initialRange","open","setOpen","setRangeStart","_ref","setRangeEnd","useDateNavigation","popoverRef","useRef","rangeStartRef","current","openPicker","seed","pickingRangeRef","adoptExternalValue","raw","_ref1","nextStart","nextEnd","prev","useEffect","closePopover","_popoverRef_current","close","handleSelectDate","fieldChange","handleClear","calendarContent","calendarContent2","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","trigger","DatePickerInputTrigger","onReset","onButtonPress","FieldLayout","Skeleton","variant","sizeToken","Field","field","resolvedError","getFieldError","Fragment","FieldValueSync","state","onSync"],"sources":["../../../../src/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DateRangePicker_exports","__export","DateRangePicker","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_fieldLayout","import_colorRamps","import_t","import_utils","import_InputParts","import_Skeleton","import_parts","import_fieldValueSync","getRangeStatus","day","start","end","isSameDay","RangeDayGrid","param","calendarData","rangeStart","rangeEnd","onSelectDate","minDate","maxDate","knobProps","useResolvedKnobs","jsx","CalendarDays","skipEmptyWeeks","isSelected","status","onSelect","selectedBackground","formInputColors","background","focus","onToday","Date","rangeStripe","rangeStatus","View","transition","position","height","zIndex","backgroundColor","enterStyle","opacity","exitStyle","insetInlineStart","insetInlineEnd","width","SingleCalendar","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","year","yearPageSize","CalendarViewSwitcher","children","jsxs","CalendarPanelFrame","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DualCalendarBody","setDisplayDate","navigateMonth","sm","fullWidthMode","useMedia","prevMonthDate","useMemo","date","setMonth","getMonth","handleNavigate","useCallback","months","handleSetDisplayForPrev","next","panelPadding","flexDirection","gap","Separator","vertical","formatRange","formatDate","formatDate2","formatAbsoluteDate","props","defaultValue","valueProp","onChange","form","inputProps","_inputProps","placeholder","t","disabled","readOnly","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","resolvedSize","sizeToken","visualHeight","getFieldHeight","initialRange","open","setOpen","setRangeStart","_ref","setRangeEnd","useDateNavigation","popoverRef","useRef","rangeStartRef","current","openPicker","seed","pickingRangeRef","adoptExternalValue","raw","_ref1","nextStart","nextEnd","prev","useEffect","closePopover","_popoverRef_current","close","handleSelectDate","fieldChange","handleClear","calendarContent","calendarContent2","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","trigger","DatePickerInputTrigger","onReset","onButtonPress","clearValue","onClear","FieldLayout","Skeleton","variant","Field","field","resolvedError","getFieldError","Fragment","FieldValueSync","state","onSync"],"sources":["../../../../src/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,uBAAA;AACrD,IAAAK,kBAAuF,GAAAC,OAAA;AACvF,IAAAC,YAAA,GAAAD,OAAmF;AAEnF,IAAAE,YAAA,GAAAF,OAAmC;AACnC,IAAAG,cAAA,GAAAH,OAAgC;AAChC,IAAAI,kBAAkB,GAAAJ,OAAA;AAClB,IAAAK,iBAMO,GAAAL,OAAA;AAEP,IAAAM,QAAA,GAAAN,OAAA,2BAAoC;AACpC,IAAAO,YAAA,GAAAP,OAAyB;AAGzB,IAAAQ,iBAWO,GAAAR,OAAA;AACP,IAAAS,eAAA,GAAAT,OAA+B;AAyGrB,IAAAU,YAAA,GAAAV,OAAA;AAtDV,IAAAW,qBAAwB,GAAAX,OAAW,CAAoB,4BAA+B;AACpF,SAAKY,cAAcA,CAAAC,GAAA,EAAAC,KAAA,EAAAC,GAAA;EACnB,KAAAD,KAAI;EACJ,QAAIJ,YAAA,CAAAM,SAAA,EAAUH,GAAA,EAAKC,KAAK,KAAG,CAAAC,GAAA,EAAO;EAClC,IAAI,IAAAL,YAAO,CAAAM,SAAA,EAAAH,GAAA,EAAAC,KAAU,GAAK,OAAM,aAAO;EACvC,IAAIC,GAAA,IAAO,IAAAL,YAAe,CAAAM,SAAW,EAAAH,GAAA,EAAOE,GAAA;EAC5C,IAAAA,GAAO,IAAAF,GAAA,GAAAC,KAAA,IAAAD,GAAA,GAAAE,GAAA;EACT;AAeA;AAAsB,SACpBE,aAAAC,KAAA;EACA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAN,KAAA;EACA;IAAAO;EAAA,QAAAxB,YAAA,CAAAyB,gBAAA;EACA,0BAAA3B,kBAAA,CAAA4B,GAAA,EAAAjB,YAAA,CAAAkB,YAAA;IACAT,YAAA;IACAI,OAAA;IACoBC,OAAA;IACpBK,cAAQ,EAAU;IAClBC,UACE,WAAAA,WAAAjB,GAAA;MAAC,IAAAkB,MAAA,GAAAnB,cAAA,CAAAC,GAAA,EAAAO,UAAA,EAAAC,QAAA;MAAA,OAAAU,MAAA,sBAAAA,MAAA,oBAAAA,MAAA;IAAA;IACCC,QACA,EAAAV,YAAA;IAAAW,kBACA,EAAA5B,iBAAA,CAAA6B,eAAA,CAAAC,UAAA,CAAAC,KAAA;IAAAC,OACA,WAAcA,QAAA;MACd,OAAAf,YAAa,gBAAQ,IAAAgB,IAAA;IACnB;IACAC,WAAO,WAAWA,YAAA1B,GAAA,EAAiB;MACrC,IAAA2B,WAAA,GAAA5B,cAAA,CAAAC,GAAA,EAAAO,UAAA,EAAAC,QAAA;MACA,IAAAmB,WAAU,mBAAAA,WAAA,sBAAAA,WAAA;QACV;MACA;MACA,sBAAsB,IAAAzC,kBAAA,CAAA4B,GAAA,EAAAxB,cAAA,CAAAsC,IAAA;QACpB,IAAAhB,SAAM,CAAAiB,UAAc;UACpBA,UACE,EAAAjB,SAAgB,CAAAiB;QAIhB,SAAO;QACT,qBAAAF,WAAA;QACAG,QACE;QAAAC,MAAC;QAAAC,MAAA;QAAAC,eACM,EAAUzC,iBAAe,CAAA6B,eAAY,CAAAC,UAAU,CAAAC,KAAW;QAAIW,UACnE;UAAmBC,OACnB;QAAS;QACFC,SACP;UAAQD,OACR;QAA4C;QACnBA,OACzB;QAAwB,IAAAR,WACf;UAAAU,gBACJ,OAAgB;UAIyCC,cAAA;UAChEC,KAAA;QAEJ,IAAAZ,WAAA;UAAAU,gBAAA;UACFC,cAAA;UAEJC,KAAA;QAmBA,CAAS;UACPF,gBAAA;UACAC,cAAA;UACAC,KAAA;QACA;MACA;IACA;EACA;AAAA;AACA,SACAC,cAAWA,CAAAnC,KAAA;EACX;IAAAoC,WAAW;IAAAlC,UAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAiC,eAAA;IAAAC,gBAAA;IAAAjC,OAAA;IAAAC,OAAA;IAAAiC,QAAA;IAAAC,QAAA;EAAA,IAAAxC,KAAA;EACb,IAAwB,CAAAyC,QAAA,EAAAC,WAAA,QAAA1D,YAAA,CAAA2D,QAAA;EACtB,IAAA1C,YAAO,GAAU,IAAAT,YAAW,CAAIoD,eAAA,EAAAR,WAAwB;EACxD,KAAAS,aAAM,EAAAC,gBAAe,QAAA9D,YAAgB,CAAA2D,QAAA,EAAW;IAChD,OAAO1C,YAAA,CAAe8C,IAAA,GAAA9C,YAAgB,CAAA8C,IAAI,GAAAvD,YAAA,CAAAwD,YAAA;EAAA,EACxC;EACF,0BAAAnE,kBAAA,CAAA4B,GAAA,EAAAjB,YAAA,CAAAyD,oBAAA;IAEAhD,YACE;IAACmC,WAAA;IAAAE,gBAAA;IAAAG,QACC;IAAAC,WACA;IAAAG,aACA;IAAAC,gBACA;IAAAI,QACA,qBAAArE,kBAAA,CAAAsE,IAAA,EAAA3D,YAAA,CAAA4D,kBAAA;MACAF,QAAA,GACA,mBAAArE,kBAAA,CAAA4B,GAAA,EAAAjB,YAAA,CAAA6D,cAAA;QAEAN,IAAA,EAAA9C,YAAA,CAAA8C,IAAA;QACEO,SAAA,EAAArD,YAAA,CAAAqD,SAAA;QAACC,WAAA,WAAAA,YAAA;UAAA,OAAAlB,eAAA;QAAA;QACoBmB,WACnB,EAAW,SAAAA,WAAaA,CAAA;UACxB,OAAAnB,eAAmB;QAAkB;QACDE,QACpC;QAAAC,QACA;QAAAiB,WACA,WAAmBA,YAAA;UACjBX,gBAAA,CAAA7C,YAAiB,CAAA8C,IAAa,GAAA9C,YAAQ,CAAA8C,IAAa,GAAAvD,YAAO,CAAAwD,YAAA;UAC1DN,WAAA,OAAY;QAAM;QACpBgB,YACA,WAAoBA,YAAYA,CAAA;UAAO,OAAAhB,WAAA;QACzC;MACA,mBAAC,IAAA7D,kBAAA,CAAA4B,GAAA,EAAAV,YAAA;QAAAE,YAAA;QAAAC,UACC;QAAAC,QACA;QAAAC,YACA;QAAAC,OACA;QAAAC;MACA;IACA;EACF;AACF;AAAA,SACFqD,iBAAA3D,KAAA;EAEJ;IAAAE,UAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAgC,WAAA;IAAAwB,cAAA;IAAAC,aAAA;IAAAxD,OAAA;IAAAC;EAAA,IAAAN,KAAA;EAiBA;IAAAO;EAAS,QAAiBxB,YAAA,CAAAyB,gBAAA;EACxB;IAAAsD,EAAA,EAAAC;EAAA,QAAA9E,cAAA,CAAA+E,QAAA;EACA,IAAAC,aAAA,OAAAjF,YAAA,CAAAkF,OAAA;IACA,IAAAC,IAAA,OAAA/C,IAAA,CAAAgB,WAAA;IACA+B,IAAA,CAAAC,QAAA,CAAAD,IAAA,CAAAE,QAAA;IACA,OAAAF,IAAA;EACA,IACA/B,WAAA,CACA;EACF,IAA0BkC,cAAA,OAAAtF,YAAA,CAAAuF,WAAA,YAAAC,MAAA;IACxB,OAAQX,aAAU,CAAAW,MAAI;EAGtB,IAEAX,aAAM,CACJ;EACA,IAAAY,uBAAmB,GAAS,IAAIzF,YAAC,CAAAuF,WAAA,YAAAJ,IAAA;IACjC,IAAAO,IAAO,OAAAtD,IAAA,CAAA+C,IAAA;IACTO,IAAI,CAAAN,QAAW,CAACM,IAAA,CAAAL,QAAA;IAEhBT,cAAM,CAAAc,IAAA;EAAiB,GACpB,CACDd,cAAc,CAChB;EAEA,KAAAG,aAAM;IACJ,OAAC,eAAe,IAAAlF,kBAAA,CAAA4B,GAAA,EAAAxB,cAAA,CAAAsC,IAAA;MACd,GAAAhB,SAAM,CAAOoE,YAAS;MACtBzB,QAAK,iBAAc,EAAS,EAAArE,kBAAK,CAAA4B,GAAA,EAAA0B,cAAA;QACjCC,WAAA;QACFlC,UAAA;QACCC,QAAA;QACHC,YAAA;QAEKiC,eAAe,EAAAiC,cAAA;QAClBhC,gBACE,EAAAsB,cAAA;QACGvD,OAAA;QAAAC;MAAA;IACC;EACA;EACA,OACA,mBAAAzB,kBAAA,CAAAsE,IAAA,EAAAlE,cAAA,CAAAsC,IAAA;IAAAqD,aACA;IAAiB,GAAArE,SACjB,CAAAsE,GAAA;IAAkB,GAAAtE,SAClB,CAAAoE,YAAA;IAAAzB,QACA,sBAAArE,kBAAA,CAAA4B,GAAA,EAAA0B,cAAA;MAEJC,WAAA,EAAA6B,aAAA;MAEJ/D,UAAA;MAEAC,QACE;MACEC,YAAA;MAACiC,eAAA,EAAAiC,cAAA;MAAAhC,gBAAA,EAAAmC,uBAAA;MACCpE,OAAA;MACAC,OAAA;MACAkC,QAAA;IAAA,EACA,iBACA,IAAiB3D,kBAAA,CAAA4B,GAAA,EAAAxB,cAAA,CAAA6F,SAAA;MACjBC,QAAA;IAAkB,EAClB,iBACA,IAAAlG,kBAAA,CAAA4B,GAAA,EAAA0B,cAAA;MACAC,WAAU;MAAAlC,UAAA;MACZC,QAAA;MACAC,YAAA;MACAiC,eAAA,EAAAiC,cAAA;MAAChC,gBAAA,EAAAsB,cAAA;MAAAvD,OAAA;MACCC,OAAA;MACAiC,QAAA;IAAA,EACA;EACA;AACiB;AACC,SAClByC,YAAApF,KAAA,EAAAC,GAAA;EAAA,KAAAD,KACA;EAAA,IAAAqF,UACA,GAAU,SAAAC,YAAAf,IAAA;IAAA,WAAApF,YAAA,CAAAoG,kBAAA,EAAAhB,IAAA;MACZpB,IAAA;IAAA,CACF;EAEJ;EAMA,KAAAlD,GAAS,YAAYoF,UAAoB,CAA0BrF,KAAA;EACjE,OAAK,GAAAqF,UAAc,CAAArF,KAAA,YAAAqF,UAAA,CAAApF,GAAA;AAGnB;AACA,SAAKnB,eAAeA,CAAA0G,KAAA;EACpB;IAAAC,YAAU;IAAA9G,KAAW,EAAM+G,SAAA;IAAMC,QAAA;IAAAC,IAAc;IAACC,UAAA,EAAAC,WAAA;IAAAC,WAAA,OAAAvG,QAAA,CAAAwG,CAAA;IAAAvF,OAAA;IAAAC,OAAA;IAAAuF,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA,EAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,EAAA,EAAAC,MAAA;IAAA,GAAAC;EAAA,QAAA/H,cAAA,CAAAgI,QAAA,EAAA7B,KAAA;EAClD;IAAA8B,YAAA;IAAA3G,SAAA;IAAAuG;EAAA,QAAAzH,YAAA,CAAA8H,YAAA;IAMO3B,IAAA;IAOLsB,EAAA,EAAMC,MAAA;IACJF;EAAA,EACA;EAAO,IACPO,kBAAA,OAAA/H,YAAA,CAAAgI,qBAAA,EAAAb,QAAA,EAAAN,UAAA,EAAAC,KAAA,EAAAH,IAAA;EAAA,IACAsB,YAAA,GAAAb,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAlG,SAAA,CAAAgH,SAAA;EAAA,IACAC,YAAY,OAAAnI,YAAA,CAAAoI,cAAA,EAAAH,YAAA;EAAA,IACZI,YAAA,GAAApC,SAAc,KAAE,QAAAA,SAAA,UAAuB,IAAAA,SAAA,GAAAD,YAAA;EAAA,IACvC,CAAAsC,IAAA,EAAAC,OAAA,QAAA5I,YAAA,CAAA2D,QAAA;EAAA,IACA,CAAAzC,UAAA,EAAA2H,aAAA,QAAA7I,YAAA,CAAA2D,QAAA;IACA,IAAAmF,IAAA;IACA,QAAAA,IAAA,GAAAJ,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAA9H,KAAA,cAAAkI,IAAA,cAAAA,IAAA;EAAA,EACA;EAAA,IACA,CAAA3H,QAAA,EAAA4H,WAAA,QAAA/I,YAAA,CAAA2D,QAAA;IACA,IAAAmF,IAAA;IACA,QAAAA,IAAA,GAAAJ,YAAA,aAAAA,YAAA,uBAAAA,YAAA,CAAA7H,GAAA,cAAAiI,IAAA,cAAAA,IAAA;EAAA,EACA;EAAA,IACA;IAAA1F,WAAA;IAAAwB,cAAA;IAAAC;EAAA,QAAArE,YAAA,CAAAwI,iBAAA,EAAA9H,UAAA,aAAAA,UAAA,cAAAA,UAAA;EAAA,IACA+H,UAAO,OAAAjJ,YAAA,CAAAkJ,MAAA;EAAA,IACPC,aAAA,OAAAnJ,YAAA,CAAAkJ,MAAA,EAAAhI,UAAA;EAAAiI,aACA,CAAAC,OAAA,GAAAlI,UAAA;EAAA,IACAmI,UAAA,OAAArJ,YAAA,CAAAuF,WAAA;IACA,IAAA+D,IAAQ,GAAAH,aAAA,CAAAC,OAAA;IACR,IAAAE,IAAA,EAAA1E,cAAA,CAAA0E,IAAA;IACAV,OAAA;EAAA,GACA,CACAhE,cAAG,CACL;EAEA,IAAA2E,eAAQ,GAAc,IAAAvJ,YAAc,CAAAkJ,MAAI;EACxC,IAAAM,kBAAM,OAAAxJ,YAAqB,CAAAuF,WAAA,YAAAkE,GAAsB;IACjD,IAAMX,IAAA,EAAAY,KAAA;IACN,IAAMhE,IAAA,GAAA+D,GAAA,SAAe,IAAAA,GAAA,cAAAA,GAAA,OAAe;IAEpC,IAAMF,eAAgB,CAAAH,OAAA,IAAA1D,IAAa;IACnC6D,eAAa,CAAAH,OAAO,GAAI;IACxB,IAAMO,SAAC,IAAYb,IAAA,GAAApD,IAAA,KAAa,QAAIA,IAAA,mBAAsB,IAAMA,IAAA,CAAA9E,KAAA,MAAc,QAASkI,IAAI,cAAAA,IAAA;IAC3F,IAAMc,OAAC,IAAUF,KAAA,GAAAhE,IAAW,SAAI,IAAAA,IAAA,cAAsB,KAAM,IAAAA,IAAA,CAAA7E,GAAA,MAAc,IAAO,IAAI6I,KAAA,cAAAA,KAAA;IAGrFb,aAAQ,WAAagB,IAAA;MACrB,OAAMA,IAAA,KAAAF,SAAa,IAAAE,IAAA,IAAAF,SAAoB,QAAAnJ,YAAA,CAAAM,SAAA,EAAA+I,IAAA,EAAAF,SAAA,IAAAE,IAAA,GAAAF,SAAA;IACvC;IACAZ,WAAA,CAAc,UAAAc,IAAU;MAExB,OAAMA,IAAA,KAAAD,OAAa,IAAAC,IAAA,IAAAD,OAAA,IAAY,IAAApJ,YAAM,CAAAM,SAAA,EAAA+I,IAAA,EAAAD,OAAA,IAAAC,IAAA,GAAAD,OAAA;IACnC;EACA,MAAI;EACJ,IAAA5J,YAAY,CAAA8J,SAAA;IACd,IAAIxD,SAAA,KAAe;IAOnBkD,kBAAM,CAAAlD,SAAkB;EACxB,IACEA,SAAM,EACNkD,kBAAI,CACJ;EACA,IAAAO,YAAM,IAAY,GAAA/J,YAAe,CAAAuF,WAAA;IACjC,IAAAyE,mBAAsB;IACtBpB,OAAA;IAAA,CAAAoB,mBACE,GAASf,UAAA,CAAcG,OAAA,MAAQ,QAAAY,mBAAa,UAAU,SAAM,IAAAA,mBAAqB,CAAAC,KAAA;EAAA,GACnF;EACA,IAAAjK,YAAA,CAAA8J,SAAA;IAAA,IAAa5I,UACX,IAAAC,QAAS,EAAA4I,YAAoB;EAA8C,GAC7E,CACF7I,UAAK,EAGLC,QAAA,EACE4I,YAAI,CACJ;EACF,IAAIG,gBAAW,OAAAlK,YAAmB,CAAAuF,WAAA,YAAAJ,IAAA,EAAAgF,WAAA;IAElC,IAAM9I,OAAA,IAAA8D,IAAA,GAAA9D,OAAe;IACnB,IAAAC,OAAQ,IAAK6D,IAAA,GAAA7D,OAAA;IACb,KAAAJ,UAAW,IAAAA,UAAe,IAAAC,QAAA;MACxBoI,eAAC,CAAAH,OAAA;MAELP,aAAA,CAAA1D,IAAA;MACE4D,WAAI,KAAc;MAChB;IAEJ;IACE,IAAC5D,IAAY,GAAAjE,UAAA,EAAuC;MAClDqI,eAAe,CAAAH,OAAO,QAAS;MAC/BL,WAAI,CAAA7H,UAAkB;MAEtB2H,aAAK,CAAA1D,IAAA,CAAe;MAGlBgF,WAAA,SAAgB,IAAAA,WAAU,uBAAAA,WAAA;QAC1BvJ,KAAA,EAAAuE,IAAA;QACAtE,GAAA,EAAAK;MACA;MACF6I,YAAA;IAEA,OAAI,MAAO,EAAAvJ,YAAY,CAAAM,SAAA,EAAAqE,IAAA,EAAAjE,UAAA;MACrBqI,eAAA,CAAAH,OAAgB,QAAU;MAC1BP,aAAA,CAAY;MACZE,WAAA,KAAc;MACdoB,WAAA,KAAc,IAAE,IAAAA,WAAa,KAAK,SAAY,SAAAA,WAAA;IAC9C;MACFZ,eAAW,CAAAH,OAAA;MACTL,WAAA,CAAA5D,IAAA;MACAgF,WAAA,KAAc,IAAI,IAAAA,WAAA,uBAAAA,WAAA;QAClBvJ,KAAA,EAAAM,UAAgB;QAChBL,GAAA,EAAAsE;MACF;MACE4E,YAAA;IACA;EACA,IACA7I,UAAA,EAAaC,QACf,EACFE,OAAA,EACAC,OAAC,EACHyI,YAAA,CAEA;EACE,IAAAK,WAAA,GAAgB,IAAApK,YAAU,CAAAuF,WAAA,YAAA4E,WAAA;IAC1BZ,eAAc,CAAAH,OAAI;IAClBP,aAAY,KAAI;IAChBE,WAAA,KAAc;IAChBoB,WAAK,aAAAA,WAAA,uBAAAA,WAAA;EAEL,MAAM;EACJ,IAACE,eAAA,YAAAC,iBAAAH,WAAA;IAAA,0BAAAtK,kBAAA,CAAA4B,GAAA,EAAAkD,gBAAA;MACCzD,UAAA;MACAC,QAAA;MACAC,YAAA,EAAc,SAACA,YAASA,CAAA+D,IAAA,EAAiB;QACzC,OAAA+E,gBAAA,CAAA/E,IAAA,EAAAgF,WAAA;MACA;MACA/G,WAAA;MACAwB,cAAA;MACAC,aAAA;MAAAxD,OAAA;MACFC;IAGF;EAKE;EACE,IAAAiJ,aACE,YAAAC,eAAAC,QAAA,EAAAC,WAAC,EAAAP,WAAA,EAAW;IACV,IAACrD,QAAA;MAAW,OAAX,mBAAAjH,kBAAA,CAAA4B,GAAA,EAAAnB,iBAAA,CAAAqK,KAAA,CAAAC,GAAA;QAAA1G,QACC,EAAO,eAAY,IAAArE,kBAAoB,CAAA4B,GAAA,EAAAnB,iBAAA,CAAAqK,KAAA,CAAAE,IAAA;UACvCtL,KAAA,EAAAyG,WAAQ,CAAA9E,UAAA,EAAAC,QAAA;UACR2F,QAAA;UACA,iBAAe;UACf,iBAAcU,QAAA,IAAY;UAC1B,gBAAAiD,QAAA;UAAA9D;QACF,CACF;MAEJ;IACA;IAEE,IAAAmE,gBAAc,YAAcC,iBAASA,CAAAC,MAAe;MACpD,IAAAA,MAAQ,IAAM7B,aAAA,CAAAC,OAAA,EAAAxE,cAAA,CAAAuE,aAAA,CAAAC,OAAA;MACdR,OAAK,CAAAoC,MAAQ;MACf,KAAAA,MAAA,EAAAN,WAAA,aAAAA,WAAA,uBAAAA,WAAA;IACA;IACE,OAAC,mBAAA7K,kBAAA,CAAA4B,GAAA,EAAAjB,YAAA,CAAAyK,sBAAA;MAAAtC,IAAA;MAAAuC,YACC,EAAAJ,gBAAA;MAAA7B,UACA;MAAcpC,QACd;MAAAsE,OACA,qBAAAtL,kBAAA,CAAA4B,GAAA,EAAAjB,YAAA,CAAA4K,sBAAA;QACA7L,KAAA,EAAAyG,WACE,CAAA9E,UAAA,EAAAC,QAAA;QAAAwF,WAAC;QAAAE,QAAA;QAAA8B,IACC;QAAuC0C,OACvC,WAAAA,QAAA;UAAA,OACAjB,WAAA,CAAAD,WAAA;QAAA;QACAmB,aACS,EAAAjC,UAAM;QAAuBhC,KACtC,IAAAoD,QAAA;QAAe;QACN;QAIT;QAC2B3C,EAAA;QACD,iBAAAN,QAAA;QAC5B,gBAAAiD,QAAA;MAAA,EAEF;MAA4Cc,UAC5C,EAASvF,WAAM,CAAA9E,UAAY,EAAAC,QAAW;MAAAqK,OAErC,WAAAA,QAAA,EAAgB;QAAW,OAAApB,WAAA,CAAAD,WAAA;MAC9B;MAEJjG,QAAA,EAAAmG,eAAA,CAAAF,WAAA;IAGA,EAAI;EACF;EAGM,IAACvC,QAAA;IAAA,0BAAA/H,kBAAA,CAAA4B,GAAA,EAAAvB,kBAAA,CAAAuL,WAAA;MAAA3D,EACC;MAAQX,KACR;MAAMM,IACN;MAAQlG,SACR;MAAwB2C,QAAA,qBAAArE,kBAAA,CAAA4B,GAAA,EAAAnB,iBAAA,CAAAqK,KAAA;QAE5BlD,IACF,EAAAa,YAAA;QAEJpE,QAAA,qBAAArE,kBAAA,CAAA4B,GAAA,EAAAlB,eAAA,CAAAmL,QAAA;UAEKC,OAAA,WAAiB;UACpBzI,KACE;UAACR,MAAA,EAAA8F,YAAA;UAAA;QACC;MAAA;IACA;EACA;EACO,KAAAN,YACP,KAAAlB,IAAA;IAAA,OACA,mBAAAnH,kBAAA,CAAA4B,GAAA,EAAAvB,kBAAA,CAAAuL,WAAA;MAAA3D,EACA;MAAAX,KACA;MAAAC,UAGA;MAAAC,KAEA,EAAAC,SAAA;MAEAC,UAAA;MACFC,QAAA;MAEJC,IAAA;MAEAlG,SACE;MAAC;MAAA;MACCsF,QAAA;MACA3C,QAAM,qBAAArE,kBAAA,CAAA4B,GAAA,EAAAnB,iBAAA,CAAAqK,KAAA;QACNlD,IAAA,EAAAA,IAAA,IAAAlG,SAAA,CAAAgH,SAAA;QACArE,QAAA,EAAAqG,aAAA,GAAAjD,SAAA,UAAAf,QAAA;MACA;IAAA,EACA;EAAY;EAGV,sBAAM,IAAA1G,kBAAgB,CAAA4B,GAAA,EAAAvB,kBAAqB,CAAA0L,KAAA,EAAS;IAEpDvF,YACE;IAIEG,IAAA,EAAA0B,YAAA;IAAsEnB,IAAA;IACtEC,IAAA;IAACC,aAAA;IAAAC,UACC,EAAAkB,kBAAA;IAAAlE,QAAA,EACA,SAAAA,SAAA2H,KAAA;MAAA,IAAAC,aACA,OAAAzL,YAAA,CAAA0L,aAAA,EAAAF,KAAA,EAAAvE,SAAA;MAAA,sBACO,IAAAzH,kBAAA,CAAAsE,IAAA,EAAAtE,kBAAA,CAAAmM,QAAA;QAAA9H,QACP;QAAA;AACA;AACA;QACA;QAEA,IAAArE,kBAAA,CAAA4B,GAAA,EAAAhB,qBAAA,CAAAwL,cAAA;UAAA1M,KAEA,EAAAsM,KAAA,CAAAK,KAAA,CAAA3M,KAAA;UACG4M,MACG,EAAA3C;QAAA,IAC4C,eAC9C,IAAA3J,kBAAA,CAAA4B,GAAkB,EAAAvB,kBAAO,CAAcuL,WAAA;UAAA3D,EACzC;UACFX,KAAA;UACFC,UAAA;UACFC,KAAA,EAAAyE,aAAA;UAEJvE,UAAA;UAAAC,QAAA;UACFC,IAAA;UAEJlG,SAAA","ignoreList":[]}

package/dist/cjs/fields/DatePicker/DatetimePicker.cjs

@@ -32,7 +32,6 @@ var import_fieldValueSync = require("./fieldValueSync.cjs");
 var import_tamagui = require("tamagui");
 var import_fieldLayout = require("../../fieldLayout.cjs");
 var import_FloatingPanel = require("../../FloatingPanel/index.cjs");
-var import_colorRamps = require("../../shared/colorRamps.cjs");
 var import_t = require("../../shared/t.cjs");
 var import_TimeColumn = require("../../shared/TimeColumn.cjs");
 var import_utils2 = require("../../shared/utils.cjs");
@@ -55,9 +54,6 @@ function formatDatetimeDisplay(date, timeFormat, showSeconds) {
     seconds: showSeconds
   });
 }
-const hours24 = (0, import_TimeColumn.generateRange)(0, 23);
-const hours12 = (0, import_TimeColumn.generateRange)(1, 12);
-const secondValues = (0, import_TimeColumn.generateRange)(0, 59);
 function DayGrid({
   calendarData,
   selectedDate,
@@ -81,132 +77,24 @@ function TimeSection({
   minuteStep,
   showSeconds
 }) {
-  const {
-    knobProps
-  } = (0, import_parts.useCalendarKnobs)();
   const {
     h,
     m,
     s
   } = parseTimeFromDate(selectedDate);
-  const minuteValues = (0, import_react.useMemo)(() => (0, import_TimeColumn.generateRange)(0, 59, minuteStep), [minuteStep]);
-  const makeNewDate = (0, import_react.useCallback)((newH, newM, newS) => {
-    const newDate = new Date(selectedDate);
-    newDate.setHours(newH, newM, newS);
-    return newDate;
-  }, [selectedDate]);
-  const secondsColumn = showSeconds && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: (0, import_t.t)("Sec"),
-      values: secondValues,
-      selected: s,
-      onChange: newS => onTimeChange(makeNewDate(h, m, newS)),
-      knobProps
-    })]
-  });
-  if (timeFormat === "24h") {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      flexDirection: "row",
-      gap: "$2",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-        label: (0, import_t.t)("Hour"),
-        values: hours24,
-        selected: h,
-        onChange: newH => onTimeChange(makeNewDate(newH, m, s)),
-        knobProps
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
-        knobProps
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-        label: (0, import_t.t)("Min"),
-        values: minuteValues,
-        selected: m,
-        onChange: newM => onTimeChange(makeNewDate(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;
-    }
-    onTimeChange(makeNewDate(h24, m, s));
-  };
-  const handlePeriodChange = newPeriod => {
-    if (newPeriod === period) return;
-    const newH = newPeriod === "AM" ? h >= 12 ? h - 12 : h : h < 12 ? h + 12 : h;
-    onTimeChange(makeNewDate(newH, m, s));
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-    flexDirection: "row",
-    gap: "$2",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: (0, import_t.t)("Hour"),
-      values: hours12,
-      selected: display12H,
-      onChange: handleHourChange,
-      knobProps
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: (0, import_t.t)("Min"),
-      values: minuteValues,
-      selected: m,
-      onChange: newM => onTimeChange(makeNewDate(h, newM, s)),
-      knobProps
-    }), secondsColumn, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      alignItems: "center",
-      gap: "$1",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        fontSize: "$1",
-        ...knobProps.body,
-        color: import_colorRamps.formCommonColors.muted,
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        children: " "
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        ...knobProps.borderRadius,
-        backgroundColor: import_colorRamps.formInputColors.background.base,
-        borderWidth: knobProps.inputSurface.borderWidth,
-        borderColor: import_colorRamps.formInputColors.border.base,
-        overflow: "hidden",
-        children: ["AM", "PM"].map(p => {
-          const isSelected = p === period;
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            height: 36,
-            width: 48,
-            alignItems: "center",
-            justifyContent: "center",
-            cursor: "pointer",
-            backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
-            hoverStyle: {
-              backgroundColor: import_colorRamps.formInputColors.background.focus
-            },
-            onPress: () => handlePeriodChange(p),
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontSize: "$3",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
-              children: p
-            })
-          }, p);
-        })
-      })]
-    })]
+  const handleChange = (0, import_react.useCallback)((hour24, minute, second) => {
+    const next = new Date(selectedDate);
+    next.setHours(hour24, minute, second);
+    onTimeChange(next);
+  }, [onTimeChange, selectedDate]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeWheels, {
+    hour24: h,
+    minute: m,
+    second: s,
+    timeFormat,
+    minuteStep,
+    showSeconds,
+    onChange: handleChange
   });
 }
 function DatetimePickerBody({
@@ -245,8 +133,9 @@ function DatetimePickerBody({
     flexDirection: "column",
     alignItems: "center",
     ...knobProps.gap,
-    width: px * 7,
-    alignSelf: "center",
+    width: activeTab === "date" ? px * 7 : "100%",
+    minWidth: px * 7,
+    alignSelf: activeTab === "date" ? "center" : "stretch",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       flexDirection: "row",
       width: "100%",
@@ -302,7 +191,6 @@ function DatetimePickerBody({
         })]
       })
     }) : selectedDatetime && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      padding: "$2",
       width: "100%",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TimeSection, {
         selectedDate: selectedDatetime,
@@ -321,7 +209,7 @@ function DatetimePicker(props) {
     onChange,
     onValueChange,
     form,
-    inputProps,
+    inputProps: _inputProps,
     placeholder = (0, import_t.t)("Select date and time"),
     minDate,
     maxDate,
@@ -367,7 +255,6 @@ function DatetimePicker(props) {
     setDisplayDate,
     navigateMonth
   } = (0, import_parts.useDateNavigation)(selectedDatetime ?? void 0);
-  const popoverRef = (0, import_react.useRef)(null);
   const selectedDatetimeRef = (0, import_react.useRef)(selectedDatetime);
   selectedDatetimeRef.current = selectedDatetime;
   const openPicker = (0, import_react.useCallback)(() => {
@@ -375,10 +262,6 @@ function DatetimePicker(props) {
     if (seed) setDisplayDate(seed);
     setOpen(true);
   }, [setDisplayDate]);
-  const closePopover = (0, import_react.useCallback)(() => {
-    setOpen(false);
-    popoverRef.current?.close();
-  }, []);
   const handleDatetimeSelect = (0, import_react.useCallback)((date, fieldChange) => {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
@@ -445,10 +328,13 @@ function DatetimePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       trigger: renderTrigger(displayValue, hasError, fieldChange),
+      triggerEnd: !import_tamagui.isWeb && displayValue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerClearButton, {
+        onReset: () => handleClearDatetime(fieldChange),
+        disabled
+      }) : void 0,
       disabled,
-      scrollable: true,
       sizing: "grow",
-      fitContent: true,
+      widthMode: "at-least-trigger",
       children: pickerContent(fieldChange)
     });
   };

package/dist/cjs/fields/DatePicker/DatetimePicker.native.js

@@ -35,7 +35,6 @@ var import_fieldValueSync = require("./fieldValueSync.native.js");
 var import_tamagui = require("tamagui");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
-var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_t = require("../../shared/t.native.js");
 var import_TimeColumn = require("../../shared/TimeColumn.native.js");
 var import_utils2 = require("../../shared/utils.native.js");
@@ -57,9 +56,6 @@ function formatDatetimeDisplay(date, timeFormat, showSeconds) {
     seconds: showSeconds
   });
 }
-var hours24 = (0, import_TimeColumn.generateRange)(0, 23);
-var hours12 = (0, import_TimeColumn.generateRange)(1, 12);
-var secondValues = (0, import_TimeColumn.generateRange)(0, 59);
 function DayGrid(param) {
   var {
     calendarData,
@@ -89,145 +85,24 @@ function TimeSection(param) {
     minuteStep,
     showSeconds
   } = param;
-  var {
-    knobProps
-  } = (0, import_parts.useCalendarKnobs)();
   var {
     h,
     m,
     s
   } = parseTimeFromDate(selectedDate);
-  var minuteValues = (0, import_react.useMemo)(function () {
-    return (0, import_TimeColumn.generateRange)(0, 59, minuteStep);
-  }, [minuteStep]);
-  var makeNewDate = (0, import_react.useCallback)(function (newH, newM, newS) {
-    var newDate = new Date(selectedDate);
-    newDate.setHours(newH, newM, newS);
-    return newDate;
-  }, [selectedDate]);
-  var secondsColumn = showSeconds && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: (0, import_t.t)("Sec"),
-      values: secondValues,
-      selected: s,
-      onChange: function onChange(newS) {
-        return onTimeChange(makeNewDate(h, m, newS));
-      },
-      knobProps
-    })]
-  });
-  if (timeFormat === "24h") {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      flexDirection: "row",
-      gap: "$2",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-        label: (0, import_t.t)("Hour"),
-        values: hours24,
-        selected: h,
-        onChange: function onChange(newH) {
-          return onTimeChange(makeNewDate(newH, m, s));
-        },
-        knobProps
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
-        knobProps
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-        label: (0, import_t.t)("Min"),
-        values: minuteValues,
-        selected: m,
-        onChange: function onChange(newM) {
-          return onTimeChange(makeNewDate(h, newM, s));
-        },
-        knobProps
-      }), secondsColumn]
-    });
-  }
-  var period = h >= 12 ? "PM" : "AM";
-  var display12H = h === 0 ? 12 : h > 12 ? h - 12 : h;
-  var handleHourChange = function handleHourChange2(newDisplayH) {
-    var h24 = newDisplayH;
-    if (period === "AM") {
-      h24 = newDisplayH === 12 ? 0 : newDisplayH;
-    } else {
-      h24 = newDisplayH === 12 ? 12 : newDisplayH + 12;
-    }
-    onTimeChange(makeNewDate(h24, m, s));
-  };
-  var handlePeriodChange = function handlePeriodChange2(newPeriod) {
-    if (newPeriod === period) return;
-    var newH = newPeriod === "AM" ? h >= 12 ? h - 12 : h : h < 12 ? h + 12 : h;
-    onTimeChange(makeNewDate(newH, m, s));
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-    flexDirection: "row",
-    gap: "$2",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: (0, import_t.t)("Hour"),
-      values: hours12,
-      selected: display12H,
-      onChange: handleHourChange,
-      knobProps
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeColumn, {
-      label: (0, import_t.t)("Min"),
-      values: minuteValues,
-      selected: m,
-      onChange: function onChange(newM) {
-        return onTimeChange(makeNewDate(h, newM, s));
-      },
-      knobProps
-    }), secondsColumn, /* AM/PM selector */
-    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
-      alignItems: "center",
-      gap: "$1",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        fontSize: "$1",
-        ...knobProps.body,
-        color: import_colorRamps.formCommonColors.muted,
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        children: " "
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        ...knobProps.borderRadius,
-        backgroundColor: import_colorRamps.formInputColors.background.base,
-        borderWidth: knobProps.inputSurface.borderWidth,
-        borderColor: import_colorRamps.formInputColors.border.base,
-        overflow: "hidden",
-        children: ["AM", "PM"].map(function (p) {
-          var isSelected = p === period;
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            height: 36,
-            width: 48,
-            alignItems: "center",
-            justifyContent: "center",
-            cursor: "pointer",
-            backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
-            hoverStyle: {
-              backgroundColor: import_colorRamps.formInputColors.background.focus
-            },
-            onPress: function onPress() {
-              return handlePeriodChange(p);
-            },
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontSize: "$3",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
-              children: p
-            })
-          }, p);
-        })
-      })]
-    })]
+  var handleChange = (0, import_react.useCallback)(function (hour24, minute, second) {
+    var next = new Date(selectedDate);
+    next.setHours(hour24, minute, second);
+    onTimeChange(next);
+  }, [onTimeChange, selectedDate]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TimeColumn.TimeWheels, {
+    hour24: h,
+    minute: m,
+    second: s,
+    timeFormat,
+    minuteStep,
+    showSeconds,
+    onChange: handleChange
   });
 }
 function DatetimePickerBody(param) {
@@ -269,8 +144,9 @@ function DatetimePickerBody(param) {
     flexDirection: "column",
     alignItems: "center",
     ...knobProps.gap,
-    width: px * 7,
-    alignSelf: "center",
+    width: activeTab === "date" ? px * 7 : "100%",
+    minWidth: px * 7,
+    alignSelf: activeTab === "date" ? "center" : "stretch",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       flexDirection: "row",
       width: "100%",
@@ -332,7 +208,6 @@ function DatetimePickerBody(param) {
         })]
       })
     }) : selectedDatetime && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      padding: "$2",
       width: "100%",
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TimeSection, {
         selectedDate: selectedDatetime,
@@ -351,7 +226,7 @@ function DatetimePicker(props) {
     onChange,
     onValueChange,
     form,
-    inputProps,
+    inputProps: _inputProps,
     placeholder = (0, import_t.t)("Select date and time"),
     minDate,
     maxDate,
@@ -399,7 +274,6 @@ function DatetimePicker(props) {
     setDisplayDate,
     navigateMonth
   } = (0, import_parts.useDateNavigation)(selectedDatetime !== null && selectedDatetime !== void 0 ? selectedDatetime : void 0);
-  var popoverRef = (0, import_react.useRef)(null);
   var selectedDatetimeRef = (0, import_react.useRef)(selectedDatetime);
   selectedDatetimeRef.current = selectedDatetime;
   var openPicker = (0, import_react.useCallback)(function () {
@@ -407,11 +281,6 @@ function DatetimePicker(props) {
     if (seed) setDisplayDate(seed);
     setOpen(true);
   }, [setDisplayDate]);
-  var closePopover = (0, import_react.useCallback)(function () {
-    var _popoverRef_current;
-    setOpen(false);
-    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();
-  }, []);
   var handleDatetimeSelect = (0, import_react.useCallback)(function (date, fieldChange) {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
@@ -488,10 +357,15 @@ function DatetimePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       trigger: renderTrigger(displayValue, hasError, fieldChange),
+      triggerEnd: !import_tamagui.isWeb && displayValue ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerClearButton, {
+        onReset: function onReset() {
+          return handleClearDatetime(fieldChange);
+        },
+        disabled
+      }) : void 0,
       disabled,
-      scrollable: true,
       sizing: "grow",
-      fitContent: true,
+      widthMode: "at-least-trigger",
       children: pickerContent(fieldChange)
     });
   };