@multiplatform.one/forms 7.4.1 → 7.5.0

package/dist/esm/fields/DatePicker/DatetimePicker.mjs

@@ -2,16 +2,15 @@ import { formatAbsoluteDateTime } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { coerceToDate } from "./utils.mjs";
 import { DatePickerFieldValueSync } from "./fieldValueSync.mjs";
-import { Text, View, useProps } from "tamagui";
+import { Text, View, useProps, isWeb } from "tamagui";
 import { Field, FieldLayout } from "../../fieldLayout.mjs";
 import { FloatingPanel } from "../../FloatingPanel/index.mjs";
-import { formCommonColors, formInputColors } from "../../shared/colorRamps.mjs";
 import { t } from "../../shared/t.mjs";
-import { TimeColumn, TimeColumnSeparator, generateRange } from "../../shared/TimeColumn.mjs";
+import { TimeWheels } from "../../shared/TimeColumn.mjs";
 import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.mjs";
 import { Input as InputParts } from "../../InputParts/index.mjs";
 import { Skeleton } from "../../Skeleton/index.mjs";
-import { CalendarDays, CalendarHeader, CalendarPanelFrame, CalendarViewSwitcher, DatePickerInputTrigger, isSameDay, useCalendarData, useCalendarKnobs, useDateNavigation, yearPageSize } from "./parts.mjs";
+import { CalendarDays, CalendarHeader, CalendarPanelFrame, CalendarViewSwitcher, DatePickerClearButton, DatePickerInputTrigger, isSameDay, useCalendarData, useCalendarKnobs, useDateNavigation, yearPageSize } from "./parts.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function parseTimeFromDate(date) {
   return {
@@ -28,9 +27,6 @@ function formatDatetimeDisplay(date, timeFormat, showSeconds) {
     seconds: showSeconds
   });
 }
