@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,428 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MultiDatePicker_exports = {};
+__export(MultiDatePicker_exports, {
+  MultiDatePicker: () => MultiDatePicker
+});
+module.exports = __toCommonJS(MultiDatePicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+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_utils = require("../../shared/utils.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_parts = require("./parts.native.js");
+function MultiDayGrid(param) {
+  var {
+    calendarData,
+    selectedDates,
+    onToggleDate,
+    minDate,
+    maxDate
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    animation,
+    animationKey
+  } = (0, import_parts.useDateAnimation)(`${calendarData.year}-${calendarData.month}`);
+  var weeks = (0, import_parts.toWeeks)(calendarData.days);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      width: "100%",
+      ...knobProps.gap,
+      transition: "medium",
+      ...animation,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.WeekView, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        flexDirection: "column",
+        gap: "$1",
+        width: "100%",
+        children: weeks.map(function (week) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            flexDirection: "row",
+            gap: "$1",
+            justifyContent: "space-between",
+            width: "100%",
+            children: week.map(function (day) {
+              var isCurrentMonth = day.getMonth() === calendarData.month;
+              var isSelected = selectedDates.some(function (d) {
+                return (0, import_parts.isSameDay)(d, day);
+              });
+              var isToday = (0, import_parts.isSameDay)(calendarData.today, day);
+              var isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
+              var isDisabled = !isCurrentMonth || isOutOfRange;
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+                chromeless: true,
+                circular: true,
+                flex: 1,
+                size: knobProps.sizeToken,
+                disabled: isDisabled,
+                onPress: function onPress() {
+                  return !isDisabled && onToggleDate(day);
+                },
+                backgroundColor: isSelected ? "$background" : "transparent",
+                theme: isSelected ? "accent" : void 0,
+                opacity: isCurrentMonth ? 1 : 0,
+                pointerEvents: isCurrentMonth ? "auto" : "none",
+                borderWidth: knobProps.borderRadius.borderWidth || 1,
+                borderColor: isSelected ? "$backgroundStrong" : "transparent",
+                children: isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+                  transition: "quicker",
+                  enterStyle: {
+                    opacity: 0,
+                    y: 20
+                  },
+                  exitStyle: {
+                    opacity: 0,
+                    y: 20
+                  },
+                  opacity: 1,
+                  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,
+                  children: day.getDate()
+                }, "text-normal")
+              }, day.toISOString());
+            })
+          }, week[0].toISOString());
+        })
+      })]
+    })
+  }, animationKey);
+}
+function SingleCalendar(param) {
+  var {
+    displayDate,
+    selectedDates,
+    onToggleDate,
+    onNavigateMonth,
+    onSetDisplayDate,
+    minDate,
+    maxDate,
+    showPrev = true,
+    showNext = true
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [viewMode, setViewMode] = (0, import_react.useState)("day");
+  var calendarData = (0, import_parts.useCalendarData)(displayDate);
+  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, {
+    calendarData,
+    displayDate,
+    onSetDisplayDate,
+    viewMode,
+    setViewMode,
+    yearPageStart,
+    setYearPageStart,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      flexDirection: "column",
+      alignItems: "center",
+      ...knobProps.gapLg,
+      width: "100%",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.CalendarHeader, {
+        year: calendarData.year,
+        monthName: calendarData.monthName,
+        onPrevMonth: function onPrevMonth() {
+          return onNavigateMonth(-1);
+        },
+        onNextMonth: function onNextMonth() {
+          return onNavigateMonth(1);
+        },
+        showPrev,
+        showNext,
+        onYearPress: function onYearPress() {
+          setYearPageStart(calendarData.year - calendarData.year % import_parts.yearPageSize);
+          setViewMode("year");
+        },
+        onMonthPress: function onMonthPress() {
+          return setViewMode("month");
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(MultiDayGrid, {
+        calendarData,
+        selectedDates,
+        onToggleDate,
+        minDate,
+        maxDate
+      })]
+    })
+  });
+}
+function DualCalendarBody(param) {
+  var {
+    selectedDates,
+    onToggleDate,
+    displayDate,
+    setDisplayDate,
+    navigateMonth,
+    minDate,
+    maxDate
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    gtSm: fullWidthMode
+  } = (0, import_tamagui.useMedia)();
+  var prevMonthDate = (0, import_react.useMemo)(function () {
+    var date = new Date(displayDate);
+    date.setMonth(date.getMonth() - 1);
+    return date;
+  }, [displayDate]);
+  var handleNavigate = (0, import_react.useCallback)(function (months) {
+    navigateMonth(months < 0 ? "prev" : "next");
+  }, [navigateMonth]);
+  var handleSetDisplayForPrev = (0, import_react.useCallback)(function (date) {
+    var next = new Date(date);
+    next.setMonth(next.getMonth() + 1);
+    setDisplayDate(next);
+  }, [setDisplayDate]);
+  if (!fullWidthMode) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SingleCalendar, {
+        displayDate,
+        selectedDates,
+        onToggleDate,
+        onNavigateMonth: handleNavigate,
+        onSetDisplayDate: setDisplayDate,
+        minDate,
+        maxDate
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    flexDirection: "row",
+    ...knobProps.gap,
+    ...knobProps.panelPadding,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SingleCalendar, {
+      displayDate: prevMonthDate,
+      selectedDates,
+      onToggleDate,
+      onNavigateMonth: handleNavigate,
+      onSetDisplayDate: handleSetDisplayForPrev,
+      minDate,
+      maxDate,
+      showNext: false
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+      vertical: true
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SingleCalendar, {
+      displayDate,
+      selectedDates,
+      onToggleDate,
+      onNavigateMonth: handleNavigate,
+      onSetDisplayDate: setDisplayDate,
+      minDate,
+      maxDate,
+      showPrev: false
+    })]
+  });
+}
+function formatMultiDates(dates) {
+  if (dates.length === 0) return "";
+  if (dates.length === 1) return dates[0].toDateString();
+  return dates.map(function (d) {
+    return d.toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric"
+    });
+  }).join(", ");
+}
+function MultiDatePicker(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps: _inputProps,
+    placeholder = "Select dates",
+    minDate,
+    maxDate,
+    disabled,
+    readOnly,
+    limit = 5,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur: _onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = (0, import_tamagui.useProps)(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var [selectedDates, setSelectedDates] = (0, import_react.useState)([]);
+  var {
+    displayDate,
+    setDisplayDate,
+    navigateMonth
+  } = (0, import_parts.useDateNavigation)();
+  var popoverRef = (0, import_react.useRef)(null);
+  var handleToggleDate = (0, import_react.useCallback)(function (date) {
+    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);
+      });
+      if (existing >= 0) {
+        return prev.filter(function (_, i) {
+          return i !== existing;
+        });
+      }
+      if (prev.length >= limit) return prev;
+      return [...prev, date].sort(function (a, b) {
+        return a.getTime() - b.getTime();
+      });
+    });
+  }, [minDate, maxDate, limit]);
+  var handleClear = (0, import_react.useCallback)(function () {
+    setSelectedDates([]);
+  }, []);
+  var calendarContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)(DualCalendarBody, {
+    selectedDates,
+    onToggleDate: handleToggleDate,
+    displayDate,
+    setDisplayDate,
+    navigateMonth,
+    minDate,
+    maxDate
+  });
+  var renderPopover = function renderPopover2(hasError, blurHandler) {
+    if (readOnly) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+          value: formatMultiDates(selectedDates),
+          readOnly: true,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          placeholder
+        })
+      });
+    }
+    var handleOpenChange = function handleOpenChange2(isOpen) {
+      setOpen(isOpen);
+      if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerPopoverShell, {
+      open,
+      onOpenChange: handleOpenChange,
+      popoverRef,
+      trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerInputTrigger, {
+        value: formatMultiDates(selectedDates),
+        placeholder,
+        disabled,
+        onReset: handleClear,
+        onButtonPress: function onButtonPress() {
+          return setOpen(true);
+        },
+        error: !!hasError,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      }),
+      children: calendarContent
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: size || knobProps.sizeToken,
+        children: renderPopover(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, errorProp);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: size || knobProps.sizeToken,
+          children: renderPopover(!!resolvedError, (0, import_utils.mergeFieldHandler)(field, "handleBlur", _onBlur))
+        })
+      });
+    }
+  });
+}
+//# sourceMappingURL=MultiDatePicker.native.js.map

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

