@multiplatform.one/forms 6.1.0 → 6.4.0

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

@@ -34,6 +34,7 @@ var import_tamagui = require("tamagui");
 var import_Button = require("../../Button/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_t = require("../../shared/t.native.js");
 var import_utils = require("../../shared/utils.native.js");
 var import_InputParts = require("../../InputParts/index.native.js");
 var import_Skeleton = require("../../Skeleton/index.native.js");
@@ -49,6 +50,7 @@ function MultiDayGrid(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var accentText = (0, import_theme.useAccentOnSurface)();
   var {
     animation,
     animationKey
@@ -81,6 +83,7 @@ function MultiDayGrid(param) {
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
                 chromeless: true,
                 circular: true,
+                ...(0, import_parts.dayCellRadius)(knobProps),
                 flex: 1,
                 size: knobProps.sizeToken,
                 disabled: isDisabled,
@@ -107,7 +110,7 @@ function MultiDayGrid(param) {
                   fontWeight: "bold",
                   children: day.getDate()
                 }, "text-selected") : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
-                  color: isToday ? "$accentColor" : isCurrentMonth ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+                  color: isToday ? accentText : isCurrentMonth ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
                   children: day.getDate()
                 }, "text-normal")
               }, day.toISOString());
@@ -138,7 +141,7 @@ function SingleCalendar(param) {
   var [yearPageStart, setYearPageStart] = (0, import_react.useState)(function () {
     return calendarData.year - calendarData.year % import_parts.yearPageSize;
   });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.ViewSwitcher, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarViewSwitcher, {
     calendarData,
     displayDate,
     onSetDisplayDate,
@@ -251,20 +254,24 @@ function DualCalendarBody(param) {
 }
 function formatMultiDates(dates) {
   if (dates.length === 0) return "";
-  if (dates.length === 1) return dates[0].toDateString();
+  if (dates.length === 1) return (0, import_theme.formatAbsoluteDate)(dates[0], {
+    year: "always"
+  });
   return dates.map(function (d) {
-    return d.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric"
-    });
+    return (0, import_theme.formatAbsoluteDate)(d);
   }).join(", ");
 }
+var isEmptyDates = function isEmptyDates2(value) {
+  return value == null || value === "" || Array.isArray(value) && value.length === 0;
+};
 function MultiDatePicker(props) {
   var {
     defaultValue,
+    value: valueProp,
+    onChange,
     form,
     inputProps: _inputProps,
-    placeholder = "Select dates",
+    placeholder = (0, import_t.t)("Select dates"),
     minDate,
     maxDate,
     disabled,
@@ -295,46 +302,74 @@ function MultiDatePicker(props) {
     id: idProp,
     compact
   });
-  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name, isEmptyDates);
+  var initialDates = Array.isArray(valueProp) ? valueProp : Array.isArray(defaultValue) ? defaultValue : [];
   var [open, setOpen] = (0, import_react.useState)(false);
-  var [selectedDates, setSelectedDates] = (0, import_react.useState)([]);
+  var [selectedDates, setSelectedDates] = (0, import_react.useState)(initialDates);
+  var selectedDatesRef = (0, import_react.useRef)(selectedDates);
   var {
     displayDate,
     setDisplayDate,
     navigateMonth
-  } = (0, import_parts.useDateNavigation)();
+  } = (0, import_parts.useDateNavigation)(selectedDates[0]);
   var popoverRef = (0, import_react.useRef)(null);