-const hours24 = generateRange(0, 23);
-const hours12 = generateRange(1, 12);
-const secondValues = generateRange(0, 59);
 function DayGrid({
   calendarData,
   selectedDate,
@@ -54,132 +50,24 @@ function TimeSection({
   minuteStep,
   showSeconds
 }) {
-  const {
-    knobProps
-  } = useCalendarKnobs();
   const {
     h,
     m,
     s
   } = parseTimeFromDate(selectedDate);
-  const minuteValues = useMemo(() => generateRange(0, 59, minuteStep), [minuteStep]);
-  const makeNewDate = useCallback((newH, newM, newS) => {
-    const newDate = new Date(selectedDate);
-    newDate.setHours(newH, newM, newS);
-    return newDate;
-  }, [selectedDate]);
-  const secondsColumn = showSeconds && /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */jsx(TimeColumn, {
-      label: t("Sec"),
-      values: secondValues,
-      selected: s,
-      onChange: newS => onTimeChange(makeNewDate(h, m, newS)),
-      knobProps
-    })]
-  });
-  if (timeFormat === "24h") {
-    return /* @__PURE__ */jsxs(View, {
-      flexDirection: "row",
-      gap: "$2",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      children: [/* @__PURE__ */jsx(TimeColumn, {
-        label: t("Hour"),
-        values: hours24,
-        selected: h,
-        onChange: newH => onTimeChange(makeNewDate(newH, m, s)),
-        knobProps
-      }), /* @__PURE__ */jsx(TimeColumnSeparator, {
-        knobProps
-      }), /* @__PURE__ */jsx(TimeColumn, {
-        label: 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__ */jsxs(View, {
-    flexDirection: "row",
-    gap: "$2",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    children: [/* @__PURE__ */jsx(TimeColumn, {
-      label: t("Hour"),
-      values: hours12,
-      selected: display12H,
-      onChange: handleHourChange,
-      knobProps
-    }), /* @__PURE__ */jsx(TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */jsx(TimeColumn, {
-      label: t("Min"),
-      values: minuteValues,
-      selected: m,
-      onChange: newM => onTimeChange(makeNewDate(h, newM, s)),
-      knobProps
-    }), secondsColumn, /* @__PURE__ */jsxs(View, {
-      alignItems: "center",
-      gap: "$1",
-      children: [/* @__PURE__ */jsx(Text, {
-        fontSize: "$1",
-        ...knobProps.body,
-        color: formCommonColors.muted,
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        children: " "
-      }), /* @__PURE__ */jsx(View, {
-        ...knobProps.borderRadius,
-        backgroundColor: formInputColors.background.base,
-        borderWidth: knobProps.inputSurface.borderWidth,
-        borderColor: formInputColors.border.base,
-        overflow: "hidden",
-        children: ["AM", "PM"].map(p => {
-          const isSelected = p === period;
-          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: () => handlePeriodChange(p),
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */jsx(Text, {
-              fontSize: "$3",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? formCommonColors.text : formCommonColors.muted,
-              children: p
-            })
-          }, p);
-        })
-      })]
-    })]
+  const handleChange = useCallback((hour24, minute, second) => {
+    const next = new Date(selectedDate);
+    next.setHours(hour24, minute, second);
+    onTimeChange(next);
+  }, [onTimeChange, selectedDate]);
+  return /* @__PURE__ */jsx(TimeWheels, {
+    hour24: h,
+    minute: m,
+    second: s,
+    timeFormat,
+    minuteStep,
+    showSeconds,
+    onChange: handleChange
   });
 }
 function DatetimePickerBody({
@@ -218,8 +106,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__ */jsx(View, {
       flexDirection: "row",
       width: "100%",
@@ -275,7 +164,6 @@ function DatetimePickerBody({
         })]
       })
     }) : selectedDatetime && /* @__PURE__ */jsx(View, {
-      padding: "$2",
       width: "100%",
       children: /* @__PURE__ */jsx(TimeSection, {
         selectedDate: selectedDatetime,
@@ -294,7 +182,7 @@ function DatetimePicker(props) {
     onChange,
     onValueChange,
     form,
-    inputProps,
+    inputProps: _inputProps,
     placeholder = t("Select date and time"),
     minDate,
     maxDate,
@@ -340,7 +228,6 @@ function DatetimePicker(props) {
     setDisplayDate,
     navigateMonth
   } = useDateNavigation(selectedDatetime ?? void 0);
-  const popoverRef = useRef(null);
   const selectedDatetimeRef = useRef(selectedDatetime);
   selectedDatetimeRef.current = selectedDatetime;
   const openPicker = useCallback(() => {
@@ -348,10 +235,6 @@ function DatetimePicker(props) {
     if (seed) setDisplayDate(seed);
     setOpen(true);
   }, [setDisplayDate]);
-  const closePopover = useCallback(() => {
-    setOpen(false);
-    popoverRef.current?.close();
-  }, []);
   const handleDatetimeSelect = useCallback((date, fieldChange) => {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
@@ -418,10 +301,13 @@ function DatetimePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       trigger: renderTrigger(displayValue, hasError, fieldChange),
+      triggerEnd: !isWeb && displayValue ? /* @__PURE__ */jsx(DatePickerClearButton, {
+        onReset: () => handleClearDatetime(fieldChange),
+        disabled
+      }) : void 0,
       disabled,
-      scrollable: true,
       sizing: "grow",
-      fitContent: true,
+      widthMode: "at-least-trigger",
       children: pickerContent(fieldChange)
     });
   };

package/dist/esm/fields/DatePicker/DatetimePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["formatAbsoluteDateTime","useCallback","useEffect","useMemo","useRef","useState","coerceToDate","DatePickerFieldValueSync","Text","View","useProps","Field","FieldLayout","FloatingPanel","formCommonColors","formInputColors","t","TimeColumn","TimeColumnSeparator","generateRange","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Skeleton","CalendarDays","CalendarHeader","CalendarPanelFrame","CalendarViewSwitcher","DatePickerInputTrigger","isSameDay","useCalendarData","useCalendarKnobs","useDateNavigation","yearPageSize","Fragment","jsx","jsxs","parseTimeFromDate","date","h","getHours","m","getMinutes","s","getSeconds","formatDatetimeDisplay","timeFormat","showSeconds","year","hour12","seconds","hours24","hours12","secondValues","DayGrid","calendarData","selectedDate","onSelectDate","minDate","maxDate","isSelected","day","onSelect","onToday","Date","TimeSection","onTimeChange","minuteStep","knobProps","minuteValues","makeNewDate","newH","newM","newS","newDate","setHours","secondsColumn","children","label","values","selected","onChange","flexDirection","gap","alignItems","justifyContent","period","display12H","handleHourChange","newDisplayH","h24","handlePeriodChange","newPeriod","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","base","borderWidth","inputSurface","borderColor","border","overflow","map","p","height","width","cursor","focus","hoverStyle","onPress","transition","fontWeight","text","DatetimePickerBody","displayDate","selectedDatetime","onSelectDatetime","onNavigateMonth","onSetDisplayDate","px","nestedControl","viewMode","setViewMode","activeTab","setActiveTab","yearPageStart","setYearPageStart","handleDateSelect","handleTimeChange","alignSelf","tab","active","tabDisabled","flex","opacity","theme","textWeight","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","padding","DatetimePicker","props","defaultValue","value","controlledValue","onValueChange","form","inputProps","placeholder","disabled","mode","name","preserveValue","validators","labelProps","error","errorProp","helperText","required","size","readOnly","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","resolvedForm","resolvedValidators","open","setOpen","setSelectedDatetime","setDisplayDate","navigateMonth","popoverRef","selectedDatetimeRef","current","openPicker","seed","closePopover","close","handleDatetimeSelect","fieldChange","handleClearDatetime","displayValue","pickerContent","renderTrigger","hasError","onReset","onButtonPress","renderPopover","blurHandler","Box","Area","handleOpenChange","isOpen","onOpenChange","trigger","scrollable","sizing","fitContent","variant","sizeToken","field","resolvedError","state","onSync"],"sources":["../../../../src/fields/DatePicker/DatetimePicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["formatAbsoluteDateTime","useCallback","useEffect","useMemo","useRef","useState","coerceToDate","DatePickerFieldValueSync","Text","View","useProps","isWeb","Field","FieldLayout","FloatingPanel","t","TimeWheels","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Skeleton","CalendarDays","CalendarHeader","CalendarPanelFrame","CalendarViewSwitcher","DatePickerClearButton","DatePickerInputTrigger","isSameDay","useCalendarData","useCalendarKnobs","useDateNavigation","yearPageSize","Fragment","jsx","jsxs","parseTimeFromDate","date","h","getHours","m","getMinutes","s","getSeconds","formatDatetimeDisplay","timeFormat","showSeconds","year","hour12","seconds","DayGrid","calendarData","selectedDate","onSelectDate","minDate","maxDate","isSelected","day","onSelect","onToday","Date","TimeSection","onTimeChange","minuteStep","handleChange","hour24","minute","second","next","setHours","onChange","DatetimePickerBody","displayDate","selectedDatetime","onSelectDatetime","onNavigateMonth","onSetDisplayDate","knobProps","px","nestedControl","viewMode","setViewMode","activeTab","setActiveTab","yearPageStart","setYearPageStart","handleDateSelect","handleTimeChange","flexDirection","alignItems","gap","width","minWidth","alignSelf","children","map","tab","active","tabDisabled","flex","height","justifyContent","cursor","opacity","theme","backgroundColor","onPress","label","textWeight","fontWeight","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DatetimePicker","props","defaultValue","value","controlledValue","onValueChange","form","inputProps","_inputProps","placeholder","disabled","mode","name","preserveValue","validators","labelProps","error","errorProp","helperText","required","size","readOnly","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","resolvedForm","resolvedValidators","open","setOpen","setSelectedDatetime","setDisplayDate","navigateMonth","selectedDatetimeRef","current","openPicker","seed","handleDatetimeSelect","fieldChange","handleClearDatetime","displayValue","pickerContent","renderTrigger","hasError","onReset","onButtonPress","renderPopover","blurHandler","Box","Area","handleOpenChange","isOpen","onOpenChange","trigger","triggerEnd","sizing","widthMode","variant","sizeToken","field","resolvedError","state","onSync"],"sources":["../../../../src/fields/DatePicker/DatetimePicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -3,16 +3,15 @@ import { formatAbsoluteDateTime } from "@multiplatform.one/theme";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { coerceToDate } from "./utils.native.js";
 import { DatePickerFieldValueSync } from "./fieldValueSync.native.js";
-import { Text, View, useProps } from "tamagui";
+import { Text, View, useProps, isWeb } from "tamagui";
 import { Field, FieldLayout } from "../../fieldLayout.native.js";
 import { FloatingPanel } from "../../FloatingPanel/index.native.js";
-import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
 import { t } from "../../shared/t.native.js";
-import { TimeColumn, TimeColumnSeparator, generateRange } from "../../shared/TimeColumn.native.js";
+import { TimeWheels } from "../../shared/TimeColumn.native.js";
 import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
 import { Input as InputParts } from "../../InputParts/index.native.js";
 import { Skeleton } from "../../Skeleton/index.native.js";
-import { CalendarDays, CalendarHeader, CalendarPanelFrame, CalendarViewSwitcher, DatePickerInputTrigger, isSameDay, useCalendarData, useCalendarKnobs, useDateNavigation, yearPageSize } from "./parts.native.js";
+import { CalendarDays, CalendarHeader, CalendarPanelFrame, CalendarViewSwitcher, DatePickerClearButton, DatePickerInputTrigger, isSameDay, useCalendarData, useCalendarKnobs, useDateNavigation, yearPageSize } from "./parts.native.js";
 function parseTimeFromDate(date) {
   return {
     h: date.getHours(),
@@ -28,9 +27,6 @@ function formatDatetimeDisplay(date, timeFormat, showSeconds) {
     seconds: showSeconds
   });
 }
-var hours24 = generateRange(0, 23);
-var hours12 = generateRange(1, 12);
-var secondValues = generateRange(0, 59);
 function DayGrid(param) {
   var {
     calendarData,
@@ -60,145 +56,24 @@ function TimeSection(param) {
     minuteStep,
     showSeconds
   } = param;
-  var {
-    knobProps
-  } = useCalendarKnobs();
   var {
     h,
     m,
     s
   } = parseTimeFromDate(selectedDate);
-  var minuteValues = useMemo(function () {
-    return generateRange(0, 59, minuteStep);
-  }, [minuteStep]);
-  var makeNewDate = useCallback(function (newH, newM, newS) {
-    var newDate = new Date(selectedDate);
-    newDate.setHours(newH, newM, newS);
-    return newDate;
-  }, [selectedDate]);
-  var secondsColumn = showSeconds && /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */_jsx(TimeColumn, {
-      label: t("Sec"),
-      values: secondValues,
-      selected: s,
-      onChange: function onChange(newS) {
-        return onTimeChange(makeNewDate(h, m, newS));
-      },
-      knobProps
-    })]
-  });
-  if (timeFormat === "24h") {
-    return /* @__PURE__ */_jsxs(View, {
-      flexDirection: "row",
-      gap: "$2",
-      alignItems: "flex-start",
-      justifyContent: "center",
-      children: [/* @__PURE__ */_jsx(TimeColumn, {
-        label: t("Hour"),
-        values: hours24,
-        selected: h,
-        onChange: function onChange(newH) {
-          return onTimeChange(makeNewDate(newH, m, s));
-        },
-        knobProps
-      }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
-        knobProps
-      }), /* @__PURE__ */_jsx(TimeColumn, {
-        label: 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__ */_jsxs(View, {
-    flexDirection: "row",
-    gap: "$2",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    children: [/* @__PURE__ */_jsx(TimeColumn, {
-      label: t("Hour"),
-      values: hours12,
-      selected: display12H,
-      onChange: handleHourChange,
-      knobProps
-    }), /* @__PURE__ */_jsx(TimeColumnSeparator, {
-      knobProps
-    }), /* @__PURE__ */_jsx(TimeColumn, {
-      label: t("Min"),
-      values: minuteValues,
-      selected: m,
-      onChange: function onChange(newM) {
-        return onTimeChange(makeNewDate(h, newM, s));
-      },
-      knobProps
-    }), secondsColumn, /* AM/PM selector */
-    /* @__PURE__ */_jsxs(View, {
-      alignItems: "center",
-      gap: "$1",
-      children: [/* @__PURE__ */_jsx(Text, {
-        fontSize: "$1",
-        ...knobProps.body,
-        color: formCommonColors.muted,
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        children: " "
-      }), /* @__PURE__ */_jsx(View, {
-        ...knobProps.borderRadius,
-        backgroundColor: formInputColors.background.base,
-        borderWidth: knobProps.inputSurface.borderWidth,
-        borderColor: formInputColors.border.base,
-        overflow: "hidden",
-        children: ["AM", "PM"].map(function (p) {
-          var isSelected = p === period;
-          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: function onPress() {
-              return handlePeriodChange(p);
-            },
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */_jsx(Text, {
-              fontSize: "$3",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? formCommonColors.text : formCommonColors.muted,
-              children: p
-            })
-          }, p);
-        })
-      })]
-    })]
+  var handleChange = useCallback(function (hour24, minute, second) {
+    var next = new Date(selectedDate);
+    next.setHours(hour24, minute, second);
+    onTimeChange(next);
+  }, [onTimeChange, selectedDate]);
+  return /* @__PURE__ */_jsx(TimeWheels, {
+    hour24: h,
+    minute: m,
+    second: s,
+    timeFormat,
+    minuteStep,
+    showSeconds,
+    onChange: handleChange
   });
 }
 function DatetimePickerBody(param) {
@@ -240,8 +115,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__ */_jsx(View, {
       flexDirection: "row",
       width: "100%",
@@ -303,7 +179,6 @@ function DatetimePickerBody(param) {
         })]
       })
     }) : selectedDatetime && /* @__PURE__ */_jsx(View, {
-      padding: "$2",
       width: "100%",
       children: /* @__PURE__ */_jsx(TimeSection, {
         selectedDate: selectedDatetime,
@@ -322,7 +197,7 @@ function DatetimePicker(props) {
     onChange,
     onValueChange,
     form,
-    inputProps,
+    inputProps: _inputProps,
     placeholder = t("Select date and time"),
     minDate,
     maxDate,
@@ -370,7 +245,6 @@ function DatetimePicker(props) {
     setDisplayDate,
     navigateMonth
   } = useDateNavigation(selectedDatetime !== null && selectedDatetime !== void 0 ? selectedDatetime : void 0);
-  var popoverRef = useRef(null);
   var selectedDatetimeRef = useRef(selectedDatetime);
   selectedDatetimeRef.current = selectedDatetime;
   var openPicker = useCallback(function () {
@@ -378,11 +252,6 @@ function DatetimePicker(props) {
     if (seed) setDisplayDate(seed);
     setOpen(true);
   }, [setDisplayDate]);
-  var closePopover = useCallback(function () {
-    var _popoverRef_current;
-    setOpen(false);
-    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();
-  }, []);
   var handleDatetimeSelect = useCallback(function (date, fieldChange) {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
@@ -459,10 +328,15 @@ function DatetimePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       trigger: renderTrigger(displayValue, hasError, fieldChange),
+      triggerEnd: !isWeb && displayValue ? /* @__PURE__ */_jsx(DatePickerClearButton, {
+        onReset: function onReset() {
+          return handleClearDatetime(fieldChange);
+        },
+        disabled
+      }) : void 0,
       disabled,
-      scrollable: true,
       sizing: "grow",
-      fitContent: true,
+      widthMode: "at-least-trigger",
       children: pickerContent(fieldChange)
     });
   };