@@ -0,0 +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","MultiDatePicker_exports","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","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":"AACA,YAAS;;AACT,IAAAA,SAA8B,GAAAC,MAAa,CAAAC,cAAS;AACpD,IAAAC,gBAAS,GAAAF,MAA+B,CAAAG,wBAA2B;AAEnE,IAAAC,iBAAS,GAAcJ,MAAA,CAAAK,mBAAA;AACvB,IAAAC,YAAgB,GAAAN,MAAA,CAAAO,SAAmB,CAAAC,cAAA;AACnC,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACT,SAAAC,IAAA,IAAAD,GAAA,EACEZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAAA,KACK,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAEP,IAAS,CAAAX,YAAS,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAkB,KAAAA,GAAA,KAAAF,MAAA,EACpCnB,SAAS,CAAAiB,EAAA,EAAAI,GAAgB;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAGzB;EACE,OAAAE,EAAA;AAAA;AACA,IACAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,uBAAA;AAAAhB,QACA,CAAAgB,uBAAA;EACAC,eAAA,EAAAA,CAAA,KAAAA;AAAA,EACA;AAAAC,MACA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,uBAAA;AAAA,IACAI,kBAAA,GAAAC,OAAA;AAAA,IACAC,YAAA,GAAAD,OAAA;AAAA,IACAE,YAAA,GAAAF,OAAA;AAAA,IAAAG,cACK,GAAAH,OAAA;AAiED,IAAAI,aAAA,GAAAJ,OAAA;AAfN,IAAAK,kBAAsB,GAAAL,OAAA;AAAA,IACpBM,iBAAA,GAAAN,OAAA;AAAA,IACAO,YAAA,GAAAP,OAAA;AAAA,IACAQ,iBAAA,GAAAR,OAAA;AAAA,IACAS,eAAA,GAAAT,OAAA;AAAA,IACAU,YAAA,GAAAV,OAAA;AACF,SAAsBW,aAAAC,KAAA;EACpB;IAAMC,YAAY;IAAAC,aAAI;IAAAC,YAAiB;IAAAC,OAAA;IAAAC;EAAA,IAAAL,KAAA;EACvC;IAAMM;EAAE,IAAW,IAAAjB,YAAiB,CAAAkB,gBAAA;EAAA,IAClC;IAAGC,SAAA;IAAAC;EAAqB,QAAAX,YAAkB,CAAAY,gBAAA,KAAAT,YAAA,CAAAU,IAAA,IAAAV,YAAA,CAAAW,KAAA;EAC5C,IAAAC,KAAA,OAAAf,YAAA,CAAAgB,OAAA,EAAAb,YAAA,CAAAc,IAAA;EACA,OAAM,eAAgB,IAAA5B,kBAAiB,CAAA6B,GAAA,EAAAzB,cAAA,CAAA0B,eAAA;IAEvCC,QACE,iBAAC,IAAA/B,kBACC,CAAAgC,IAAA,EAAA5B,cAAA,CAAA6B,IAAA,EAAC;MACCC,KAAA;MACA,GAAAf,SAAA,CAAAgB,GAAA;MAEKC,UAAA;MAAA,GAAAf,SAAA;MAAAU,QAEC,GACA,eAAI,IAAA/B,kBAAA,CAAA6B,GAAA,EAAAlB,YAAA,CAAA0B,QAAA,OACJ,eAAe,IAAArC,kBAAA,CAAA6B,GAAA,EAAAzB,cAAA,CAAA6B,IAAA;QACfK,aAAM;QAELH,GAAA;QACCD,KAAA,EAAM;QACNH,QAAM,EAAAL,KAAA,CAAAa,GAAa,WAAAC,IAAc;UACjC,OAAM,eAAU,CAAU,GAAAxC,kBAAoB,CAAA6B,GAAG,EAAAzB,cAAA,CAAA6B,IAAA;YACjDK,aAAM,OACH;YACHH,GAAM;YAENM,cACE;YAACP,KAAA;YAAAH,QAAA,EAAAS,IAAA,CAAAD,GAAA,WAAAG,GAAA;cAEC,IAAAC,cAAU,GAAAD,GAAA,CAAAE,QAAA,OAAA9B,YAAA,CAAAW,KAAA;cACV,IAAAoB,UAAQ,GAAA9B,aAAA,CAAA+B,IAAA,WAAAC,CAAA;gBACR,OAAM,IAAApC,YAAA,CAAAqC,SAAA,EAAAD,CAAA,EAAAL,GAAA;cACN;cACA,IAAAO,OAAU,OAAAtC,YAAA,CAAAqC,SAAA,EAAAlC,YAAA,CAAAoC,KAAA,EAAAR,GAAA;cACV,IAAAS,YAAgB,GAAAlC,OAAA,IAAc,QAAAyB,GAAa,GAAGzB,OAAA,IAAAC,OAAA,YAAAwB,GAAA,GAAAxB,OAAA;cAC9C,IAAAkC,UAAA,GAAiB,CAAAT,cAAa,IAAAQ,YAAgB;cAC9C,OAAO,eAAc,IAAAnD,kBAAmB,CAAA6B,GAAA,EAAAxB,aAAA,CAAAgD,MAAA;gBACxCC,UAAS;gBACTC,QAAA,MAAe;gBACfC,IAAA;gBACAC,IAAA,EAAAtC,SAAa,CAAAuC,SAAa;gBAEzBC,QAAA,EAAAP,UACC;gBAACQ,OAAO,WAAAA,QAAA;kBAAP,QAAAR,UAAA,IAAApC,YAAA,CAAA0B,GAAA;gBAEC;gBACAmB,eAAc,EAAAhB,UAAY,GAAG,aAAG;gBAChCiB,KAAA,EAAAjB,UAAa,WAAe,GAAG;gBAC/BkB,OAAA,EAASpB,cAAA;gBACTqB,aAAW,EAAArB,cAAA;gBAEVsB,WAAA,EAAA9C,SAAY,CAAA+C,YAAA,CAAAD,WAAA;gBAAAE,WAAA,EAAAtB,UAAA;gBAPTd,QAAA,EAAAc,UAAA,sBAAA7C,kBAAA,CAAA6B,GAAA,EAAAxB,aAAA,CAAAgD,MAAA,CAAAe,IAAA;kBAUNhC,UAAA;kBAACiC,UAAO;oBAAPN,OAAA;oBAECO,CAAA,EACE;kBAOD;kBAAYC,SAAA;oBATTR,OAAA;oBAUNO,CAAA;kBAAA;kBArCOP,OAAA,EAAY;kBAuCvBS,UAAA;kBAEHzC,QAAA,EAAAW,GAAA,CAAA+B,OAAA;gBAAA,yCAAAzE,kBAAA,CAAA6B,GAAA,EAAAxB,aAAA,CAAAgD,MAAA,CAAAe,IAAA;kBAzDYM,KAAA,EAAYzB,OAAA,oBAAAN,cAAA,GAAApC,iBAAA,CAAAoE,gBAAA,CAAAC,IAAA,GAAArE,iBAAA,CAAAoE,gBAAA,CAAAE,KAAA;kBA4D/B9C,QAAA,EAAAW,GAAA,CAAA+B,OAAA;gBAlEkB,gBAoEtB;cAEJ,GAAA/B,GAAA,CAAAoC,WAAA;YAkBS;UACP,GAAAtC,IAAA,IAAAsC,WAAA;QACA;MACA;IAEA;EACA,GAAAxD,YAAA;AAAA;AACA,SACAyD,cAAWA,CAAAlE,KAAA;EACX;IAAAmE,WAAW;IAAAjE,aAAA;IAAAC,YAAA;IAAAiE,eAAA;IAAAC,gBAAA;IAAAjE,OAAA;IAAAC,OAAA;IAAAiE,QAAA;IAAAC,QAAA;EAAA,IAAAvE,KAAA;EACb,IAAwB;IAAAM;EAAA,QAAAjB,YAAA,CAAAkB,gBAAA;EACtB,KAAAiE,QAAQ,EAAAC,WAAc,QAAAnF,YAAiB,CAAAoF,QAAA;EACvC,IAAAzE,YAAO,GAAU,IAAAH,YAAe,CAAA6E,eAAwB,EAAAR,WAAA;EACxD,KAAAS,aAAM,EAAAC,gBAAe,CAAgB,OAAAvF,YAAW,CAAAoF,QAAA;IAChD,OAAOzE,YAAA,CAAeU,IAAA,GAAAV,YAAgB,CAAIU,IAAA,GAAAb,YAAA,CAAAgF,YAAA;EAAA,EACxC;EACF,0BAAA3F,kBAAA,CAAA6B,GAAA,EAAAlB,YAAA,CAAAiF,YAAA;IAEA9E,YACE;IAACkE,WAAA;IAAAE,gBAAA;IAAAG,QACC;IAAAC,WACA;IAAAG,aACA;IAAAC,gBACA;IAAA3D,QACA,qBAAA/B,kBAAA,CAAAgC,IAAA,EAAA5B,cAAA,CAAA6B,IAAA;MACAK,aAAA;MACAuD,UAAA;MAEA,GAAA1E,SAAA,CAAA2E,KAAA;MACE5D,KAAA;MAAAH,QAAC,sBAAA/B,kBAAA,CAAA6B,GAAA,EAAAlB,YAAA,CAAAoF,cAAA;QAAAvE,IACC,EAAAV,YAAM,CAAAU,IAAa;QAAAwE,SACnB,EAAAlF,YAAW,CAAAkF,SAAa;QAAAC,WACxB,WAAmBA,YAAA;UACnB,OAAAhB,eAAmB;QAAiB;QACpCiB,WACA,WAAAA,YAAA;UACA,OAAAjB,eAAmB;QACjB;QACAE,QAAA;QAAkBC,QACpB;QAAAe,WACA,WAAoBA,YAAA,EAAY;UAAOT,gBAAA,CAAA5E,YAAA,CAAAU,IAAA,GAAAV,YAAA,CAAAU,IAAA,GAAAb,YAAA,CAAAgF,YAAA;UACzCL,WAAA;QACA;QAACc,YAAA,WAAAA,aAAA;UAAA,OAAAd,WAAA;QAAA;MACC,IACA,eACA,IAAAtF,kBAAA,CAAA6B,GAAA,EAAAjB,YAAA;QAAAE,YACA;QAAAC,aACA;QAAAC,YAAA;QACFC,OAAA;QACFC;MAAA;IAGN;EAgBA;AAA0B;AACxB,SACAmF,iBAAAxF,KAAA;EACA;IAAAE,aAAA;IAAAC,YAAA;IAAAgE,WAAA;IAAAsB,cAAA;IAAAC,aAAA;IAAAtF,OAAA;IAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,QAAAjB,YAAA,CAAAkB,gBAAA;EACA;IAAAoF,IAAA,EAAAC;EAAA,QAAArG,cAAA,CAAAsG,QAAA;EACA,IAAAC,aAAA,OAAAxG,YAAA,CAAAyG,OAAA;IACA,IAAAC,IAAA,OAAAC,IAAA,CAAA9B,WAAA;IACwB6B,IAAA,CAAAE,QAAA,CAAAF,IAAA,CAAAjE,QAAA;IACxB,OAAQiE,IAAA;EACR,IAEA7B,WAAM,CACJ;EACA,IAAAgC,cAAc,GAAK,IAAA7G,YAAc,CAAA8G,WAAA,YAAAC,MAAA;IACjCX,aAAO,CAAAW,MAAA;EACT,GAAG,CAEHX,aAAM,CAAiB,CACrB;EACE,IAAAY,uBAAuB,IAAI,GAAAhH,YAAe,CAAA8G,WAAA,YAAAJ,IAAA;IAC5C,IAAAO,IAAA,OAAAN,IAAA,CAAAD,IAAA;IACAO,IAAC,CAAAL,QAAA,CAAaK,IAAA,CAAAxE,QAAA;IAChB0D,cAAA,CAAAc,IAAA;EAEA,IACEd,cAAgB,CACd;EACA,KAAAG,aAAc;IACd,sBAAmB,IAAAzG,kBAAA,CAAA6B,GAAA,EAAAzB,cAAA,CAAA6B,IAAA;MACrB,GAAAd,SAAA,CAAAkG,YAAA;MACCtF,QAAA,iBAAc,IAAA/B,kBAAA,CAAA6B,GAAA,EAAAkD,cAAA;QACjBC,WAAA;QAEKjE,aAAA;QACHC,YACE;QACGiE,eAAA,EAAA+B,cAAA;QAAA9B,gBAAA,EAAAoB,cAAA;QACCrF,OAAA;QACAC;MAAA;IACA;EACiB;EACC,OAClB,mBAAAlB,kBAAA,CAAAgC,IAAA,EAAA5B,cAAA,CAAA6B,IAAA;IAAAK,aACA;IAAA,GAAAnB,SAAA,CAAAgB,GAAA;IACF,GACFhB,SAAA,CAAAkG,YAAA;IAEJtF,QAAA,GAEA,eACE,IAAA/B,kBAAM,CAAA6B,GAAA,EAAAkD,cAAwB;MAC5BC,WAAA,EAAA2B,aAAA;MAAC5F,aAAA;MAAAC,YAAA;MACCiE,eAAa,EAAA+B,cAAA;MACb9B,gBAAA,EAAAiC,uBAAA;MACAlG,OAAA;MACAC,OAAA;MACAkE,QAAA;IAAkB,EAClB,iBACA,IAAApF,kBAAA,CAAA6B,GAAA,EAAAzB,cAAA,CAAAkH,SAAA;MACAC,QAAA,EAAU;IAAA,IACZ,mBAAAvH,kBAAA,CAAA6B,GAAA,EAAAkD,cAAA;MACAC,WAAA;MACAjE,aAAA;MAACC,YAAA;MAAAiE,eAAA,EAAA+B,cAAA;MACC9B,gBAAA,EAAAoB,cAAA;MACArF,OAAA;MACAC,OAAA;MACAiE,QAAA;IAAiB,EACjB;EACA;AACA;AACU,SAAAqC,iBAAAC,KAAA;EAAA,IACZA,KAAA,CAAAC,MAAA;EAAA,IACFD,KAAA,CAAAC,MAAA,eAAAD,KAAA,IAAAE,YAAA;EAEJ,OAAAF,KAAA,CAAAlF,GAAA,WAAAQ,CAAA;IAMA,OAASA,CAAA,CAAA6E,kBAAiB,QAAuB;MAC3CnG,KAAA,EAAM;MACNiB,GAAA;IACJ;EAGF,GAAAmF,IAAA;AAMO;AAOL,SAAMhI,gBAAAiI,KAAA;EAAA,IACJ;IAAAC,YAAA;IAAAC,IAAA;IAAAC,UAAA,EAAAC,WAAA;IAAAC,WAAA;IAAAlH,OAAA;IAAAC,OAAA;IAAAyC,QAAA;IAAAyE,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAvJ,IAAA;IAAAwJ,aAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAArF,IAAA;IAAAsF,MAAA,EAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,EAAA,EAAAC,MAAA;IAAA,GAAAC;EAAA,QAAAjJ,cAAA,CAAAkJ,QAAA,EAAAxB,KAAA;EAAA,IACA;IAAAyB,YAAA;IAAApI,SAAA;IAAAgI;EAAA,QAAA3I,YAAA,CAAAgJ,YAAA;IACAxB,IAAA;IACAmB,EAAA,EAAAC,MAAA;IACAF;EAAA,EACA;EAAA,IACAO,kBAAA,OAAAjJ,YAAA,CAAAkJ,qBAAA,EAAAZ,QAAA,EAAAN,UAAA,EAAAC,KAAA,EAAA1J,IAAA;EAAA,IACA,CAAA4K,IAAA,EAAAC,OAAA,QAAAzJ,YAAA,CAAAoF,QAAA;EAAA,IACA,CAAAxE,aAAQ,EAAA8I,gBAAA,QAAA1J,YAAA,CAAAoF,QAAA;EAAA,IACR;IAAAP,WAAA;IAAAsB,cAAA;IAAAC;EAAA,QAAA5F,YAAA,CAAAmJ,iBAAA;EAAA,IACAC,UAAA,OAAA5J,YAAA,CAAA6J,MAAA;EAAA,IACAC,gBAAA,OAAA9J,YAAA,CAAA8G,WAAA,YAAAJ,IAAA;IACA,IAAA5F,OAAA,IAAA4F,IAAA,GAAA5F,OAAA;IACA,IAAAC,OAAA,IAAA2F,IAAA,GAAA3F,OAAA;IACA2I,gBAAA,WAAAK,IAAA;MACA,IAAAC,QAAO,GAAAD,IAAA,CAAAE,SAAA,WAAArH,CAAA;QACP,WAAApC,YAAA,CAAAqC,SAAA,EAAAD,CAAA,EAAA8D,IAAA;MACA;MACA,IAAAsD,QAAA;QACA,OAAQD,IAAA,CAAAG,MAAA,WAAAC,CAAA,EAAAC,CAAA;UACR,OAAAA,CAAA,KAAAJ,QAAA;QACA;MACA;MACA,IAAGD,IAAA,CAAAxC,MAAA,IAAAW,KAAA,SAAA6B,IAAA;MACD,QAEE,GAAEA,IAAA,EACFrD,IAAA,CAEN,CAAM2D,IAAC,WAAaC,CAAA,EAAAC,CAAI;QAClB,OAACD,CAAA,CAAAE,OAAe,KAAAD,CAAA,CAAAC,OAAA,EAAgB;MACtC,EAAM;IACN;EAEA,IACE1J,OAAC,EACCC,OAAI,EACJmH,KAAA,CAEA;EACE,IAAAuC,WAAM,OAAAzK,YAAgB,CAAA8G,WAAiB,cAAa;IACpD4C,gBAAI,IAAY;EACd;EAA2C,IAAAgB,eAC7C,sBAAA7K,kBAAA,CAAA6B,GAAA,EAAAwE,gBAAA;IACAtF,aAAS;IACTC,YAAQ,EAAAiJ,gBAAe;IAAwCjF,WAChE;IACHsB,cAAA;IACAC,aAAU;IACZtF,OAAA;IAEAC;EACE;EACF,IAAI4J,aAAC,YAAAC,eAAAC,QAAA,EAAAC,WAAA;IAEL,IAAM7C,QAAA;MACH,0BAAApI,kBAAA,CAAA6B,GAAA,EAAApB,iBAAA,CAAAyK,KAAA,CAAAC,GAAA;QAAApJ,QAAA,qBAAA/B,kBAAA,CAAA6B,GAAA,EAAApB,iBAAA,CAAAyK,KAAA,CAAAE,IAAA;UACCzL,KAAA,EAAA6H,gBAAA,CAAAzG,aAAA;UACAqH,QAAA,EAAc;UACd;UACA,iBAAAU,QAAA;UACA,gBAAAkC,QAAA;UACA7C;QACA;MAAA;IACF;IAGF,IAAMkD,gBAAgB,GAAC,SAAoBC,iBAA2CA,CAAAC,MAAA;MACpF3B,OAAI,CAAA2B,MAAU;MACZ,KAAAA,MACE,EAAAN,WAAA,KAAC,QAAAA,WACC,uBAAAA,WAAA;IAAA;IAAY,OAAX,mBAAAjL,kBAAA,CAAA6B,GAAA,EAAAlB,YAAA,CAAA6K,sBAAA;MAAA7B,IACC;MAAqC8B,YACrC,EAAQJ,gBAAA;MAAAtB,UACR;MAAc2B,OACd,iBAAe,IAAA1L,kBAAY,CAAA6B,GAAA,EAAAlB,YAAA,CAAAgL,sBAAA;QAAAhM,KAC3B,EAAA6H,gBAAc,CAAAzG,aAAY;QAAAoH,WAC1B;QAAAxE,QAAA;QACFiI,OACF,EAAAhB,WAAA;QAEJiB,aAAA,WAAAA,cAAA;UACM,OAAAjC,OAAA,KAAmB,CAAC;QACxB;QACAjB,KAAK,IAAAqC,QAAQ;QACf,iBAAAlC,QAAA;QACA,cACE,EAAAkC,QAAA;MAAC;MAAAjJ,QAAA,EAAA8I;IAAA;EACC;EACc,IAAA5B,QACd;IAAA,OACA,eACE,IAAAjJ,kBAAA,CAAA6B,GAAA,EAAAvB,kBAAA,CAAAwL,WAAA;MAAA3C,EAAA;MAACV,KAAA;MAAAhF,IAAA;MACsCtC,SACrC;MAAAY,QACA,qBAAA/B,kBAAA,CAAA6B,GAAA,EAAAnB,eAAA,CAAAqL,QAAA;QAAAC,OACA,WAAS;QAAA9J,KACT;QAAiC+J,MACjC,EAAA9K,SAAS,CAAAuC;MAAA;IACkB;EACD;EAAA,KAAA6F,YAC5B,KAAAxK,IAAA;IAAA,OAGD,mBAAAiB,kBAAA,CAAA6B,GAAA,EAAAvB,kBAAA,CAAAwL,WAAA;MAAA3C,EAAA;MACHV,KAAA;MAEJC,UAAA;MAGIC,KAAA,EAAAC,SAAU;MACZC,UACE;MAIJC,QAAA;MAEIrF,IAAC;MACHtC,SACE;MAACY,QAAA,qBAAA/B,kBAAA,CAAA6B,GAAA,EAAApB,iBAAA,CAAAyK,KAAA;QAAAzH,IAAA,EAAAA,IAAA,IAAAtC,SAAA,CAAAuC,SAAA;QACC3B,QAAA,EAAA+I,aAAA,GAAAlC,SAAA;MAAA;IACA;EACA;EACO,OACP,mBAAA5I,kBAAA,CAAA6B,GAAA,EAAAvB,kBAAA,CAAA4L,KAAA;IAAAnE,YACA;IAAAC,IACA,EAAAuB,YAAA;IAAAjB,IACA;IAAAvJ,IAEA;IAA2EwJ,aAAA;IAC7EC,UAAA,EAAAiB,kBAAA;IAEJ1H,QAAA,WAAAA,SAAAoK,KAAA;MAEA,IACEC,aAAA,OAAA5L,YAAA,CAAA6L,aAAA,EAAAF,KAAA,EAAAvD,SAAA;MAAC,0BAAA5I,kBAAA,CAAA6B,GAAA,EAAAvB,kBAAA,CAAAwL,WAAA;QAAA3C,EAAA;QACCV,KAAA;QACAC,UAAM;QACNC,KAAA,EAAAyD,aAAA;QACAvD,UAAA;QACAC,QAAA;QACArF,IAAA;QAECtC,SAAC;QACAY,QAAM,iBAAgB,IAAA/B,kBAAqB,CAAA6B,GAAS,EAAApB,iBAAA,CAAAyK,KAAA;UAEpDzH,IAAA,EACEA,IAAA,IAAAtC,SAAA,CAAAuC,SAAA;UAAC3B,QAAA,EAAA+I,aAAA,GAAAsB,aAAA,MAAA5L,YAAA,CAAA8L,iBAAA,EAAAH,KAAA,gBAAAnD,OAAA;QAAA;MAAA;IACC;EACA;AACA","ignoreList":[]}