-  var handleToggleDate = (0, import_react.useCallback)(function (date) {
+  var openPicker = (0, import_react.useCallback)(function () {
+    var seed = selectedDatesRef.current[0];
+    if (seed) setDisplayDate(seed);
+    setOpen(true);
+  }, [setDisplayDate]);
+  (0, import_react.useEffect)(function () {
+    if (valueProp === void 0) return;
+    var next = Array.isArray(valueProp) ? valueProp : [];
+    var prev = selectedDatesRef.current;
+    var same = prev.length === next.length && prev.every(function (d, i) {
+      return next[i] != null && (0, import_parts.isSameDay)(d, next[i]);
+    });
+    if (same) return;
+    selectedDatesRef.current = next;
+    setSelectedDates(next);
+  }, [valueProp]);
+  var handleToggleDate = (0, import_react.useCallback)(function (date, fieldChange) {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
-    setSelectedDates(function (prev) {
-      var existing = prev.findIndex(function (d) {
-        return (0, import_parts.isSameDay)(d, date);
+    var current = selectedDatesRef.current;
+    var existing = current.findIndex(function (d) {
+      return (0, import_parts.isSameDay)(d, date);
+    });
+    var next;
+    if (existing >= 0) {
+      next = current.filter(function (_, i) {
+        return i !== existing;
       });
-      if (existing >= 0) {
-        return prev.filter(function (_, i) {
-          return i !== existing;
-        });
-      }
-      if (prev.length >= limit) return prev;
-      return [...prev, date].sort(function (a, b) {
+    } else {
+      if (current.length >= limit) return;
+      next = [...current, date].sort(function (a, b) {
         return a.getTime() - b.getTime();
       });
-    });
+    }
+    selectedDatesRef.current = next;
+    setSelectedDates(next);
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(next);
   }, [minDate, maxDate, limit]);
-  var handleClear = (0, import_react.useCallback)(function () {
+  var handleClear = (0, import_react.useCallback)(function (fieldChange) {
+    selectedDatesRef.current = [];
     setSelectedDates([]);
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange([]);
   }, []);
-  var calendarContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)(DualCalendarBody, {
-    selectedDates,
-    onToggleDate: handleToggleDate,
-    displayDate,
-    setDisplayDate,
-    navigateMonth,
-    minDate,
-    maxDate
-  });
-  var renderPopover = function renderPopover2(hasError, blurHandler) {
+  var calendarContent = function calendarContent2(fieldChange) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DualCalendarBody, {
+      selectedDates,
+      onToggleDate: function onToggleDate(date) {
+        return handleToggleDate(date, fieldChange);
+      },
+      displayDate,
+      setDisplayDate,
+      navigateMonth,
+      minDate,
+      maxDate
+    });
+  };
+  var renderPopover = function renderPopover2(hasError, blurHandler, fieldChange) {
     if (readOnly) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
@@ -348,6 +383,7 @@ function MultiDatePicker(props) {
       });
     }
     var handleOpenChange = function handleOpenChange2(isOpen) {
+      if (isOpen && selectedDatesRef.current[0]) setDisplayDate(selectedDatesRef.current[0]);
       setOpen(isOpen);
       if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
     };
@@ -355,19 +391,20 @@ function MultiDatePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       popoverRef,
+      disabled,
       trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerInputTrigger, {
         value: formatMultiDates(selectedDates),
         placeholder,
         disabled,
-        onReset: handleClear,
-        onButtonPress: function onButtonPress() {
-          return setOpen(true);
+        onReset: function onReset() {
+          return handleClear(fieldChange);
         },
+        onButtonPress: openPicker,
         error: !!hasError,
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0
       }),
-      children: calendarContent
+      children: calendarContent(fieldChange)
     });
   };
   if (skeleton) {
@@ -393,9 +430,12 @@ function MultiDatePicker(props) {
       required,
       size,
       knobProps,
+      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
+      // the sibling label/helper readable) — it needs the disabled state.
+      disabled,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
         size: size || knobProps.sizeToken,
-        children: renderPopover(!!errorProp)
+        children: renderPopover(!!errorProp, void 0, onChange)
       })
     });
   }
