@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,467 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { AnimatePresence, Separator, View, useMedia, useProps } from "tamagui";
+import { Button } from "../../Button/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { formCommonColors, formInputColors } from "../../shared/colorRamps.native.js";
+import { getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { Input as InputParts } from "../../InputParts/index.native.js";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { CalendarHeader, DatePickerInputTrigger, DatePickerPopoverShell, ViewSwitcher, WeekView, isSameDay, toWeeks, useCalendarData, useDateAnimation, useDateNavigation, yearPageSize } from "./parts.native.js";
+function getRangeStatus(day, start, end) {
+  if (!start) return "none";
+  if (isSameDay(day, start) && !end) return "selected-single";
+  if (isSameDay(day, start)) return "range-start";
+  if (end && isSameDay(day, end)) return "range-end";
+  if (end && day > start && day < end) return "in-range";
+  return "none";
+}
+function RangeDayGrid(param) {
+  var {
+    calendarData,
+    rangeStart,
+    rangeEnd,
+    onSelectDate,
+    minDate,
+    maxDate
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    animation,
+    animationKey
+  } = useDateAnimation(`${calendarData.year}-${calendarData.month}`);
+  var weeks = toWeeks(calendarData.days);
+  return /* @__PURE__ */_jsx(AnimatePresence, {
+    children: /* @__PURE__ */_jsxs(View, {
+      width: "100%",
+      ...knobProps.gap,
+      transition: "medium",
+      ...animation,
+      children: [/* @__PURE__ */_jsx(WeekView, {}), /* @__PURE__ */_jsx(View, {
+        flexDirection: "column",
+        gap: "$1",
+        width: "100%",
+        children: weeks.map(function (week) {
+          var hasCurrentMonthDay = week.some(function (d) {
+            return d.getMonth() === calendarData.month;
+          });
+          if (!hasCurrentMonthDay) {
+            return /* @__PURE__ */_jsx(View, {
+              height: "$3"
+            }, week[0].toISOString());
+          }
+          return /* @__PURE__ */_jsx(View, {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            width: "100%",
+            children: week.map(function (day) {
+              var isCurrentMonth = day.getMonth() === calendarData.month;
+              var isToday = isSameDay(calendarData.today, day);
+              var isOutOfRange = minDate != null && day < minDate || maxDate != null && day > maxDate;
+              var isDisabled = !isCurrentMonth || isOutOfRange;
+              var rangeStatus = isCurrentMonth ? getRangeStatus(day, rangeStart, rangeEnd) : "none";
+              var isSelected = rangeStatus === "range-start" || rangeStatus === "range-end" || rangeStatus === "selected-single";
+              var isInRange = rangeStatus === "in-range";
+              if (!isCurrentMonth) {
+                return /* @__PURE__ */_jsx(View, {
+                  flex: 1
+                }, day.toISOString());
+              }
+              return /* @__PURE__ */_jsxs(View, {
+                flex: 1,
+                justifyContent: "center",
+                alignItems: "center",
+                position: "relative",
+                children: [(isInRange || rangeStatus === "range-start" || rangeStatus === "range-end") && /* @__PURE__ */_jsx(View, {
+                  transition: "quick",
+                  position: "absolute",
+                  height: "100%",
+                  zIndex: 0,
+                  backgroundColor: formInputColors.background.focus,
+                  enterStyle: {
+                    opacity: 0
+                  },
+                  exitStyle: {
+                    opacity: 0
+                  },
+                  opacity: 1,
+                  ...(rangeStatus === "range-start" ? {
+                    left: "50%",
+                    right: 0,
+                    width: "50%"
+                  } : rangeStatus === "range-end" ? {
+                    left: 0,
+                    right: "50%",
+                    width: "50%"
+                  } : {
+                    left: 0,
+                    right: 0,
+                    width: "100%"
+                  })
+                }), /* @__PURE__ */_jsx(Button, {
+                  chromeless: true,
+                  circular: true,
+                  size: knobProps.sizeToken,
+                  disabled: isDisabled,
+                  onPress: function onPress() {
+                    return !isDisabled && onSelectDate(day);
+                  },
+                  backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
+                  theme: isSelected ? "accent" : void 0,
+                  borderWidth: knobProps.borderRadius.borderWidth || 1,
+                  borderColor: isSelected ? "$backgroundStrong" : "transparent",
+                  zIndex: 1,
+                  children: isSelected ? /* @__PURE__ */_jsx(Button.Text, {
+                    transition: "quicker",
+                    enterStyle: {
+                      opacity: 0,
+                      y: 20
+                    },
+                    exitStyle: {
+                      opacity: 0,
+                      y: 20
+                    },
+                    opacity: 1,
+                    fontWeight: "bold",
+                    children: day.getDate()
+                  }, "text-selected") : /* @__PURE__ */_jsx(Button.Text, {
+                    color: isToday ? "$accentColor" : formCommonColors.text,
+                    children: day.getDate()
+                  }, "text-normal")
+                })]
+              }, day.toISOString());
+            })
+          }, week[0].toISOString());
+        })
+      })]
+    })
+  }, animationKey);
+}
+function SingleCalendar(param) {
+  var {
+    displayDate,
+    rangeStart,
+    rangeEnd,
+    onSelectDate,
+    onNavigateMonth,
+    onSetDisplayDate,
+    minDate,
+    maxDate,
+    showPrev = true,
+    showNext = true
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [viewMode, setViewMode] = useState("day");
+  var calendarData = useCalendarData(displayDate);
+  var [yearPageStart, setYearPageStart] = useState(function () {
+    return calendarData.year - calendarData.year % yearPageSize;
+  });
+  return /* @__PURE__ */_jsx(ViewSwitcher, {
+    calendarData,
+    displayDate,
+    onSetDisplayDate,
+    viewMode,
+    setViewMode,
+    yearPageStart,
+    setYearPageStart,
+    children: /* @__PURE__ */_jsxs(View, {
+      flexDirection: "column",
+      alignItems: "center",
+      ...knobProps.gapLg,
+      width: "100%",
+      children: [/* @__PURE__ */_jsx(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 % yearPageSize);
+          setViewMode("year");
+        },
+        onMonthPress: function onMonthPress() {
+          return setViewMode("month");
+        }
+      }), /* @__PURE__ */_jsx(RangeDayGrid, {
+        calendarData,
+        rangeStart,
+        rangeEnd,
+        onSelectDate,
+        minDate,
+        maxDate
+      })]
+    })
+  });
+}
+function DualCalendarBody(param) {
+  var {
+    rangeStart,
+    rangeEnd,
+    onSelectDate,
+    displayDate,
+    setDisplayDate,
+    navigateMonth,
+    minDate,
+    maxDate
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    gtSm: fullWidthMode
+  } = useMedia();
+  var prevMonthDate = useMemo(function () {
+    var date = new Date(displayDate);
+    date.setMonth(date.getMonth() - 1);
+    return date;
+  }, [displayDate]);
+  var handleNavigate = useCallback(function (months) {
+    return navigateMonth(months < 0 ? "prev" : "next");
+  }, [navigateMonth]);
+  var handleSetDisplayForPrev = useCallback(function (date) {
+    var next = new Date(date);
+    next.setMonth(next.getMonth() + 1);
+    setDisplayDate(next);
+  }, [setDisplayDate]);
+  if (!fullWidthMode) {
+    return /* @__PURE__ */_jsx(View, {
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */_jsx(SingleCalendar, {
+        displayDate,
+        rangeStart,
+        rangeEnd,
+        onSelectDate,
+        onNavigateMonth: handleNavigate,
+        onSetDisplayDate: setDisplayDate,
+        minDate,
+        maxDate
+      })
+    });
+  }
+  return /* @__PURE__ */_jsxs(View, {
+    flexDirection: "row",
+    ...knobProps.gap,
+    ...knobProps.panelPadding,
+    children: [/* @__PURE__ */_jsx(SingleCalendar, {
+      displayDate: prevMonthDate,
+      rangeStart,
+      rangeEnd,
+      onSelectDate,
+      onNavigateMonth: handleNavigate,
+      onSetDisplayDate: handleSetDisplayForPrev,
+      minDate,
+      maxDate,
+      showNext: false
+    }), /* @__PURE__ */_jsx(Separator, {
+      vertical: true
+    }), /* @__PURE__ */_jsx(SingleCalendar, {
+      displayDate,
+      rangeStart,
+      rangeEnd,
+      onSelectDate,
+      onNavigateMonth: handleNavigate,
+      onSetDisplayDate: setDisplayDate,
+      minDate,
+      maxDate,
+      showPrev: false
+    })]
+  });
+}
+function formatRange(start, end) {
+  if (!start) return "";
+  var formatDate = function formatDate2(date) {
+    return date.toDateString();
+  };
+  if (!end) return `${formatDate(start)} \u2013 end date`;
+  return `${formatDate(start)} \u2013 ${formatDate(end)}`;
+}
+function DateRangePicker(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps: _inputProps,
+    placeholder = "Start date \u2013 End date",
+    minDate,
+    maxDate,
+    disabled,
+    readOnly,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    onBlur: _onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = useProps(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = useFormField({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name);
+  var [open, setOpen] = useState(false);
+  var [rangeStart, setRangeStart] = useState(null);
+  var [rangeEnd, setRangeEnd] = useState(null);
+  var {
+    displayDate,
+    setDisplayDate,
+    navigateMonth
+  } = useDateNavigation();
+  var popoverRef = useRef(null);
+  var closePopover = useCallback(function () {
+    var _popoverRef_current;
+    setOpen(false);
+    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();
+  }, []);
+  useEffect(function () {
+    if (rangeStart && rangeEnd) closePopover();
+  }, [rangeStart, rangeEnd, closePopover]);
+  var handleSelectDate = useCallback(function (date) {
+    if (minDate && date < minDate) return;
+    if (maxDate && date > maxDate) return;
+    if (!rangeStart || rangeStart && rangeEnd) {
+      setRangeStart(date);
+      setRangeEnd(null);
+      return;
+    }
+    if (date < rangeStart) {
+      setRangeEnd(rangeStart);
+      setRangeStart(date);
+      closePopover();
+    } else if (isSameDay(date, rangeStart)) {
+      setRangeStart(null);
+      setRangeEnd(null);
+    } else {
+      setRangeEnd(date);
+      closePopover();
+    }
+  }, [rangeStart, rangeEnd, minDate, maxDate, closePopover]);
+  var handleClear = useCallback(function () {
+    setRangeStart(null);
+    setRangeEnd(null);
+  }, []);
+  var calendarContent = /* @__PURE__ */_jsx(DualCalendarBody, {
+    rangeStart,
+    rangeEnd,
+    onSelectDate: handleSelectDate,
+    displayDate,
+    setDisplayDate,
+    navigateMonth,
+    minDate,
+    maxDate
+  });
+  var renderPopover = function renderPopover2(hasError, blurHandler) {
+    if (readOnly) {
+      return /* @__PURE__ */_jsx(InputParts.Box, {
+        children: /* @__PURE__ */_jsx(InputParts.Area, {
+          value: formatRange(rangeStart, rangeEnd),
+          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__ */_jsx(DatePickerPopoverShell, {
+      open,
+      onOpenChange: handleOpenChange,
+      popoverRef,
+      trigger: /* @__PURE__ */_jsx(DatePickerInputTrigger, {
+        value: formatRange(rangeStart, rangeEnd),
+        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__ */_jsx(FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: /* @__PURE__ */_jsx(InputParts, {
+        size: size || knobProps.sizeToken,
+        children: renderPopover(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = getFieldError(field, errorProp);
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        children: /* @__PURE__ */_jsx(InputParts, {
+          size: size || knobProps.sizeToken,
+          children: renderPopover(!!resolvedError, mergeFieldHandler(field, "handleBlur", _onBlur))
+        })
+      });
+    }
+  });
+}
+export { DateRangePicker };
+//# sourceMappingURL=DateRangePicker.native.js.map

package/dist/esm/fields/DatePicker/DateRangePicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","useCallback","useEffect","useMemo","useRef","useState","AnimatePresence","Separator","View","useMedia","useProps","Button","Field","FieldLayout","formCommonColors","formInputColors","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","Skeleton","CalendarHeader","DatePickerInputTrigger","DatePickerPopoverShell","ViewSwitcher","WeekView","isSameDay","toWeeks","useCalendarData","useDateAnimation","useDateNavigation","yearPageSize","getRangeStatus","day","start","end","RangeDayGrid","param","calendarData","rangeStart","rangeEnd","onSelectDate","minDate","maxDate","knobProps","animation","animationKey","year","month","weeks","days","children","width","gap","transition","flexDirection","map","week","hasCurrentMonthDay","some","d","getMonth","height","toISOString","justifyContent","isCurrentMonth","isToday","today","isOutOfRange","isDisabled","rangeStatus","isSelected","isInRange","flex","alignItems","position","zIndex","backgroundColor","background","focus","enterStyle","opacity","exitStyle","left","right","chromeless","circular","size","sizeToken","disabled","onPress","theme","borderWidth","borderRadius","borderColor","Text","y","fontWeight","getDate","color","text","SingleCalendar","displayDate","onNavigateMonth","onSetDisplayDate","showPrev","showNext","viewMode","setViewMode","yearPageStart","setYearPageStart","gapLg","monthName","onPrevMonth","onNextMonth","onYearPress","onMonthPress","DualCalendarBody","setDisplayDate","navigateMonth","gtSm","fullWidthMode","prevMonthDate","date","Date","setMonth","handleNavigate","months","handleSetDisplayForPrev","next","panelPadding","vertical","formatRange","formatDate","formatDate2","toDateString","DateRangePicker","props","defaultValue","form","inputProps","_inputProps","placeholder","readOnly","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","resolvedForm","resolvedValidators","open","setOpen","setRangeStart","setRangeEnd","popoverRef","closePopover","_popoverRef_current","current","close","handleSelectDate","handleClear","calendarContent","renderPopover","renderPopover2","hasError","blurHandler","Box","Area","value","handleOpenChange","handleOpenChange2","isOpen","onOpenChange","trigger","onReset","onButtonPress","variant","field","resolvedError"],"sources":["../../../../src/fields/DatePicker/DateRangePicker.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB;AACjC,SAA8BC,gBAAa,QAAW,0BAAiB;AACvE,SAASC,WAAA,EAAAC,SAA+B,EAAAC,OAAW,EAAAC,MAAM,EAAAC,QAAU,eAAgB;AAEnF,SAASC,eAAc,EAAAC,SAAA,EAAAC,IAAA,EAAAC,QAAA,EAAAC,QAAA;AACvB,SAASC,MAAA,QAAO,8BAAmB;AACnC,SAASC,KAAA,EAAAC,WAAkB,qCAAuB;AAClD,SAAAC,gBAAA,EAAAC,eAAA;AAAA,SACEC,aAAA,EAAAC,iBAAA,EAAAC,YAAA,EAAAC,qBAAA;AAAA,SACAC,KAAA,IAAAC,UAAA;AAAA,SACAC,QAAA;AAAA,SACAC,cAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,YAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,YAAA;AAAA,SACKC,eAAAC,GAAA,EAAAC,KAAA,EAAAC,GAAA;EAEP,KAAAD,KAAS,SAAS;EAClB,IAAAR,SAAS,CAAAO,GAAA,EAAAC,KAAgB,MAAAC,GAAA;EAGzB,IAAAT,SAAA,CAAAO,GAAA,EAAAC,KAAA;EACE,IAAAC,GAAA,IAAAT,SAAA,CAAAO,GAAA,EAAAE,GAAA;EACA,IAAAA,GAAA,IAAAF,GAAA,GAAAC,KAAA,IAAAD,GAAA,GAAAE,GAAA;EACA;AAAA;AACA,SACAC,aAAAC,KAAA;EACA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,YAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAN,KAAA;EACA;IAAAO;EAAA,IAAA9C,gBAAA;EACA;IAAA+C,SAAA;IAAAC;EAAA,IAAAjB,gBAAA,IAAAS,YAAA,CAAAS,IAAA,IAAAT,YAAA,CAAAU,KAAA;EACA,IAAAC,KAAA,GAAAtB,OAAA,CAAAW,YAAA,CAAAY,IAAA;EACA,sBAAAvD,IAAA,CAAAS,eAAA;IACA+C,QAAA,iBAAAtD,KAAA,CAAAS,IAAA;MAAA8C,KACK;MAsFC,GAAAR,SAmCY,CAAAS,GAAA;MA1EpBC,UAAS,UAAe;MAClB,GAACT,SAAO;MACRM,QAAA,EAAU,CACV,eAAexD,IAAQ,CAAA8B,QAAO,OAC9B,eAAiB9B,IAAK,CAAAW,IAAM;QAC5BiD,aAAa,UAAS;QACnBF,GAAA;QACTD,KAAA;QAeSD,QAAA,EAAAF,KAAa,CAAAO,GAAA,WAAAC,IAAA;UACpB,IAAAC,kBAAA,GAAAD,IAAA,CAAAE,IAAA,WAAAC,CAAA;YACA,OAAAA,CAAA,CAAAC,QAAA,OAAAvB,YAAA,CAAAU,KAAA;UACA;UACA,KAAAU,kBAAA;YACA,sBAAA/D,IAAA,CAAAW,IAAA;cACAwD,MAAA;YACoB,GAAAL,IAAA,IAAAM,WAAA;UACZ;UACA,sBAAwBpE,IAAI,CAAAW,IAAA;YAC/BiD,aAAiB,EAAI;YAC1BS,cAAA;YACMZ,KAAQ,QAAQ;YAGpBD,QAAA,EAAAM,IAAA,CAACD,GAAA,WAAAvB,GAAA;cAEG,IAAAgC,cAAC,GAAShC,GAAA,CAAA4B,QAAA,OAAAvB,YAAA,CAAAU,KAAA;cACV,IAAAkB,OAAC,GAAAxC,SAAK,CAAAY,YAAc,CAAA6B,KAAS,EAAAlC,GAAI;cAEvB,IAAAmC,YAAA,GAAqB1B,OAAK,IAAM,IAAM,IAAET,GAAA,GAAAS,OAAe,IAAAC,OAAA,IAAa,IAAK,IAAAV,GAAA,GAAAU,OAAA;cAC1E,IAAA0B,UAAA,GAAoB,CAAAJ,cAAA,IAAAG,YAAA;cAChB,IAAAE,WAAA,GAAAL,cAAkC,GAAOjC,cAAxB,CAAAC,GAAE,EAAAM,UAA2B,EAAAC,QAAA;cACvD,IAAA+B,UAAA,GAAAD,WAAA,sBAAAA,WAAA,oBAAAA,WAAA;cAGE,IAAAE,SAAA,GAAAF,WAAA;cAAC,KAAAL,cAAA;gBAAA,sBAAAtE,IAAA,CAAAW,IAAA;kBAECmE,IAAA,EAAc;gBACd,GAAAxC,GAAA,CAAA8B,WAAe;cACf;cAEC,sBAAkBlE,KAAA,CAAAS,IAAA;gBACXmE,IAAA;gBACAT,cAAU,UAAU;gBACpBU,UAAA,UACH;gBACGC,QAAA,YAAc;gBACdxB,QAAA,GAGA,CAAAqB,SAAA,IACJF,WAAA,KAAgB,iBAChBA,WAAA,KAAgB,gBAChB,eAAgB3E,IAAA,CAAAW,IAAA;kBACZgD,UAAY;kBAEbqB,QAAA,YAAgB;kBACZb,MAAA;kBACTc,MAAA;kBAGEC,eAAA,EAAAhE,eAAA,CAAAiE,UAAA,CAAAC,KAAA;kBAACC,UAAA;oBAAAC,OAAA;kBAEO;kBACNC,SAAA,EAAe;oBACfD,OAAW;kBACX;kBAEEA,OAAA;kBAAA,IAAAX,WACA,kBAAgB;oBAEfa,IAAA;oBAAAC,KAAA;oBACChC,KAAA;kBACA,IAAAkB,WAAS;oBACTa,IAAA,EAAO;oBACPC,KAAA,EAAQ;oBACRhC,KAAA;kBACA;oBACA+B,IAAA;oBACAC,KAAA,EAAS;oBACRhC,KAAI;kBAIoC;gBAC3C,IAGF,eAAAzD,IAAA,CAAAc,MAAA;kBAAC4E,UAAA;kBAAAC,QAAA;kBACCC,IAAA,EAAA3C,SAAU,CAAA4C,SAAA;kBACVC,QAAA,EAAQpB,UAAA;kBACRqB,OAAM,WAAUA,QAAA;oBAChB,QAAUrB,UAAA,IAAA5B,YAAA,CAAAR,GAAA;kBACV;kBACA4C,eAAA,EACEN,UAAA,GAAa1D,eAAA,CAAgBiE,UAAA,CAAWC,KAAA,GAAQ;kBAElDY,KAAA,EAAOpB,UAAA,GAAc,WAAmB;kBACxCqB,WAAA,EAAahD,SAAA,CAAUiD,YAAA,CAAaD,WAAA,IAAe;kBACnDE,WAAA,EAAavB,UAAA,GAAa,sBAAsB;kBAChDK,MAAA,EAAQ;kBAEPzB,QAAA,EAAAoB,UAAA,GACC,eAAA5E,IAAA,CAAAc,MAAA,CAAAsF,IAAA;oBAACzC,UAAO;oBAAP0B,UAAA;sBAECC,OAAA;sBACAe,CAAA;oBAAgC;oBACDd,SAC/B,EAAS;sBACTD,OAAA;sBAECe,CAAA;oBAAY;oBAPTf,OAAA;oBAQNgB,UAEA;oBAAC9C,QAAO,EAAAlB,GAAA,CAAAiE,OAAA;kBAAA,GAAP,kCAAAvG,IAAA,CAAAc,MAAA,CAAAsF,IAAA;oBAAAI,KAEC,EAAAjC,OAAO,iBAAU,GAAAtD,gBAAiB,CAAAwF,IAAiB;oBAAAjD,QAElD,EAAAlB,GAAA,CAAAiE,OAAI;kBAAQ;gBAAA;cACf,GAAAjE,GAAA,CAAA8B,WAAA;YAAA;UAEJ,GAAAN,IAAA,IAAAM,WAAA;QAAA;MAAA;IACF;EAEH,GAAAjB,YAAA;AAAA;AAxFwB,SAyF3BuD,eAAAhE,KAAA;EAAA,IAEH;IACHiE,WAAA;IAAA/D,UAAA;IAAAC,QAAA;IAAAC,YAAA;IAAA8D,eAAA;IAAAC,gBAAA;IAAA9D,OAAA;IAAAC,OAAA;IAAA8D,QAAA;IAAAC,QAAA;EAAA,IAAArE,KAAA;EAAA,IACF;IAAAO;EAzGoB,IA0GtB9C,gBAAA;EAEJ,KAAA6G,QAAA,EAAAC,WAAA,IAAAzG,QAAA;EAmBA,IAAAmC,YAAS,GAAAV,eAAe,CAAA0E,WAAA;EACtB,KAAAO,aAAA,EAAAC,gBAAA,IAAA3G,QAAA;IACA,OAAAmC,YAAA,CAAAS,IAAA,GAAAT,YAAA,CAAAS,IAAA,GAAAhB,YAAA;EACA;EACA,sBAAApC,IAAA,CAAA6B,YAAA;IACAc,YAAA;IACAgE,WAAA;IACAE,gBAAA;IACAG,QAAA;IACAC,WAAW;IACXC,aAAW;IACWC,gBAAA;IACtB3D,QAAQ,iBAActD,KAAA,CAAAS,IAAA,EAAiB;MACvCiD,aAAiB;MACjBmB,UAAM,UAAe;MACrB,GAAO9B,SAAA,CAAAmE,KAAe;MACpB3D,KAAM;MACRD,QAAA,GAEA,eACExD,IAAA,CAAA0B,cAAA;QAAC0B,IAAA,EAAAT,YAAA,CAAAS,IAAA;QAAAiE,SAAA,EAAA1E,YAAA,CAAA0E,SAAA;QACCC,WAAA,WAAAA,YAAA;UACA,OAAAV,eAAA;QACA;QACAW,WAAA,WAAAA,YAAA;UACA,OAAAX,eAAA;QACA;QACAE,QAAA;QAEAC,QAAA;QACES,WAAA,WAAAA,YAAA;UAACL,gBAAA,CAAAxE,YAAA,CAAAS,IAAA,GAAAT,YAAA,CAAAS,IAAA,GAAAhB,YAAA;UAAA6E,WAAA;QAAA;QACoBQ,YACnB,EAAW,SAAAA,YAAaA,CAAA;UACxB,OAAAR,WAAa,CAAM;QAAkB;MACD,IACpC,eACAjH,IAAA,CAAAyC,YAAA;QAAAE,YACA;QACEC,UAAA;QACAC,QAAA;QAAkBC,YACpB;QAAAC,OACA;QAAuCC;MACzC;IACA;EAAC;AAAA;AACC,SAAA0E,gBACAA,CAAAhF,KAAA;EAAA;IAAAE,UACA;IAAAC,QAAA;IAAAC,YAAA;IAAA6D,WAAA;IAAAgB,cAAA;IAAAC,aAAA;IAAA7E,OAAA;IAAAC;EAAA,IAAAN,KAAA;EAAA;IAAAO;EACA,IAAA9C,gBAAA;EAAA;IAAA0H,IACA,EAAAC;EAAA,IAAAlH,QAAA;EAAA,IAAAmH,aACA,GAAAzH,OAAA;IAAA,IAAA0H,IAAA,OAAAC,IAAA,CAAAtB,WAAA;IAAAqB,IACF,CAAAE,QAAA,CAAAF,IAAA,CAAA9D,QAAA;IAAA,OACF8D,IAAA;EAAA,IACFrB,WAAA,CAEJ;EAiBA,IAAAwB,cAAS,GAAA/H,WAAiB,WAAAgI,MAAA;IACxB,OAAAR,aAAA,CAAAQ,MAAA;EACA,IACAR,aAAA,CACA;EACA,IAAAS,uBAAA,GAAAjI,WAAA,WAAA4H,IAAA;IACA,IAAAM,IAAA,OAAAL,IAAA,CAAAD,IAAA;IACAM,IAAA,CAAAJ,QAAA,CAAAI,IAAA,CAAApE,QAAA;IACAyD,cAAA,CAAAW,IAAA;EACF,CAA0B,GACxBX,cAAQ,CACR;EAEA,KAAAG,aAAM;IACJ,OAAM,eAAgB9H,IAAA,CAAAW,IAAA,EAAW;MACjC,GAAKsC,SAAS,CAAAsF,YAAK;MACnB/E,QAAO,iBAAAxD,IAAA,CAAA0G,cAAA;QACLC,WAAY;QAEV/D,UAAA;QACHC,QAAmB;QACnBC,YAAa;QAChB8D,eAAA,EAAAuB,cAAA;QAEMtB,gBAAA,EAAAc,cAA0B;QAC7B5E,OAAe;QACdC;MACA;IACA;EAAmB;EACrB,OACC,eAAc9C,KAAA,CAAAS,IAAA;IACjBiD,aAAA;IAEA,GAAKX,SAAA,CAAAS,GAAA;IACH,GAAAT,SACE,CAAAsF,YAAA;IACE/E,QAAC,kBAAAxD,IAAA,CAAA0G,cAAA;MACCC,WAAA,EAAAoB,aAAA;MACAnF,UAAA;MACAC,QAAA;MACAC,YAAA;MACA8D,eAAA,EAAiBuB,cAAA;MACjBtB,gBAAA,EAAkBwB,uBAAA;MAClBtF,OAAA;MACAC,OAAA;MAAA+D,QAAA;IACF,CACF,GAEJ,eAAA/G,IAAA,CAAAU,SAAA;MAEA8H,QACE;IACE,IAAC,eAAAxI,IAAA,CAAA0G,cAAA;MAAAC,WAAA;MACC/D,UAAA;MACAC,QAAA;MACAC,YAAA;MACA8D,eAAA,EAAAuB,cAAA;MACAtB,gBAAA,EAAiBc,cAAA;MACjB5E,OAAA;MACAC,OAAA;MACA8D,QAAA;IAAA,EACA;EAAU,EACZ;AAAA;AACoB,SACpB2B,YAAAlG,KAAA,EAAAC,GAAA;EAAA,IAAC,CAAAD,KAAA;EAAA,IAAAmG,UAAA,YAAAC,YAAAX,IAAA;IAAA,OACCA,IAAA,CAAAY,YAAA;EAAA;EACA,KAAApG,GACA,YAAAkG,UAAA,CAAAnG,KAAA;EAAA,OACA,GAAAmG,UAAA,CAAAnG,KAAA,YAAAmG,UAAA,CAAAlG,GAAA;AAAA;AACiB,SACjBqG,gBAAAC,KAAkB;EAAA;IAClBC,YAAA;IAAAC,IAAA;IAAAC,UAAA,EAAAC,WAAA;IAAAC,WAAA;IAAApG,OAAA;IAAAC,OAAA;IAAA8C,QAAA;IAAAsD,QAAA;IAAAC,IAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAlE,IAAA;IAAAmE,MAAA,EAAAC,OAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,EAAA,EAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAxJ,QAAA,CAAAiI,KAAA;EAAA;IACAwB,YAAA;IAAArH,SAAA;IAAAkH;EAAA,IAAA9I,YAAA;IAAA2H,IACA;IAAUmB,EAAA,EAAAC,MAAA;IACZF;EAAA;EAGN,IAAAK,kBAAA,GAAAjJ,qBAAA,CAAAwI,QAAA,EAAAN,UAAA,EAAAC,KAAA,EAAAH,IAAA;EAMA,KAAAkB,IAAS,EAAAC,OAAA,CAAY,GAAAjK,QAAoB,CAA0B;EACjE,IAAI,CAACoC,UAAO,EAAA8H,aAAO,IAAAlK,QAAA;EACnB,KAAAqC,QAAM,EAAA8H,WAAc,IAAenK,QAAK;EACxC,IAAI;IAACmG,WAAY;IAAAgB,cAAc;IAAAC;EAAM,IAAAzF,iBAAA;EACrC,IAAAyI,UAAU,GAAArK,MAAW,KAAM;EAC7B,IAAAsK,YAAA,GAAAzK,WAAA;IAMO,IAAA0K,mBAML;IACAL,OAAM;IACJ,CAAAK,mBAAA,GAAAF,UAAA,CAAAG,OAAA,cAAAD,mBAAA,uBAAAA,mBAAA,CAAAE,KAAA;EAAA,GACA;EAAA3K,SACA,aAAY;IACZ,IAAAuC,UAAc,IAAAC,QAAA,EAAAgI,YAAA;EAAA,GACd,CACAjI,UAAA,EACAC,QAAA,EACAgI,YAAA,EACA;EAAA,IACAI,gBAAA,GAAA7K,WAAA,WAAA4H,IAAA;IACA,IAAAjF,OAAA,IAAAiF,IAAA,GAAAjF,OAAA;IACA,IAAAC,OAAA,IAAAgF,IAAA,GAAAhF,OAAA;IACA,KAAAJ,UAAA,IAAAA,UAAA,IAAAC,QAAA;MACA6H,aAAA,CAAA1C,IAAA;MACA2C,WAAO;MACP;IACA;IACA,IAAA3C,IAAA,GAAApF,UAAA;MACA+H,WAAQ,CAAA/H,UAAA;MACR8H,aAAA,CAAA1C,IAAA;MACA6C,YAAA;IACA,OAAI,IAAA9I,SAAA,CAAAiG,IAAA,EAAApF,UAAA;MACJ8H,aAAG;MACDC,WAAS,KAAK;IAElB,OAAQ;MACRA,WAAM,CAAA3C,IAAA;MAEN6C,YAAa;IACb;EACA,IACAjI,UAAQ,EACRC,QAAM,EAENE,OAAM,EACJC,OAAA,EACA6H,YAAW,CACb;EAEA,IAAAK,WAAU,GAAM9K,WAAA;IACdsK,aAAI,KAAc;IACpBC,WAAI,KAAY;EAEhB,MAAM;EAAmB,IACtBQ,eAAe,kBAAAnL,IAAA,CAAA0H,gBAAA;IACd9E,UAAI;IACJC,QAAI;IAEJC,YAAK,EAAAmI,gBAAe;IAClBtE,WAAA;IACAgB,cAAA;IACAC,aAAA;IAAA7E,OACF;IAEAC;EACE;EACA,IAAAoI,aAAA,GAAc,SAAIC,eAAAC,QAAA,EAAAC,WAAA;IAClB,IAAAnC,QAAA;MACF,sBAAqBpJ,IAAM,CAAAwB,UAAU,CAAAgK,GAAG;QACtChI,QAAA,iBAAkBxD,IAAA,CAAAwB,UAAA,CAAAiK,IAAA;UAClBC,KAAA,EAAAjD,WAAgB,CAAA7F,UAAA,EAAAC,QAAA;UAClBuG,QAAO;UACL,eAAgB;UAChB,eAAa,EAAAU,QAAA;UACf,gBAAAwB,QAAA;UACFnC;QACC;MACH;IAEA;IACE,IAAAwC,gBAAkB,YAAAC,kBAAAC,MAAA;MAClBpB,OAAA,CAAAoB,MAAgB;MACd,IAAC,CAAAA,MAAA,EAAAN,WAAA,aAAAA,WAAA,uBAAAA,WAAA;IAEL;IACG,sBAAAvL,IAAA,CAAA4B,sBAAA;MAAA4I,IAAA;MACCsB,YAAA,EAAAH,gBAAA;MACAf,UAAA;MACAmB,OAAA,iBAAc/L,IAAA,CAAA2B,sBAAA;QACd+J,KAAA,EAAAjD,WAAA,CAAA7F,UAAA,EAAAC,QAAA;QACAsG,WAAA;QACArD,QAAA;QACAkG,OAAA,EAAAd,WAAA;QACAe,aAAA,WAAAA,cAAA;UAAA,OAAAxB,OAAA;QACF;QAGId,KAAA,IAAA2B,QAAiB;QACjB,eAAU,EAAAxB,QAAA;QACZ,cACE,EAAAwB,QAAA,IAAC;MACC,EAAC;MAAW9H,QAAX,EAAA2H;IAAA;EACwC;EAC/B,IAAAlB,QACR;IAAc,OACd,eAAejK,IAAA,CAAAgB,WAAY;MAAAmJ,EAAA;MACDV,KAC1B;MAAA7D,IAAA;MACF3C,SACF;MAEJO,QAAA,iBAAAxD,IAAA,CAAAyB,QAAA;QACAyK,OAAM;QACJzI,KAAA,EAAQ,MAAM;QACdU,MAAK,EAAAlB,SAAQ,CAAA4C;MACf;IACA;EACE;EAAC,KAAAyE,YAAA,KAAAhB,IAAA;IAAA,OACC,eAAAtJ,IAAA,CAAAgB,WAAA;MAAAmJ,EACA;MAAcV,KACd;MAAAC,UACA;MACEC,KAAC,EAAAC,SAAA;MAAAC,UAAA;MAAAC,QACC;MAAuClE,IAAA;MACvC3C,SACA;MAAAO,QACA,iBAASxD,IAAA,CAAAwB,UAAA;QAAAoE,IACT,EAAAA,IAAA,IAAA3C,SAAe,CAAA4C,SAAc;QAAIrC,QACjC,EAAA4H,aAAS,GAAAxB,SAAA;MAAA;IACkB;EACD;EAAA,OAC5B,eAAA5J,IAAA,CAAAe,KAAA;IAAAgI,YAGD;IAAAC,IAAA,EAAAsB,YAAA;IACHjB,IAAA;IAEJC,IAAA;IAGAC,aAAc;IACZC,UACE,EAAAe,kBAAC;IAIL/G,QAAA,WAAAA,SAAA2I,KAAA;MAEI,IAACC,aAAgB,GAACjL,aAAM,CAAAgL,KAAA,EAAAvC,SAAA;MAC1B,OACE,eAAA5J,IAAA,CAAAgB,WAAA;QAACmJ,EAAA;QAAAV,KAAA;QACCC,UAAA;QACAC,KAAA,EAAAyC,aAAA;QACAvC,UAAA;QACAC,QAAO;QACPlE,IAAA;QACA3C,SAAA;QACAO,QAAA,iBAAAxD,IAAA,CAAAwB,UAAA;UACAoE,IAAA,EAAAA,IAAA,IAAA3C,SAAA,CAAA4C,SAAA;UAEArC,QAAA,EAAA4H,aAAA,GAAAgB,aAAC,EAAAhL,iBAAyB,CAAA+K,KAAA,EAAU,YAAY,EAAAnC,OAAA;QAA2B;MAC7E;IAEJ;EAEA;AACE;AAAC,SAAAnB,eACC","ignoreList":[]}

package/dist/esm/fields/DatePicker/DateRangePicker.spec.mjs

@@ -0,0 +1,77 @@
+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 loadDateRangePicker() {
+  return (await import("./DateRangePicker.mjs")).DateRangePicker;
+}
+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("DateRangePicker", () => {
+  it("handles disabled state", async () => {
+    const DateRangePicker = await loadDateRangePicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(DateRangePicker, {
+      label: "Range",
+      name: "range",
+      placeholder: "Pick a range",
+      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 a start and end date", async () => {
+    const DateRangePicker = await loadDateRangePicker();
+    const result = renderWithProviders(/* @__PURE__ */jsx(DateRangePicker, {
+      label: "Range",
+      name: "range",
+      placeholder: "Pick a range"
+    }));
+    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(1);
+    });
+    const dayButtons = getEnabledDayButtons(document.body);
+    await act(async () => {
+      fireEvent.click(dayButtons[0]);
+    });
+    const input = result.container.querySelector("input");
+    await waitFor(() => {
+      expect(input?.value ?? "").toContain("end date");
+    });
+    await act(async () => {
+      fireEvent.click(dayButtons[1]);
+    });
+    await waitFor(() => {
+      expect(input?.value ?? "").not.toContain("end date");
+      expect(input?.value ?? "").toContain("\u2013");
+    });
+  });
+});
+//# sourceMappingURL=DateRangePicker.spec.mjs.map

package/dist/esm/fields/DatePicker/DateRangePicker.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","loadDateRangePicker","DateRangePicker","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","not"],"sources":["../../../../src/fields/DatePicker/DateRangePicker.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/DatePicker/DateRangePicker.spec.native.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+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;
+      }
+    }
+  };
+});
+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 loadDateRangePicker() {
+  return (await import("./DateRangePicker.native.js")).DateRangePicker;
+}
+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;
+  });
+}
+describe("DateRangePicker", function () {
+  it("handles disabled state", async function () {
+    var DateRangePicker = await loadDateRangePicker();
+    var result = renderWithProviders(/* @__PURE__ */_jsx(DateRangePicker, {
+      label: "Range",
+      name: "range",
+      placeholder: "Pick a range",
+      disabled: true
+    }));
+    var input = result.container.querySelector("input");
+    expect(input).toBeTruthy();
+    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) fireEvent.click(clickable);
+    expect(result.findTextElement("Select a month")).toBeUndefined();
+  });
+  it("selects a start and end date", async function () {
+    var DateRangePicker = await loadDateRangePicker();
+    var result = renderWithProviders(/* @__PURE__ */_jsx(DateRangePicker, {
+      label: "Range",
+      name: "range",
+      placeholder: "Pick a range"
+    }));
+    var trigger = result.container.querySelector("input,button,[role='button']");
+    expect(trigger).toBeTruthy();
+    await act(async function () {
+      if (trigger) fireEvent.click(trigger);
+    });
+    await waitFor(function () {
+      expect(getEnabledDayButtons(document.body).length).toBeGreaterThan(1);
+    });
+    var dayButtons = getEnabledDayButtons(document.body);
+    await act(async function () {
+      fireEvent.click(dayButtons[0]);
+    });
+    var input = result.container.querySelector("input");
+    await waitFor(function () {
+      var _ref;
+      expect((_ref = input === null || input === void 0 ? void 0 : input.value) !== null && _ref !== void 0 ? _ref : "").toContain("end date");
+    });
+    await act(async function () {
+      fireEvent.click(dayButtons[1]);
+    });
+    await waitFor(function () {
+      var _ref, _ref1;
+      expect((_ref = input === null || input === void 0 ? void 0 : input.value) !== null && _ref !== void 0 ? _ref : "").not.toContain("end date");
+      expect((_ref1 = input === null || input === void 0 ? void 0 : input.value) !== null && _ref1 !== void 0 ? _ref1 : "").toContain("\u2013");
+    });
+  });
+});
+//# sourceMappingURL=DateRangePicker.spec.native.js.map