package/dist/jsx/fields/DatePicker/MultiDatePicker.spec.mjs

@@ -0,0 +1,80 @@
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { jsx } from "react/jsx-runtime";
+vi.mock("react-native", () => ({
+  Platform: {
+    OS: "web",
+    select: options => options.web ?? options.default
+  }
+}));
+vi.mock("@tamagui/lucide-icons-2", () => ({
+  Calendar: () => null,
+  ChevronLeft: () => null,
+  ChevronRight: () => null,
+  X: () => null
+}));
+async function loadMultiDatePicker() {
+  return (await import("./MultiDatePicker.mjs")).MultiDatePicker;
+}
+function getEnabledDayButtons(root) {
+  const allButtons = Array.from(root.querySelectorAll('button, [role="button"]'));
+  return allButtons.filter(btn => {
+    const text = btn.textContent?.trim() ?? "";
+    const isDay = /^\d{1,2}$/.test(text);
+    const disabled = btn.hasAttribute("disabled") || btn.getAttribute("aria-disabled") === "true" || btn.hasAttribute("data-disabled");
+    return isDay && !disabled;
+  });
+}
+describe("MultiDatePicker", () => {
+  it("handles disabled state", async () => {
+    const MultiDatePicker = await loadMultiDatePicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(MultiDatePicker, {
+      label: "Dates",
+      name: "dates",
+      placeholder: "Pick dates",
+      disabled: true
+    }));
+    const input = result.container.querySelector("input");
+    expect(input).toBeTruthy();
+    expect(input?.getAttribute("aria-disabled")).toBe("true");
+    const clickable = result.container.querySelector("input,button,[role='button']");
+    if (clickable) fireEvent.click(clickable);
+    expect(result.findTextElement("Select a month")).toBeUndefined();
+  });
+  it("selects dates and clears selection", async () => {
+    const MultiDatePicker = await loadMultiDatePicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(MultiDatePicker, {
+      label: "Dates",
+      name: "dates",
+      placeholder: "Pick dates"
+    }));
+    const trigger = result.container.querySelector("input,button,[role='button']");
+    expect(trigger).toBeTruthy();
+    await act(async () => {
+      if (trigger) fireEvent.click(trigger);
+    });
+    await waitFor(() => {
+      expect(getEnabledDayButtons(document.body).length).toBeGreaterThan(0);
+    });
+    const dayButtons = getEnabledDayButtons(document.body);
+    await act(async () => {
+      fireEvent.click(dayButtons[0]);
+      fireEvent.click(dayButtons[1]);
+    });
+    const input = result.container.querySelector("input");
+    await waitFor(() => {
+      expect(input?.value).toContain(",");
+    });
+    const iconButton = result.container.querySelector("button");
+    if (iconButton) {
+      await act(async () => {
+        fireEvent.click(iconButton);
+      });
+    }
+    await waitFor(() => {
+      expect(input?.value ?? "").toBe("");
+    });
+  });
+});
+//# sourceMappingURL=MultiDatePicker.spec.mjs.map