@@ -417,9 +457,11 @@ function MultiDatePicker(props) {
         required,
         size,
         knobProps,
+        // LC-40: see standalone branch — FieldLayout carries dimWhole.
+        disabled,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
           size: size || knobProps.sizeToken,
-          children: renderPopover(!!resolvedError, (0, import_utils.mergeFieldHandler)(field, "handleBlur", _onBlur))
+          children: renderPopover(!!resolvedError, (0, import_utils.mergeFieldHandler)(field, "handleBlur", _onBlur), (0, import_utils.mergeFieldHandler)(field, "handleChange"))
         })
       });
     }

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MultiDatePicker_exports","__export","MultiDatePicker","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_Button","import_fieldLayout","import_colorRamps","import_utils","import_InputParts","import_Skeleton","import_parts","MultiDayGrid","param","calendarData","selectedDates","onToggleDate","minDate","maxDate","knobProps","useResolvedKnobs","animation","animationKey","useDateAnimation","year","month","weeks","toWeeks","days","jsx","AnimatePresence","children","jsxs","View","width","gap","transition","WeekView","flexDirection","map","week","justifyContent","day","isCurrentMonth","getMonth","isSelected","some","d","isSameDay","isToday","today","isOutOfRange","isDisabled","Button","chromeless","circular","flex","size","sizeToken","disabled","onPress","backgroundColor","theme","opacity","pointerEvents","borderWidth","borderRadius","borderColor","Text","enterStyle","y","exitStyle","fontWeight","getDate","color","formCommonColors","text","muted","toISOString","SingleCalendar","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","yearPageSize","ViewSwitcher","alignItems","gapLg","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DualCalendarBody","setDisplayDate","navigateMonth","gtSm","fullWidthMode","useMedia","prevMonthDate","useMemo","date","Date","setMonth","handleNavigate","useCallback","months","handleSetDisplayForPrev","next","panelPadding","Separator","vertical","formatMultiDates","dates","length","toDateString","toLocaleDateString","join","props","defaultValue","form","inputProps","_inputProps","placeholder","readOnly","limit","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","setSelectedDates","useDateNavigation","popoverRef","useRef","handleToggleDate","prev","existing","findIndex","filter","_","i","sort","a","b","getTime","handleClear","calendarContent","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","trigger","DatePickerInputTrigger","onReset","onButtonPress","FieldLayout","Skeleton","variant","height","Field","field","resolvedError","getFieldError","mergeFieldHandler"],"sources":["../../../../src/fields/DatePicker/MultiDatePicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MultiDatePicker_exports","__export","MultiDatePicker","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_Button","import_fieldLayout","import_colorRamps","import_t","import_utils","import_InputParts","import_Skeleton","import_parts","MultiDayGrid","param","calendarData","selectedDates","onToggleDate","minDate","maxDate","knobProps","useResolvedKnobs","accentText","useAccentOnSurface","animation","animationKey","useDateAnimation","year","month","weeks","toWeeks","days","jsx","AnimatePresence","children","jsxs","View","width","gap","transition","WeekView","flexDirection","map","week","justifyContent","day","isCurrentMonth","getMonth","isSelected","some","d","isSameDay","isToday","today","isOutOfRange","isDisabled","Button","chromeless","circular","dayCellRadius","flex","size","sizeToken","disabled","onPress","backgroundColor","theme","opacity","pointerEvents","borderWidth","borderRadius","borderColor","Text","enterStyle","y","exitStyle","fontWeight","getDate","color","formCommonColors","text","muted","toISOString","SingleCalendar","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","useState","useCalendarData","yearPageStart","setYearPageStart","yearPageSize","CalendarViewSwitcher","alignItems","gapLg","CalendarHeader","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DualCalendarBody","setDisplayDate","navigateMonth","gtSm","fullWidthMode","useMedia","prevMonthDate","useMemo","date","Date","setMonth","handleNavigate","useCallback","months","handleSetDisplayForPrev","next","panelPadding","Separator","vertical","formatMultiDates","dates","length","formatAbsoluteDate","join","isEmptyDates","isEmptyDates2","Array","isArray","props","defaultValue","valueProp","onChange","form","inputProps","_inputProps","placeholder","t","readOnly","limit","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","initialDates","open","setOpen","setSelectedDates","selectedDatesRef","useRef","useDateNavigation","popoverRef","openPicker","seed","current","useEffect","prev","same","every","i","handleToggleDate","fieldChange","existing","findIndex","filter","_","sort","a","b","getTime","handleClear","calendarContent","calendarContent2","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","trigger","DatePickerInputTrigger","onReset","onButtonPress","FieldLayout","Skeleton","variant","height","Field","field","resolvedError","getFieldError","mergeFieldHandler"],"sources":["../../../../src/fields/DatePicker/MultiDatePicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/DatePicker/index.cjs

@@ -37,6 +37,7 @@ var import_tamagui = require("tamagui");
 var import_Button = require("../../Button/index.cjs");
 var import_fieldLayout = require("../../fieldLayout.cjs");
 var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_t = require("../../shared/t.cjs");
 var import_utils2 = require("../../shared/utils.cjs");
 var import_InputParts = require("../../InputParts/index.cjs");
 var import_Skeleton = require("../../Skeleton/index.cjs");
@@ -57,6 +58,7 @@ function DayGrid({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const accentText = (0, import_theme.useAccentOnSurface)();
   const {
     animation,
     animationKey
@@ -110,7 +112,7 @@ function DayGrid({
                 fontWeight: "bold",
                 children: day.getDate()
               }, "text-selected") : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
-                color: isToday ? "$accentColor" : isCurrentMonth ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+                color: isToday ? accentText : isCurrentMonth ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
                 children: day.getDate()
               }, "text-normal")
             }, day.toISOString());
