@multiplatform.one/forms 6.0.0

package/dist/cjs/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/cjs/fields/DatePicker/MultiDatePicker.native.js.map

@@ -0,0 +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":[]}

package/dist/cjs/fields/DatePicker/MultiDatePicker.spec.cjs

@@ -0,0 +1,103 @@
+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_react = require("@testing-library/react");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+import_vitest.vi.mock("react-native", () => ({
+  Platform: {
+    OS: "web",
+    select: options => options.web ?? options.default
+  }
+}));
+import_vitest.vi.mock("@tamagui/lucide-icons-2", () => ({
+  Calendar: () => null,
+  ChevronLeft: () => null,
+  ChevronRight: () => null,
+  X: () => null
+}));
+async function loadMultiDatePicker() {
+  return (await import("./MultiDatePicker")).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;
+  });
+}
+(0, import_vitest.describe)("MultiDatePicker", () => {
+  (0, import_vitest.it)("handles disabled state", async () => {
+    const MultiDatePicker = await loadMultiDatePicker();
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(MultiDatePicker, {
+      label: "Dates",
+      name: "dates",
+      placeholder: "Pick dates",
+      disabled: true
+    }));
+    const input = result.container.querySelector("input");
+    (0, import_vitest.expect)(input).toBeTruthy();
+    (0, import_vitest.expect)(input?.getAttribute("aria-disabled")).toBe("true");
+    const 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 () => {
+    const MultiDatePicker = await loadMultiDatePicker();
+    const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(MultiDatePicker, {
+      label: "Dates",
+      name: "dates",
+      placeholder: "Pick dates"
+    }));
+    const trigger = result.container.querySelector("input,button,[role='button']");
+    (0, import_vitest.expect)(trigger).toBeTruthy();
+    await (0, import_react.act)(async () => {
+      if (trigger) import_react.fireEvent.click(trigger);
+    });
+    await (0, import_react.waitFor)(() => {
+      (0, import_vitest.expect)(getEnabledDayButtons(document.body).length).toBeGreaterThan(0);
+    });
+    const dayButtons = getEnabledDayButtons(document.body);
+    await (0, import_react.act)(async () => {
+      import_react.fireEvent.click(dayButtons[0]);
+      import_react.fireEvent.click(dayButtons[1]);
+    });
+    const input = result.container.querySelector("input");
+    await (0, import_react.waitFor)(() => {
+      (0, import_vitest.expect)(input?.value).toContain(",");
+    });
+    const iconButton = result.container.querySelector("button");
+    if (iconButton) {
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(iconButton);
+      });
+    }
+    await (0, import_react.waitFor)(() => {
+      (0, import_vitest.expect)(input?.value ?? "").toBe("");
+    });
+  });
+});

package/dist/cjs/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