package/dist/jsx/fields/DatePicker/MultiDatePicker.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["act","fireEvent","waitFor","describe","expect","it","vi","renderWithProviders","jsx","mock","Platform","OS","select","options","web","default","Calendar","ChevronLeft","ChevronRight","X","loadMultiDatePicker","MultiDatePicker","getEnabledDayButtons","root","allButtons","Array","from","querySelectorAll","filter","btn","text","textContent","trim","isDay","test","disabled","hasAttribute","getAttribute","result","label","name","placeholder","input","container","querySelector","toBeTruthy","toBe","clickable","click","findTextElement","toBeUndefined","trigger","document","body","length","toBeGreaterThan","dayButtons","value","toContain","iconButton"],"sources":["../../../../src/fields/DatePicker/MultiDatePicker.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/DatePicker/MultiDatePicker.spec.native.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+import_vitest.vi.mock("react-native", function () {
+  return {
+    Platform: {
+      OS: "web",
+      select: function select(options) {
+        var _options_web;
+        return (_options_web = options.web) !== null && _options_web !== void 0 ? _options_web : options.default;
+      }
+    }
+  };
+});
+import_vitest.vi.mock("@tamagui/lucide-icons-2", function () {
+  return {
+    Calendar: function Calendar() {
+      return null;
+    },
+    ChevronLeft: function ChevronLeft() {
+      return null;
+    },
+    ChevronRight: function ChevronRight() {
+      return null;
+    },
+    X: function X() {
+      return null;
+    }
+  };
+});
+async function loadMultiDatePicker() {
+  return (await import("./MultiDatePicker")).MultiDatePicker;
+}
+function getEnabledDayButtons(root) {
+  var allButtons = Array.from(root.querySelectorAll('button, [role="button"]'));
+  return allButtons.filter(function (btn) {
+    var _ref;
+    var _btn_textContent;
+    var text = (_ref = (_btn_textContent = btn.textContent) === null || _btn_textContent === void 0 ? void 0 : _btn_textContent.trim()) !== null && _ref !== void 0 ? _ref : "";
+    var isDay = /^\d{1,2}$/.test(text);
+    var disabled = btn.hasAttribute("disabled") || btn.getAttribute("aria-disabled") === "true" || btn.hasAttribute("data-disabled");
+    return isDay && !disabled;
+  });
+}
+(0, import_vitest.describe)("MultiDatePicker", function () {
+  (0, import_vitest.it)("handles disabled state", async function () {
+    var MultiDatePicker = await loadMultiDatePicker();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(MultiDatePicker, {
+      label: "Dates",
+      name: "dates",
+      placeholder: "Pick dates",
+      disabled: true
+    }));
+    var input = result.container.querySelector("input");
+    (0, import_vitest.expect)(input).toBeTruthy();
+    (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.getAttribute("aria-disabled")).toBe("true");
+    var clickable = result.container.querySelector("input,button,[role='button']");
+    if (clickable) import_react.fireEvent.click(clickable);
+    (0, import_vitest.expect)(result.findTextElement("Select a month")).toBeUndefined();
+  });
+  (0, import_vitest.it)("selects dates and clears selection", async function () {
+    var MultiDatePicker = await loadMultiDatePicker();
+    var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(MultiDatePicker, {
+      label: "Dates",
+      name: "dates",
+      placeholder: "Pick dates"
+    }));
+    var trigger = result.container.querySelector("input,button,[role='button']");
+    (0, import_vitest.expect)(trigger).toBeTruthy();
+    await (0, import_react.act)(async function () {
+      if (trigger) import_react.fireEvent.click(trigger);
+    });
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(getEnabledDayButtons(document.body).length).toBeGreaterThan(0);
+    });
+    var dayButtons = getEnabledDayButtons(document.body);
+    await (0, import_react.act)(async function () {
+      import_react.fireEvent.click(dayButtons[0]);
+      import_react.fireEvent.click(dayButtons[1]);
+    });
+    var input = result.container.querySelector("input");
+    await (0, import_react.waitFor)(function () {
+      (0, import_vitest.expect)(input === null || input === void 0 ? void 0 : input.value).toContain(",");
+    });
+    var iconButton = result.container.querySelector("button");
+    if (iconButton) {
+      await (0, import_react.act)(async function () {
+        import_react.fireEvent.click(iconButton);
+      });
+    }
+    await (0, import_react.waitFor)(function () {
+      var _ref;
+      (0, import_vitest.expect)((_ref = input === null || input === void 0 ? void 0 : input.value) !== null && _ref !== void 0 ? _ref : "").toBe("");
+    });
+  });
+});
+//# sourceMappingURL=MultiDatePicker.spec.native.js.map