@@ -135,7 +137,7 @@ function CalendarBody({
   const [viewMode, setViewMode] = (0, import_react.useState)("day");
   const calendarData = (0, import_parts.useCalendarData)(displayDate);
   const [yearPageStart, setYearPageStart] = (0, import_react.useState)(() => calendarData.year - calendarData.year % import_parts.yearPageSize);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.ViewSwitcher, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarViewSwitcher, {
     calendarData,
     displayDate,
     onSetDisplayDate,
@@ -173,10 +175,11 @@ function DatePicker(props) {
   const {
     defaultValue,
     value: controlledValue,
+    onChange,
     onValueChange,
     form,
     inputProps: _inputProps,
-    placeholder = "Select date",
+    placeholder = (0, import_t.t)("Select date"),
     format: _format = "MM/DD/YYYY",
     minDate,
     maxDate,
@@ -208,6 +211,7 @@ function DatePicker(props) {
     compact
   });
   const resolvedValidators = (0, import_utils2.useResolvedValidators)(required, validators, label, name);
+  const hasLabel = Boolean(label);
   const [open, setOpen] = (0, import_react.useState)(false);
   const [selectedDate, setSelectedDate] = (0, import_react.useState)(() => (0, import_utils.coerceToDate)(controlledValue ?? defaultValue));
   (0, import_react.useEffect)(() => {
@@ -218,7 +222,7 @@ function DatePicker(props) {
     displayDate,
     setDisplayDate,
     navigateMonth
-  } = (0, import_parts.useDateNavigation)();
+  } = (0, import_parts.useDateNavigation)(selectedDate ?? void 0);
   const popoverRef = (0, import_react.useRef)(null);
   const closePopover = (0, import_react.useCallback)(() => {
     setOpen(false);
@@ -227,29 +231,33 @@ function DatePicker(props) {
   (0, import_react.useEffect)(() => {
     if (selectedDate) closePopover();
   }, [selectedDate, closePopover]);
-  const handleDateSelect = (0, import_react.useCallback)(date => {
+  const handleDateSelect = (0, import_react.useCallback)((date, fieldChange) => {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
     setSelectedDate(date);
     setDisplayDate(date);
+    fieldChange?.(date);
+    onChange?.(date);
     onValueChange?.(date);
     closePopover();
-  }, [minDate, maxDate, setDisplayDate, closePopover, onValueChange]);
-  const handleClearDate = (0, import_react.useCallback)(() => {
+  }, [minDate, maxDate, setDisplayDate, closePopover, onChange, onValueChange]);
+  const handleClearDate = (0, import_react.useCallback)(fieldChange => {
     setSelectedDate(null);
     setDisplayDate(/* @__PURE__ */new Date());
+    fieldChange?.(null);
+    onChange?.(null);
     onValueChange?.(null);
-  }, [setDisplayDate, onValueChange]);
-  const calendarContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarBody, {
+  }, [setDisplayDate, onChange, onValueChange]);
+  const calendarContent = fieldChange => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarBody, {
     displayDate,
     selectedDate,
-    onSelectDate: handleDateSelect,
+    onSelectDate: date => handleDateSelect(date, fieldChange),
     onNavigateMonth: navigateMonth,
     onSetDisplayDate: setDisplayDate,
     minDate,
     maxDate
   });
-  const renderPopover = (hasError, blurHandler) => {
+  const renderPopover = (hasError, blurHandler, fieldChange) => {
     if (readOnly) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
@@ -263,6 +271,7 @@ function DatePicker(props) {
       });
     }
     const handleOpenChange = isOpen => {
+      if (isOpen && selectedDate) setDisplayDate(selectedDate);
       setOpen(isOpen);
       if (!isOpen) {
         blurHandler?.();
@@ -272,17 +281,29 @@ function DatePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       popoverRef,
+      triggerA11y: {
+        label: typeof label === "string" && label || (0, import_t.t)("Date"),
+        value: (0, import_parts.formatDateDisplay)(selectedDate) || placeholder,
+        hint: helperText
+      },
       trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerInputTrigger, {
         value: (0, import_parts.formatDateDisplay)(selectedDate),
         placeholder,
         disabled,
-        onReset: handleClearDate,
-        onButtonPress: () => setOpen(true),
+        onReset: () => handleClearDate(fieldChange),
+        onButtonPress: () => {
+          if (selectedDate) setDisplayDate(selectedDate);
+          setOpen(true);
+        },
         error: !!hasError,
+        id,
+        "aria-labelledby": hasLabel ? `${id}-label` : void 0,
+        "aria-label": hasLabel ? void 0 : (0, import_t.t)("Date"),
+        "aria-describedby": [helperText && id ? `${id}-description` : void 0, hasError && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0,
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0
       }),
-      children: calendarContent
+      children: calendarContent(fieldChange)
     });
   };
   if (skeleton) {
@@ -309,6 +330,7 @@ function DatePicker(props) {
       size,
       knobProps,
       onBlur,
+      disabled,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
         size: size || knobProps.sizeToken,
         children: renderPopover(!!errorProp)
@@ -324,7 +346,6 @@ function DatePicker(props) {
     validators: resolvedValidators,
     children: field => {
       const resolvedError = (0, import_utils2.getFieldError)(field, errorProp);
-      const blurHandler = (0, import_utils2.mergeFieldHandler)(field, "handleBlur", onBlur);
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
         id,
         label,
@@ -334,9 +355,10 @@ function DatePicker(props) {
         required,
         size,
         knobProps,
+        disabled,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
           size: size || knobProps.sizeToken,
-          children: renderPopover(!!resolvedError, blurHandler)
+          children: renderPopover(!!resolvedError, (0, import_utils2.mergeFieldHandler)(field, "handleBlur", onBlur), (0, import_utils2.mergeFieldHandler)(field, "handleChange"))
         })
       });
     }

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

@@ -40,6 +40,7 @@ var import_tamagui = require("tamagui");
 var import_Button = require("../../Button/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_t = require("../../shared/t.native.js");
 var import_utils2 = require("../../shared/utils.native.js");
 var import_InputParts = require("../../InputParts/index.native.js");
 var import_Skeleton = require("../../Skeleton/index.native.js");
@@ -60,6 +61,7 @@ function DayGrid(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var accentText = (0, import_theme.useAccentOnSurface)();
   var {
     animation,
     animationKey
@@ -116,7 +118,7 @@ function DayGrid(param) {
                   fontWeight: "bold",
                   children: day.getDate()
                 }, "text-selected") : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
-                  color: isToday ? "$accentColor" : isCurrentMonth ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+                  color: isToday ? accentText : isCurrentMonth ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
                   children: day.getDate()
                 }, "text-normal")
               }, day.toISOString());
@@ -145,7 +147,7 @@ function CalendarBody(param) {
   var [yearPageStart, setYearPageStart] = (0, import_react.useState)(function () {
     return calendarData.year - calendarData.year % import_parts.yearPageSize;
   });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.ViewSwitcher, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarViewSwitcher, {
     calendarData,
     displayDate,
     onSetDisplayDate,
@@ -189,10 +191,11 @@ function DatePicker(props) {
   var {
     defaultValue,
     value: controlledValue,
+    onChange,
     onValueChange,
     form,
     inputProps: _inputProps,
-    placeholder = "Select date",
+    placeholder = (0, import_t.t)("Select date"),
     format: _format = "MM/DD/YYYY",
     minDate,
     maxDate,
@@ -224,6 +227,7 @@ function DatePicker(props) {
     compact
   });
   var resolvedValidators = (0, import_utils2.useResolvedValidators)(required, validators, label, name);
+  var hasLabel = Boolean(label);
   var [open, setOpen] = (0, import_react.useState)(false);
   var [selectedDate, setSelectedDate] = (0, import_react.useState)(function () {
     return (0, import_utils.coerceToDate)(controlledValue !== null && controlledValue !== void 0 ? controlledValue : defaultValue);
@@ -236,7 +240,7 @@ function DatePicker(props) {
     displayDate,
     setDisplayDate,
     navigateMonth
-  } = (0, import_parts.useDateNavigation)();
+  } = (0, import_parts.useDateNavigation)(selectedDate !== null && selectedDate !== void 0 ? selectedDate : void 0);
   var popoverRef = (0, import_react.useRef)(null);
   var closePopover = (0, import_react.useCallback)(function () {
     var _popoverRef_current;
@@ -246,29 +250,37 @@ function DatePicker(props) {
   (0, import_react.useEffect)(function () {
     if (selectedDate) closePopover();
   }, [selectedDate, closePopover]);
-  var handleDateSelect = (0, import_react.useCallback)(function (date) {
+  var handleDateSelect = (0, import_react.useCallback)(function (date, fieldChange) {
     if (minDate && date < minDate) return;
     if (maxDate && date > maxDate) return;
     setSelectedDate(date);
     setDisplayDate(date);
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(date);
+    onChange === null || onChange === void 0 ? void 0 : onChange(date);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(date);
     closePopover();
-  }, [minDate, maxDate, setDisplayDate, closePopover, onValueChange]);
-  var handleClearDate = (0, import_react.useCallback)(function () {
+  }, [minDate, maxDate, setDisplayDate, closePopover, onChange, onValueChange]);
+  var handleClearDate = (0, import_react.useCallback)(function (fieldChange) {
     setSelectedDate(null);
     setDisplayDate(/* @__PURE__ */new Date());
+    fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(null);
+    onChange === null || onChange === void 0 ? void 0 : onChange(null);
     onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(null);
-  }, [setDisplayDate, onValueChange]);
-  var calendarContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarBody, {
-    displayDate,
-    selectedDate,
-    onSelectDate: handleDateSelect,
-    onNavigateMonth: navigateMonth,
-    onSetDisplayDate: setDisplayDate,
-    minDate,
-    maxDate
-  });
-  var renderPopover = function renderPopover2(hasError, blurHandler) {
+  }, [setDisplayDate, onChange, onValueChange]);
+  var calendarContent = function calendarContent2(fieldChange) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CalendarBody, {
+      displayDate,
+      selectedDate,
+      onSelectDate: function onSelectDate(date) {
+        return handleDateSelect(date, fieldChange);
+      },
+      onNavigateMonth: navigateMonth,
+      onSetDisplayDate: setDisplayDate,
+      minDate,
+      maxDate
+    });
+  };
+  var renderPopover = function renderPopover2(hasError, blurHandler, fieldChange) {
     if (readOnly) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
@@ -282,6 +294,7 @@ function DatePicker(props) {
       });
     }
     var handleOpenChange = function handleOpenChange2(isOpen) {
+      if (isOpen && selectedDate) setDisplayDate(selectedDate);
       setOpen(isOpen);
       if (!isOpen) {
         blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
@@ -291,19 +304,33 @@ function DatePicker(props) {
       open,
       onOpenChange: handleOpenChange,
       popoverRef,
+      // "Date, Jul 15 2026": VO gets the field name + current value on the
+      // native trigger (the web trigger announces via aria on the Area).
+      triggerA11y: {
+        label: typeof label === "string" && label || (0, import_t.t)("Date"),
+        value: (0, import_parts.formatDateDisplay)(selectedDate) || placeholder,
+        hint: helperText
+      },
       trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerInputTrigger, {
         value: (0, import_parts.formatDateDisplay)(selectedDate),
         placeholder,
         disabled,
-        onReset: handleClearDate,
+        onReset: function onReset() {
+          return handleClearDate(fieldChange);
+        },
         onButtonPress: function onButtonPress() {
-          return setOpen(true);
+          if (selectedDate) setDisplayDate(selectedDate);
+          setOpen(true);
         },
         error: !!hasError,
+        id,
+        "aria-labelledby": hasLabel ? `${id}-label` : void 0,
+        "aria-label": hasLabel ? void 0 : (0, import_t.t)("Date"),
+        "aria-describedby": [helperText && id ? `${id}-description` : void 0, hasError && id ? `${id}-error` : void 0].filter(Boolean).join(" ") || void 0,
         "aria-required": required || void 0,
         "aria-invalid": hasError || void 0
       }),
-      children: calendarContent
+      children: calendarContent(fieldChange)
     });
   };
   if (skeleton) {
@@ -330,6 +357,9 @@ function DatePicker(props) {
       size,
       knobProps,
       onBlur,
+      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
+      // the sibling label/helper readable) — it needs the disabled state.
+      disabled,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
         size: size || knobProps.sizeToken,
         children: renderPopover(!!errorProp)
@@ -345,7 +375,6 @@ function DatePicker(props) {
     validators: resolvedValidators,
     children: function children(field) {
       var resolvedError = (0, import_utils2.getFieldError)(field, errorProp);
-      var blurHandler = (0, import_utils2.mergeFieldHandler)(field, "handleBlur", onBlur);
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
         id,
         label,
@@ -355,9 +384,11 @@ function DatePicker(props) {
         required,
         size,
         knobProps,
+        // LC-40: see standalone branch — FieldLayout carries dimWhole.
+        disabled,
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
           size: size || knobProps.sizeToken,
-          children: renderPopover(!!resolvedError, blurHandler)
+          children: renderPopover(!!resolvedError, (0, import_utils2.mergeFieldHandler)(field, "handleBlur", onBlur), (0, import_utils2.mergeFieldHandler)(field, "handleChange"))
         })
       });
     }