@multiplatform.one/forms 7.4.1 → 7.5.0

package/dist/cjs/fields/DatePicker/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","DatePicker_exports","Calendar","import_Calendar","DatePicker","DateRangePicker","import_DateRangePicker","DatetimePicker","import_DatetimePicker","MonthPicker","import_MonthPicker","MultiDatePicker","import_MultiDatePicker","module","exports","import_jsx_runtime","require","import_react","import_fieldValueSync","import_utils","import_tamagui","import_fieldLayout","import_t","import_utils2","import_InputParts","import_Skeleton","import_parts","DayGrid","param","calendarData","selectedDate","onSelectDate","minDate","maxDate","jsx","CalendarDays","isSelected","day","isSameDay","onSelect","onToday","Date","CalendarBody","displayDate","onNavigateMonth","onSetDisplayDate","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","year","yearPageSize","CalendarViewSwitcher","children","jsxs","CalendarPanelFrame","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","props","defaultValue","controlledValue","onChange","onValueChange","form","inputProps","_inputProps","placeholder","t","format","_format","disabled","mode","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","readOnly","onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","hasLabel","Boolean","open","setOpen","setSelectedDate","coerceToDate","useEffect","setDisplayDate","navigateMonth","useDateNavigation","popoverRef","useRef","closePopover","useCallback","_popoverRef_current","current","close","handleDateSelect","date","fieldChange","handleClearDate","calendarContent","calendarContent2","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","formatDateDisplay","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","triggerA11y","hint","trigger","DatePickerInputTrigger","onReset","onButtonPress","filter","join","FieldLayout","Skeleton","variant","width","height","sizeToken","Field","field","resolvedError","getFieldError","Fragment","DatePickerFieldValueSync","state","onSync","mergeFieldHandler"],"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 DatePicker_exports = {};\n__export(DatePicker_exports, {\n  Calendar: () => import_Calendar.Calendar,\n  DatePicker: () => DatePicker,\n  DateRangePicker: () => import_DateRangePicker.DateRangePicker,\n  DatetimePicker: () => import_DatetimePicker.DatetimePicker,\n  MonthPicker: () => import_MonthPicker.MonthPicker,\n  MultiDatePicker: () => import_MultiDatePicker.MultiDatePicker\n});\nmodule.exports = __toCommonJS(DatePicker_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_fieldValueSync = require(\"./fieldValueSync\");\nvar import_utils = require(\"./utils\");\nvar import_tamagui = require(\"tamagui\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_t = require(\"../../shared/t\");\nvar import_utils2 = require(\"../../shared/utils\");\nvar import_InputParts = require(\"../../InputParts\");\nvar import_Skeleton = require(\"../../Skeleton\");\nvar import_parts = require(\"./parts\");\nvar import_MultiDatePicker = require(\"./MultiDatePicker\");\nvar import_DateRangePicker = require(\"./DateRangePicker\");\nvar import_Calendar = require(\"./Calendar\");\nvar import_MonthPicker = require(\"./MonthPicker\");\nvar import_DatetimePicker = require(\"./DatetimePicker\");\nfunction DayGrid(param) {\n  var { calendarData, selectedDate, onSelectDate, minDate, maxDate } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.CalendarDays, {\n    calendarData,\n    minDate,\n    maxDate,\n    isSelected: function isSelected(day) {\n      return (0, import_parts.isSameDay)(selectedDate, day);\n    },\n    onSelect: onSelectDate,\n    onToday: function onToday() {\n      return onSelectDate(/* @__PURE__ */ new Date());\n    }\n  });\n}\nfunction CalendarBody(param) {\n  var { displayDate, selectedDate, onSelectDate, onNavigateMonth, onSetDisplayDate, minDate, maxDate } = param;\n  var [viewMode, setViewMode] = (0, import_react.useState)(\"day\");\n  var calendarData = (0, import_parts.useCalendarData)(displayDate);\n  var [yearPageStart, setYearPageStart] = (0, import_react.useState)(function() {\n    return calendarData.year - calendarData.year % import_parts.yearPageSize;\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.CalendarViewSwitcher, {\n    calendarData,\n    displayDate,\n    onSetDisplayDate,\n    viewMode,\n    setViewMode,\n    yearPageStart,\n    setYearPageStart,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_parts.CalendarPanelFrame, {\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.CalendarHeader, {\n          year: calendarData.year,\n          monthName: calendarData.monthName,\n          onPrevMonth: function onPrevMonth() {\n            return onNavigateMonth(\"prev\");\n          },\n          onNextMonth: function onNextMonth() {\n            return onNavigateMonth(\"next\");\n          },\n          onYearPress: function onYearPress() {\n            setYearPageStart(calendarData.year - calendarData.year % import_parts.yearPageSize);\n            setViewMode(\"year\");\n          },\n          onMonthPress: function onMonthPress() {\n            return setViewMode(\"month\");\n          }\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DayGrid, {\n          calendarData,\n          selectedDate,\n          onSelectDate,\n          minDate,\n          maxDate\n        })\n      ]\n    })\n  });\n}\nfunction DatePicker(props) {\n  var { defaultValue, value: controlledValue, onChange, onValueChange, form, inputProps: _inputProps, placeholder = (0, import_t.t)(\"Select date\"), format: _format = \"MM/DD/YYYY\", minDate, maxDate, disabled, mode, name, preserveValue, validators, label, labelProps, error: errorProp, helperText, required, size, readOnly, onBlur, skeleton, compact, id: idProp, ..._restProps } = (0, import_tamagui.useProps)(props);\n  var { resolvedForm, knobProps, id } = (0, import_utils2.useFormField)({\n    form,\n    id: idProp,\n    compact\n  });\n  var resolvedValidators = (0, import_utils2.useResolvedValidators)(required, validators, label, name);\n  var hasLabel = Boolean(label);\n  var [open, setOpen] = (0, import_react.useState)(false);\n  var [selectedDate, setSelectedDate] = (0, import_react.useState)(function() {\n    return (0, import_utils.coerceToDate)(controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue);\n  });\n  (0, import_react.useEffect)(function() {\n    if (controlledValue === void 0) return;\n    setSelectedDate((0, import_utils.coerceToDate)(controlledValue));\n  }, [\n    controlledValue\n  ]);\n  var { displayDate, setDisplayDate, navigateMonth } = (0, import_parts.useDateNavigation)(selectedDate !== null && selectedDate !== void 0 ? selectedDate : void 0);\n  var popoverRef = (0, import_react.useRef)(null);\n  var closePopover = (0, import_react.useCallback)(function() {\n    var _popoverRef_current;\n    setOpen(false);\n    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();\n  }, []);\n  (0, import_react.useEffect)(function() {\n    if (selectedDate) closePopover();\n  }, [\n    selectedDate,\n    closePopover\n  ]);\n  var handleDateSelect = (0, import_react.useCallback)(function(date, fieldChange) {\n    if (minDate && date < minDate) return;\n    if (maxDate && date > maxDate) return;\n    setSelectedDate(date);\n    setDisplayDate(date);\n    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(date);\n    onChange === null || onChange === void 0 ? void 0 : onChange(date);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(date);\n    closePopover();\n  }, [\n    minDate,\n    maxDate,\n    setDisplayDate,\n    closePopover,\n    onChange,\n    onValueChange\n  ]);\n  var handleClearDate = (0, import_react.useCallback)(function(fieldChange) {\n    setSelectedDate(null);\n    setDisplayDate(/* @__PURE__ */ new Date());\n    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(null);\n    onChange === null || onChange === void 0 ? void 0 : onChange(null);\n    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(null);\n  }, [\n    setDisplayDate,\n    onChange,\n    onValueChange\n  ]);\n  var calendarContent = function calendarContent2(fieldChange) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CalendarBody, {\n      displayDate,\n      selectedDate,\n      onSelectDate: function onSelectDate(date) {\n        return handleDateSelect(date, fieldChange);\n      },\n      onNavigateMonth: navigateMonth,\n      onSetDisplayDate: setDisplayDate,\n      minDate,\n      maxDate\n    });\n  };\n  var renderPopover = function renderPopover2(hasError, blurHandler, fieldChange) {\n    if (readOnly) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {\n          value: (0, import_parts.formatDateDisplay)(selectedDate),\n          readOnly: true,\n          \"aria-readonly\": \"true\",\n          \"aria-required\": required || void 0,\n          \"aria-invalid\": hasError || void 0,\n          placeholder\n        })\n      });\n    }\n    var handleOpenChange = function handleOpenChange2(isOpen) {\n      if (isOpen && selectedDate) setDisplayDate(selectedDate);\n      setOpen(isOpen);\n      if (!isOpen) {\n        blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();\n      }\n    };\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.DatePickerPopoverShell, {\n      open,\n      onOpenChange: handleOpenChange,\n      // Disabling only the trigger is what LET the panel open: the trigger\n      // goes `pointerEvents:none`, so the click falls through to\n      // FloatingPanel's own reference wrapper, which opens on click unless\n      // it is told the field is disabled (SB-M-614). DatetimePicker and\n      // TimePicker already pass it.\n      disabled,\n      popoverRef,\n      // \"Date, Jul 15 2026\": VO gets the field name + current value on the\n      // native trigger (the web trigger announces via aria on the Area).\n      triggerA11y: {\n        label: typeof label === \"string\" && label || (0, import_t.t)(\"Date\"),\n        value: (0, import_parts.formatDateDisplay)(selectedDate) || placeholder,\n        hint: helperText\n      },\n      trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_parts.DatePickerInputTrigger, {\n        value: (0, import_parts.formatDateDisplay)(selectedDate),\n        placeholder,\n        disabled,\n        open,\n        onReset: function onReset() {\n          return handleClearDate(fieldChange);\n        },\n        onButtonPress: function onButtonPress() {\n          if (selectedDate) setDisplayDate(selectedDate);\n          setOpen(true);\n        },\n        error: !!hasError,\n        id,\n        // Labelled: FieldLayout's Label wires `aria-labelledby` onto this\n        // id itself — naming it here too doubles the spoken name.\n        \"aria-label\": hasLabel ? void 0 : (0, import_t.t)(\"Date\"),\n        \"aria-describedby\": [\n          helperText && id ? `${id}-description` : void 0,\n          hasError && id ? `${id}-error` : void 0\n        ].filter(Boolean).join(\" \") || void 0,\n        \"aria-required\": required || void 0,\n        \"aria-invalid\": hasError || void 0\n      }),\n      children: calendarContent(fieldChange)\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  if (!resolvedForm || !name) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n      id,\n      label,\n      labelProps,\n      error: errorProp,\n      helperText,\n      required,\n      size,\n      knobProps,\n      onBlur,\n      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins\n      // the sibling label/helper readable) — it needs the disabled state.\n      disabled,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n        size: size || knobProps.sizeToken,\n        children: renderPopover(!!errorProp)\n      })\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {\n    defaultValue,\n    form: resolvedForm,\n    mode,\n    name,\n    preserveValue,\n    validators: resolvedValidators,\n    children: function children(field) {\n      var resolvedError = (0, import_utils2.getFieldError)(field, errorProp);\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          /* Form branch displays from `selectedDate` — keep it synced to\n          the live field value (late seeds / programmatic updates). */\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldValueSync.DatePickerFieldValueSync, {\n            value: field.state.value,\n            onSync: setSelectedDate\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {\n            id,\n            label,\n            labelProps,\n            error: resolvedError,\n            helperText,\n            required,\n            size,\n            knobProps,\n            // LC-40: see standalone branch — FieldLayout carries dimWhole.\n            disabled,\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InputParts.Input, {\n              size: size || knobProps.sizeToken,\n              children: renderPopover(!!resolvedError, (0, import_utils2.mergeFieldHandler)(field, \"handleBlur\", onBlur), (0, import_utils2.mergeFieldHandler)(field, \"handleChange\"))\n            })\n          })\n        ]\n      });\n    }\n  });\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DatePicker_exports","__export","Calendar","import_Calendar","DatePicker","DateRangePicker","import_DateRangePicker","DatetimePicker","import_DatetimePicker","MonthPicker","import_MonthPicker","MultiDatePicker","import_MultiDatePicker","module","exports","import_jsx_runtime","require","import_react","import_fieldValueSync","import_utils","import_tamagui","import_fieldLayout","import_t","import_utils2","import_InputParts","import_Skeleton","import_parts","DayGrid","param","calendarData","selectedDate","onSelectDate","minDate","maxDate","jsx","CalendarDays","isSelected","day","isSameDay","onSelect","onToday","Date","CalendarBody","displayDate","onNavigateMonth","onSetDisplayDate","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","year","yearPageSize","CalendarViewSwitcher","children","jsxs","CalendarPanelFrame","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","props","defaultValue","controlledValue","onChange","onValueChange","form","inputProps","_inputProps","placeholder","t","format","_format","disabled","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","size","readOnly","onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","hasLabel","Boolean","open","setOpen","setSelectedDate","coerceToDate","useEffect","setDisplayDate","navigateMonth","useDateNavigation","popoverRef","useRef","closePopover","useCallback","_popoverRef_current","current","close","handleDateSelect","date","fieldChange","handleClearDate","calendarContent","calendarContent2","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","formatDateDisplay","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","triggerA11y","hint","trigger","DatePickerInputTrigger","onReset","onButtonPress","filter","join","clearValue","onClear","FieldLayout","Skeleton","variant","width","height","sizeToken","Field","field","resolvedError","getFieldError","Fragment","DatePickerFieldValueSync","state","onSync","mergeFieldHandler"],"sources":["../../../../src/fields/DatePicker/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/DatePicker/parts.cjs

@@ -31,6 +31,7 @@ __export(parts_exports, {
   CalendarTextButton: () => CalendarTextButton,
   CalendarViewSwitcher: () => CalendarViewSwitcher,
   CalendarWeekRow: () => CalendarWeekRow,
+  DatePickerClearButton: () => DatePickerClearButton,
   DatePickerInputTrigger: () => DatePickerInputTrigger,
   DatePickerPopoverShell: () => DatePickerPopoverShell,
   MonthGrid: () => MonthGrid,
@@ -50,8 +51,9 @@ __export(parts_exports, {
 });
 module.exports = __toCommonJS(parts_exports);
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_FloatingPanel = require("../../FloatingPanel/index.cjs");
 var import_InputParts = require("../../InputParts/index.cjs");
@@ -62,15 +64,15 @@ const weekdays = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 const yearPageSize = 12;
 function useDateAnimation(current) {
-  const prev = (0, import_react.useRef)(null);
-  const direction = (0, import_react.useMemo)(() => {
+  const prev = (0, import_react2.useRef)(null);
+  const direction = (0, import_react2.useMemo)(() => {
     if (prev.current === null) return 0;
     return current > prev.current ? 1 : current < prev.current ? -1 : 0;
   }, [current]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     prev.current = current;
   }, [current]);
-  const animation = (0, import_react.useMemo)(() => ({
+  const animation = (0, import_react2.useMemo)(() => ({
     enterStyle: {
       opacity: 0,
       x: direction * 15
@@ -87,7 +89,7 @@ function useDateAnimation(current) {
 }
 const monthNames = (0, import_theme.getMonthNames)();
 function useCalendarData(displayDate) {
-  return (0, import_react.useMemo)(() => {
+  return (0, import_react2.useMemo)(() => {
     const year = displayDate.getFullYear();
     const month = displayDate.getMonth();
     const firstDay = new Date(year, month, 1);
@@ -112,8 +114,8 @@ function useCalendarData(displayDate) {
   }, [displayDate]);
 }
 function useDateNavigation(initialDate) {
-  const [displayDate, setDisplayDate] = (0, import_react.useState)(initialDate ?? /* @__PURE__ */new Date());
-  const navigateMonth = (0, import_react.useCallback)(direction => {
+  const [displayDate, setDisplayDate] = (0, import_react2.useState)(initialDate ?? /* @__PURE__ */new Date());
+  const navigateMonth = (0, import_react2.useCallback)(direction => {
     setDisplayDate(prev => {
       const next = new Date(prev);
       next.setMonth(next.getMonth() + (direction === "prev" ? -1 : 1));
@@ -320,13 +322,13 @@ function CalendarDayCell({
     "aria-disabled": disabled || void 0,
     "aria-pressed": selected || void 0,
     "aria-current": today ? "date" : void 0,
-    cursor: disabled ? "default" : "pointer",
+    cursor: disabled ? "not-allowed" : "pointer",
     alignItems: "center",
     justifyContent: "center",
     onPress: () => {
       if (!disabled) onPress();
     },
-    opacity: dimmed ? 0.45 : 1,
+    opacity: disabled ? 0.5 : dimmed ? 0.45 : 1,
     pointerEvents: disabled ? "none" : "auto",
     backgroundColor: selected ? selectedBackground ?? "$background" : "transparent",
     theme: selected ? "accent" : void 0,
@@ -348,7 +350,7 @@ function CalendarDayCell({
     ...(import_tamagui.isWeb ? {
       tabIndex: resolvedTabIndex,
       onKeyDown: e => {
-        calendarKeyHandler(onPress)(e);
+        if (!disabled) calendarKeyHandler(onPress)(e);
         onKeyDown?.(e);
       }
     } : {
@@ -372,7 +374,8 @@ function CalendarDays({
   selectedBackground,
   skipEmptyWeeks,
   rangeStripe,
-  onToday
+  onToday,
+  selectionCapped
 }) {
   const {
     knobProps
@@ -385,17 +388,17 @@ function CalendarDays({
   const {
     px
   } = knobProps.nestedControl;
-  const [focusedDay, setFocusedDay] = (0, import_react.useState)(() => {
+  const [focusedDay, setFocusedDay] = (0, import_react2.useState)(() => {
     const selected = calendarData.days.find(day => day.getMonth() === calendarData.month && isSelected(day));
     const today = calendarData.days.find(day => day.getMonth() === calendarData.month && isSameDay(calendarData.today, day));
     return selected ?? today ?? calendarData.days.find(day => day.getMonth() === calendarData.month) ?? null;
   });
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const selected = calendarData.days.find(day => day.getMonth() === calendarData.month && isSelected(day));
     const today = calendarData.days.find(day => day.getMonth() === calendarData.month && isSameDay(calendarData.today, day));
     setFocusedDay(selected ?? today ?? calendarData.days.find(day => day.getMonth() === calendarData.month) ?? null);
   }, [calendarData.year, calendarData.month]);
-  const moveFocus = (0, import_react.useCallback)((from, delta) => {
+  const moveFocus = (0, import_react2.useCallback)((from, delta) => {
     const idx = calendarData.days.findIndex(day => isSameDay(day, from));
     const next = calendarData.days[idx + delta];
     if (!next) return;
@@ -429,7 +432,7 @@ function CalendarDays({
             const isCurrentMonth = day.getMonth() === calendarData.month;
             const isToday = isSameDay(calendarData.today, day);
             const isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
-            const isDisabled = isOutOfRange;
+            const isDisabled = isOutOfRange || !!selectionCapped && !isSelected(day);
             const cell = /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarDayCell, {
               day,
               selected: isCurrentMonth && isSelected(day),
@@ -644,7 +647,7 @@ function YearGrid({
     box
   } = splitNestedControl(knobProps.nestedControl);
   const cellW = px * 7 / 3;
-  const years = (0, import_react.useMemo)(() => {
+  const years = (0, import_react2.useMemo)(() => {
     const result = [];
     for (let i = 0; i < yearPageSize; i++) {
       result.push(yearPageStart + i);
@@ -735,6 +738,24 @@ function YearGrid({
     }, animationKey)]
   });
 }
+function DatePickerClearButton({
+  onReset,
+  disabled,
+  label
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
+    "data-testid": "date-picker-clear",
+    "aria-label": label ?? (0, import_t.t)("Clear date"),
+    disabled,
+    onPress: e => {
+      e.stopPropagation();
+      onReset();
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {})
+    })
+  });
+}
 function DatePickerInputTrigger({
   value,
   onButtonPress,
@@ -744,6 +765,7 @@ function DatePickerInputTrigger({
   error,
   id,
   open,
+  glyph = "calendar",
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
@@ -763,6 +785,7 @@ function DatePickerInputTrigger({
       onReset();
     }
   };
+  const Glyph = glyph === "clock" ? import_react.ClockIcon : import_react.CalendarBlankIcon;
   return (
     // LC-40: the disabled Box below is pointerEvents-none, so the cursor
     // affordance must ride this wrapper — the fragment's not-allowed never
@@ -797,6 +820,13 @@ function DatePickerInputTrigger({
           onKeyDown: handleTriggerKey
         } : void 0),
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          "data-testid": "date-picker-glyph",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+            adornment: "leading",
+            color: import_colorRamps.formCommonColors.muted,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Glyph, {})
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
             readOnly: true,
             pointerEvents: "none",
@@ -804,23 +834,15 @@ function DatePickerInputTrigger({
             value,
             placeholder,
             disabled,
-            color: import_colorRamps.formCommonColors.text
+            color: import_colorRamps.formCommonColors.text,
+            placeholderTextColor: import_colorRamps.formCommonColors.muted
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
-          children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
-            "aria-label": (0, import_t.t)("Clear date"),
-            onPress: e => {
-              e.stopPropagation();
-              onReset();
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.X, {})
-            })
-          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
-            adornment: "trailing",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {})
+        }), value && import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DatePickerClearButton, {
+            onReset,
+            disabled
           })
-        })]
+        }) : null]
       })
     })
   );
@@ -832,17 +854,22 @@ function DatePickerPopoverShell({
   triggerEnd,
   children,
   disabled,
-  triggerA11y
+  triggerA11y,
+  clearValue,
+  onClear
 }) {
+  const nativeClear = !import_tamagui.isWeb && clearValue && onClear ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DatePickerClearButton, {
+    onReset: onClear,
+    disabled
+  }) : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
     open,
     onOpenChange,
     trigger,
-    triggerEnd,
+    triggerEnd: triggerEnd ?? nativeClear,
     disabled,
-    scrollable: true,
     sizing: "grow",
-    fitContent: true,
+    widthMode: "at-least-trigger",
     triggerA11y,
     children
   });
@@ -860,13 +887,13 @@ function CalendarViewSwitcher({
   const {
     knobProps
   } = useCalendarKnobs();
-  const handleSelectMonth = (0, import_react.useCallback)(month => {
+  const handleSelectMonth = (0, import_react2.useCallback)(month => {
     const newDate = new Date(displayDate);
     newDate.setMonth(month);
     onSetDisplayDate(newDate);
     setViewMode("day");
   }, [displayDate, onSetDisplayDate, setViewMode]);
-  const handleSelectYear = (0, import_react.useCallback)(year => {
+  const handleSelectYear = (0, import_react2.useCallback)(year => {
     const newDate = new Date(displayDate);
     newDate.setFullYear(year);
     onSetDisplayDate(newDate);

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

@@ -33,6 +33,7 @@ __export(parts_exports, {
   CalendarTextButton: () => CalendarTextButton,
   CalendarViewSwitcher: () => CalendarViewSwitcher,
   CalendarWeekRow: () => CalendarWeekRow,
+  DatePickerClearButton: () => DatePickerClearButton,
   DatePickerInputTrigger: () => DatePickerInputTrigger,
   DatePickerPopoverShell: () => DatePickerPopoverShell,
   MonthGrid: () => MonthGrid,
@@ -53,26 +54,27 @@ __export(parts_exports, {
 module.exports = __toCommonJS(parts_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_react = require("@phosphor-icons/react");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
-var import_FloatingPanel = require("../../FloatingPanel");
-var import_InputParts = require("../../InputParts");
+var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_t = require("../../shared/t.native.js");
 var weekdays = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 var yearPageSize = 12;
 function useDateAnimation(current) {
-  var prev = (0, import_react.useRef)(null);
-  var direction = (0, import_react.useMemo)(function () {
+  var prev = (0, import_react2.useRef)(null);
+  var direction = (0, import_react2.useMemo)(function () {
     if (prev.current === null) return 0;
     return current > prev.current ? 1 : current < prev.current ? -1 : 0;
   }, [current]);
-  (0, import_react.useEffect)(function () {
+  (0, import_react2.useEffect)(function () {
     prev.current = current;
   }, [current]);
-  var animation = (0, import_react.useMemo)(function () {
+  var animation = (0, import_react2.useMemo)(function () {
     return {
       enterStyle: {
         opacity: 0,
@@ -91,7 +93,7 @@ function useDateAnimation(current) {
 }
 var monthNames = (0, import_theme.getMonthNames)();
 function useCalendarData(displayDate) {
-  return (0, import_react.useMemo)(function () {
+  return (0, import_react2.useMemo)(function () {
     var year = displayDate.getFullYear();
     var month = displayDate.getMonth();
     var firstDay = new Date(year, month, 1);
@@ -116,8 +118,8 @@ function useCalendarData(displayDate) {
   }, [displayDate]);
 }
 function useDateNavigation(initialDate) {
-  var [displayDate, setDisplayDate] = (0, import_react.useState)(initialDate !== null && initialDate !== void 0 ? initialDate : /* @__PURE__ */new Date());
-  var navigateMonth = (0, import_react.useCallback)(function (direction) {
+  var [displayDate, setDisplayDate] = (0, import_react2.useState)(initialDate !== null && initialDate !== void 0 ? initialDate : /* @__PURE__ */new Date());
+  var navigateMonth = (0, import_react2.useCallback)(function (direction) {
     setDisplayDate(function (prev) {
       var next = new Date(prev);
       next.setMonth(next.getMonth() + (direction === "prev" ? -1 : 1));
@@ -331,13 +333,19 @@ function CalendarDayCell(param) {
     "aria-disabled": disabled || void 0,
     "aria-pressed": selected || void 0,
     "aria-current": today ? "date" : void 0,
-    cursor: disabled ? "default" : "pointer",
+    cursor: disabled ? "not-allowed" : "pointer",
     alignItems: "center",
     justifyContent: "center",
     onPress: function onPress1() {
       if (!disabled) onPress();
     },
-    opacity: dimmed ? 0.45 : 1,
+    // Adjacent-month spill uses this file's 0.45 day-cell dim.
+    // Unavailable (min/max or multi-select cap) uses the 0.5 disabled
+    // idiom from the Today control and the trigger Box. Unavailable
+    // wins when both apply so an out-of-range adjacent day does not
+    // look like a pickable spill-over day. Bento paints this state
+    // identical to a choosable cell; we do not adopt that.
+    opacity: disabled ? 0.5 : dimmed ? 0.45 : 1,
     pointerEvents: disabled ? "none" : "auto",
     backgroundColor: selected ? selectedBackground !== null && selectedBackground !== void 0 ? selectedBackground : "$background" : "transparent",
     theme: selected ? "accent" : void 0,
@@ -359,7 +367,7 @@ function CalendarDayCell(param) {
     ...(import_tamagui.isWeb ? {
       tabIndex: resolvedTabIndex,
       onKeyDown: function onKeyDown1(e) {
-        calendarKeyHandler(onPress)(e);
+        if (!disabled) calendarKeyHandler(onPress)(e);
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
       }
     } : {
@@ -384,7 +392,8 @@ function CalendarDays(param) {
     selectedBackground,
     skipEmptyWeeks,
     rangeStripe,
-    onToday
+    onToday,
+    selectionCapped
   } = param;
   var {
     knobProps
@@ -397,7 +406,7 @@ function CalendarDays(param) {
   var {
     px
   } = knobProps.nestedControl;
-  var [focusedDay, setFocusedDay] = (0, import_react.useState)(function () {
+  var [focusedDay, setFocusedDay] = (0, import_react2.useState)(function () {
     var _ref, _ref1;
     var selected = calendarData.days.find(function (day) {
       return day.getMonth() === calendarData.month && isSelected(day);
@@ -409,7 +418,7 @@ function CalendarDays(param) {
       return day.getMonth() === calendarData.month;
     })) !== null && _ref !== void 0 ? _ref : null;
   });
-  (0, import_react.useEffect)(function () {
+  (0, import_react2.useEffect)(function () {
     var _ref, _ref1;
     var selected = calendarData.days.find(function (day) {
       return day.getMonth() === calendarData.month && isSelected(day);
@@ -421,7 +430,7 @@ function CalendarDays(param) {
       return day.getMonth() === calendarData.month;
     })) !== null && _ref !== void 0 ? _ref : null);
   }, [calendarData.year, calendarData.month]);
-  var moveFocus = (0, import_react.useCallback)(function (from, delta) {
+  var moveFocus = (0, import_react2.useCallback)(function (from, delta) {
     var idx = calendarData.days.findIndex(function (day) {
       return isSameDay(day, from);
     });
@@ -460,7 +469,7 @@ function CalendarDays(param) {
             var isCurrentMonth = day.getMonth() === calendarData.month;
             var isToday = isSameDay(calendarData.today, day);
             var isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
-            var isDisabled = isOutOfRange;
+            var isDisabled = isOutOfRange || !!selectionCapped && !isSelected(day);
             var cell = /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarDayCell, {
               day,
               selected: isCurrentMonth && isSelected(day),
@@ -687,7 +696,7 @@ function YearGrid(param) {
     box
   } = splitNestedControl(knobProps.nestedControl);
   var cellW = px * 7 / 3;
-  var years = (0, import_react.useMemo)(function () {
+  var years = (0, import_react2.useMemo)(function () {
     var result = [];
     for (var i = 0; i < yearPageSize; i++) {
       result.push(yearPageStart + i);
@@ -782,6 +791,25 @@ function YearGrid(param) {
     }, animationKey)]
   });
 }
+function DatePickerClearButton(param) {
+  var {
+    onReset,
+    disabled,
+    label
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
+    "data-testid": "date-picker-clear",
+    "aria-label": label !== null && label !== void 0 ? label : (0, import_t.t)("Clear date"),
+    disabled,
+    onPress: function onPress(e) {
+      e.stopPropagation();
+      onReset();
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {})
+    })
+  });
+}
 function DatePickerInputTrigger(param) {
   var {
     value,
@@ -792,6 +820,7 @@ function DatePickerInputTrigger(param) {
     error,
     id,
     open,
+    glyph = "calendar",
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -813,6 +842,7 @@ function DatePickerInputTrigger(param) {
       onReset();
     }
   };
+  var Glyph = glyph === "clock" ? import_react.ClockIcon : import_react.CalendarBlankIcon;
   return (
     // LC-40: the disabled Box below is pointerEvents-none, so the cursor
     // affordance must ride this wrapper — the fragment's not-allowed never
@@ -849,6 +879,13 @@ function DatePickerInputTrigger(param) {
           onKeyDown: handleTriggerKey
         } : void 0),
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          "data-testid": "date-picker-glyph",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+            adornment: "leading",
+            color: import_colorRamps.formCommonColors.muted,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Glyph, {})
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
             readOnly: true,
             pointerEvents: "none",
@@ -856,23 +893,15 @@ function DatePickerInputTrigger(param) {
             value,
             placeholder,
             disabled,
-            color: import_colorRamps.formCommonColors.text
+            color: import_colorRamps.formCommonColors.text,
+            placeholderTextColor: import_colorRamps.formCommonColors.muted
           })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
-          children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
-            "aria-label": (0, import_t.t)("Clear date"),
-            onPress: function onPress(e) {
-              e.stopPropagation();
-              onReset();
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.X, {})
-            })
-          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
-            adornment: "trailing",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Calendar, {})
+        }), value && import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DatePickerClearButton, {
+            onReset,
+            disabled
           })
-        })]
+        }) : null]
       })
     })
   );
@@ -885,17 +914,22 @@ function DatePickerPopoverShell(param) {
     triggerEnd,
     children,
     disabled,
-    triggerA11y
+    triggerA11y,
+    clearValue,
+    onClear
   } = param;
+  var nativeClear = !import_tamagui.isWeb && clearValue && onClear ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DatePickerClearButton, {
+    onReset: onClear,
+    disabled
+  }) : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
     open,
     onOpenChange,
     trigger,
-    triggerEnd,
+    triggerEnd: triggerEnd !== null && triggerEnd !== void 0 ? triggerEnd : nativeClear,
     disabled,
-    scrollable: true,
     sizing: "grow",
-    fitContent: true,
+    widthMode: "at-least-trigger",
     triggerA11y,
     children
   });
@@ -914,13 +948,13 @@ function CalendarViewSwitcher(param) {
   var {
     knobProps
   } = useCalendarKnobs();
-  var handleSelectMonth = (0, import_react.useCallback)(function (month) {
+  var handleSelectMonth = (0, import_react2.useCallback)(function (month) {
     var newDate = new Date(displayDate);
     newDate.setMonth(month);
     onSetDisplayDate(newDate);
     setViewMode("day");
   }, [displayDate, onSetDisplayDate, setViewMode]);
-  var handleSelectYear = (0, import_react.useCallback)(function (year) {
+  var handleSelectYear = (0, import_react2.useCallback)(function (year) {
     var newDate = new Date(displayDate);
     newDate.setFullYear(year);
     onSetDisplayDate(newDate);