impact-nova 2.2.3 → 2.2.4

package/dist/components/forms/date-picker/date-range-picker.js

@@ -1,142 +1,142 @@
-import { jsx as u, jsxs as E } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as m, jsxs as E } from "react/jsx-runtime";
+import * as c from "react";
 import { Cross as Ve, CalendarMonth as Oe } from "impact-nova-icons";
-import { format as x } from "date-fns";
-import { cn as O } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as Ke, usePickerFooterDismissNudge as je, createRangePickerOpenChangeHandler as Le, parseDateInput as K, normalizeOrderedRange as qe, flashRangeReorder as ze, isDateInputInvalid as $, resolveRangeFieldBlur as N, resolveRangePickerDismissFlash as He, compareDates as j, deferRangeInputBlur as Ge, maskDateInput as F, resolveDateInputOnBlur as S } from "./date-input-behavior.js";
-import { useFieldChrome as Je } from "../../../lib/primitives/use-field-chrome.js";
-import { Popover as Qe, PopoverAnchor as Ue, PopoverContent as We } from "../../feedback/popover/popover.js";
-import { Calendar as Xe } from "../../data-display/calendar/calendar.js";
-import { Tooltip as ee, TooltipTrigger as te, TooltipContent as re } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as Ye } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Ze } from "../../../i18n/getDateFnsLocale.js";
-import { coerceDateRangeApply as _e, coerceDateRange as $e } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Fe } from "../../../lib/date-bounds-matcher.js";
-function et(r, c) {
-  if (!r && !c) return !0;
-  if (!r || !c) return !1;
-  const n = !r.from && !c.from || r.from && c.from && j(r.from, c.from) === 0, A = !r.to && !c.to || r.to && c.to && j(r.to, c.to) === 0;
+import { format as D } from "date-fns";
+import { cn as K } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as Ke, usePickerFooterDismissNudge as je, createRangePickerOpenChangeHandler as Le, parseDateInput as j, normalizeOrderedRange as qe, flashRangeReorder as ze, isDateInputInvalid as F, resolveRangeFieldBlur as N, resolveRangePickerDismissFlash as He, handlePickerSurfacePointerDown as Ge, compareDates as L, deferRangeInputBlur as Je, maskDateInput as ee, resolveDateInputOnBlur as S } from "./date-input-behavior.js";
+import { useFieldChrome as Qe } from "../../../lib/primitives/use-field-chrome.js";
+import { Popover as Ue, PopoverAnchor as We, PopoverContent as Xe } from "../../feedback/popover/popover.js";
+import { Calendar as Ye } from "../../data-display/calendar/calendar.js";
+import { Tooltip as te, TooltipTrigger as re, TooltipContent as oe } from "../../feedback/tooltip/tooltip.js";
+import { useImpactNovaI18n as Ze } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as _e } from "../../../i18n/getDateFnsLocale.js";
+import { coerceDateRangeApply as $e, coerceDateRange as Fe } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as et } from "../../../lib/date-bounds-matcher.js";
+function tt(r, a) {
+  if (!r && !a) return !0;
+  if (!r || !a) return !1;
+  const n = !r.from && !a.from || r.from && a.from && L(r.from, a.from) === 0, A = !r.to && !a.to || r.to && a.to && L(r.to, a.to) === 0;
   return !!(n && A);
 }
-const tt = a.forwardRef(
+const rt = c.forwardRef(
   ({
     value: r,
-    onChange: c,
+    onChange: a,
     format: n = "MM/dd/yyyy",
     startPlaceholder: A,
-    endPlaceholder: oe,
-    minDate: ne,
-    maxDate: se,
-    startMonth: ie,
-    endMonth: le,
+    endPlaceholder: ne,
+    minDate: se,
+    maxDate: ie,
+    startMonth: le,
+    endMonth: ce,
     showFooter: g = !0,
-    weekStartsOn: L,
+    weekStartsOn: q,
     disabled: f,
     label: ae,
-    helperText: ce,
-    helperTextPosition: fe = "absolute",
-    prefix: rt,
-    prefixClick: ot,
-    isError: de,
-    error: pe,
-    size: q,
+    helperText: fe,
+    helperTextPosition: de = "absolute",
+    prefix: ot,
+    prefixClick: nt,
+    isError: pe,
+    error: ue,
+    size: z,
     required: me,
-    className: ue,
-    ...ge
-  }, he) => {
-    const { locale: z, t: b } = Ye(), s = a.useMemo(() => Ze(z), [z]), H = A ?? b("datePicker.startDate"), G = oe ?? b("datePicker.endDate"), J = pe ?? de, ye = Je({
+    className: ge,
+    ...he
+  }, ye) => {
+    const { locale: H, t: b } = Ze(), s = c.useMemo(() => _e(H), [H]), G = A ?? b("datePicker.startDate"), J = ne ?? b("datePicker.endDate"), Q = ue ?? pe, Re = Qe({
       label: ae,
-      helperText: ce,
-      helperTextPosition: fe,
-      error: J,
+      helperText: fe,
+      helperTextPosition: de,
+      error: Q,
       required: me,
       disabled: f ?? void 0,
       rootClassName: "w-full min-w-[240px]"
-    }), Q = a.useRef(null), Re = a.useRef(null), U = a.useRef(null), T = a.useRef(null), M = a.useRef(null);
-    a.useImperativeHandle(he, () => Q.current);
-    const [p, h] = a.useState(!1), W = Ke(), { footerFlashKey: xe, footerFlashTarget: De, popoverHandlers: ke } = je(g, p, W, U), I = a.useRef(!1), [d, y] = a.useState(r), [m, D] = a.useState(r?.from ? x(r.from, n, { locale: s }) : ""), [R, k] = a.useState(r?.to ? x(r.to, n, { locale: s }) : ""), [ve, P] = a.useState(r?.from || /* @__PURE__ */ new Date()), v = r?.from ? x(r.from, n, { locale: s }) : "", C = r?.to ? x(r.to, n, { locale: s }) : "";
-    a.useEffect(() => {
-      D(r?.from ? x(r.from, n, { locale: s }) : ""), k(r?.to ? x(r.to, n, { locale: s }) : ""), y(r);
+    }), M = c.useRef(null), U = c.useRef(null), W = c.useRef(null), T = c.useRef(null), V = c.useRef(null);
+    c.useImperativeHandle(ye, () => M.current);
+    const [p, h] = c.useState(!1), X = Ke(), { footerFlashKey: De, footerFlashTarget: ke, popoverHandlers: xe } = je(g, p, X, W), P = c.useRef(!1), [d, y] = c.useState(r), [u, k] = c.useState(r?.from ? D(r.from, n, { locale: s }) : ""), [R, x] = c.useState(r?.to ? D(r.to, n, { locale: s }) : ""), [ve, I] = c.useState(r?.from || /* @__PURE__ */ new Date()), v = r?.from ? D(r.from, n, { locale: s }) : "", C = r?.to ? D(r.to, n, { locale: s }) : "";
+    c.useEffect(() => {
+      k(r?.from ? D(r.from, n, { locale: s }) : ""), x(r?.to ? D(r.to, n, { locale: s }) : ""), y(r);
     }, [r, n, s]);
-    const Ce = a.useCallback(
+    const Ce = c.useCallback(
       (e) => Le({
         disabled: f ?? void 0,
         showFooter: g,
         containerRef: T,
-        popoverContentRef: M,
+        popoverContentRef: V,
         setOpen: h
       })(e),
       [f, g]
-    ), X = a.useRef(!1);
-    a.useEffect(() => {
-      if (p && !X.current) {
-        const e = K(m, n, s);
-        e.parsed ? P(e.parsed) : d?.from ? P(d.from) : r?.from && P(r.from);
+    ), Y = c.useRef(!1);
+    c.useEffect(() => {
+      if (p && !Y.current) {
+        const e = j(u, n, s);
+        e.parsed ? I(e.parsed) : d?.from ? I(d.from) : r?.from && I(r.from);
       }
-      X.current = p;
-    }, [p, m, n, s, d?.from, r?.from]);
+      Y.current = p;
+    }, [p, u, n, s, d?.from, r?.from]);
     const be = (e) => {
-      const t = $e(e);
-      y(t), t?.from && D(x(t.from, n, { locale: s })), t?.to && k(x(t.to, n, { locale: s })), g || t?.from && t?.to && t.from.getTime() !== t.to.getTime() && (c?.(t), h(!1));
-    }, w = a.useCallback((e, t) => {
-      const o = qe(e, t, j);
-      return o.swapped && (o.from && D(x(o.from, n, { locale: s })), o.to && k(x(o.to, n, { locale: s })), ze(T.current)), { from: o.from, to: o.to };
-    }, [n, s]), Y = (e) => {
-      let t = _e(e, d);
+      const t = Fe(e);
+      y(t), t?.from && k(D(t.from, n, { locale: s })), t?.to && x(D(t.to, n, { locale: s })), g || t?.from && t?.to && t.from.getTime() !== t.to.getTime() && (a?.(t), h(!1));
+    }, w = c.useCallback((e, t) => {
+      const o = qe(e, t, L);
+      return o.swapped && (o.from && k(D(o.from, n, { locale: s })), o.to && x(D(o.to, n, { locale: s })), ze(T.current)), { from: o.from, to: o.to };
+    }, [n, s]), Z = (e) => {
+      let t = $e(e, d);
       t?.from && !t.to && (t = { from: t.from, to: t.from });
       const o = w(t?.from, t?.to);
-      y({ from: o.from, to: o.to }), c?.({ from: o.from, to: o.to }), h(!1);
+      y({ from: o.from, to: o.to }), a?.({ from: o.from, to: o.to }), h(!1);
     }, B = () => {
-      y(r), D(r?.from ? x(r.from, n, { locale: s }) : ""), k(r?.to ? x(r.to, n, { locale: s }) : ""), h(!1);
-    }, V = () => {
-      y(void 0), D(""), k(""), c?.(void 0), g || h(!1);
-    }, Ie = (e) => {
-      const t = F(e.target.value, n, m);
-      if (D(t), t === "") {
+      y(r), k(r?.from ? D(r.from, n, { locale: s }) : ""), x(r?.to ? D(r.to, n, { locale: s }) : ""), h(!1);
+    }, O = () => {
+      y(void 0), k(""), x(""), a?.(void 0), g || h(!1);
+    }, Pe = (e) => {
+      const t = ee(e.target.value, n, u);
+      if (k(t), t === "") {
         const l = { from: void 0, to: d?.to };
-        y(l), g || c?.(l);
+        y(l), g || a?.(l);
         return;
       }
-      const { parsed: o, isValid: i } = K(t, n, s);
+      const { parsed: o, isValid: i } = j(t, n, s);
       if (i && o) {
         const l = { from: o, to: d?.to };
-        y(l), P(o), g || c?.(l);
+        y(l), I(o), g || a?.(l);
       }
-    }, Pe = (e) => {
-      const t = F(e.target.value, n, R);
-      if (k(t), t === "") {
+    }, Ie = (e) => {
+      const t = ee(e.target.value, n, R);
+      if (x(t), t === "") {
         const l = { from: d?.from, to: void 0 };
-        y(l), g || c?.(l);
+        y(l), g || a?.(l);
         return;
       }
-      const { parsed: o, isValid: i } = K(t, n, s);
+      const { parsed: o, isValid: i } = j(t, n, s);
       if (i && o) {
         const l = { from: d?.from, to: o };
-        y(l), P(o), g || c?.(l);
+        y(l), I(o), g || a?.(l);
       }
-    }, Z = () => {
-      Ge(
+    }, _ = () => {
+      Je(
         T,
-        M,
+        V,
         () => {
-          const e = N(m, n, v, s), t = N(R, n, C, s);
-          e.resetToCommitted ? D(v) : e.parsed && D(e.display), t.resetToCommitted ? k(C) : t.parsed && k(t.display);
+          const e = N(u, n, v, s), t = N(R, n, C, s);
+          e.resetToCommitted ? k(v) : e.parsed && k(e.display), t.resetToCommitted ? x(C) : t.parsed && x(t.display);
           let o = e.parsed ? e.parsed : e.resetToCommitted ? r?.from : d?.from, i = t.parsed ? t.parsed : t.resetToCommitted ? r?.to : d?.to;
           o && i && ({ from: o, to: i } = w(o, i));
           const l = o || i ? { from: o, to: i } : void 0;
-          y(l), g || (l ? c?.(l) : !m && !R && c?.(void 0));
+          y(l), g || (l ? a?.(l) : !u && !R && a?.(void 0));
         }
       );
     }, Ee = () => {
-      const e = S(m, n, v, s), t = S(R, n, C, s);
-      e.resetToCommitted ? D(v) : e.parsed && D(e.display), t.resetToCommitted ? k(C) : t.parsed && k(t.display);
+      const e = S(u, n, v, s), t = S(R, n, C, s);
+      e.resetToCommitted ? k(v) : e.parsed && k(e.display), t.resetToCommitted ? x(C) : t.parsed && x(t.display);
       let o = e.parsed ?? d?.from ?? r?.from, i = t.parsed ?? d?.to ?? r?.to;
       o && i && ({ from: o, to: i } = w(o, i));
       const l = o || i ? { from: o, to: i } : void 0;
-      l ? (y(l), c?.(l)) : !m && !R && (y(void 0), c?.(void 0));
-    }, _ = () => {
+      l ? (y(l), a?.(l)) : !u && !R && (y(void 0), a?.(void 0));
+    }, $ = () => {
       if (p && g) {
-        Y();
+        Z();
         return;
       }
       if (!p) {
@@ -144,27 +144,27 @@ const tt = a.forwardRef(
           Ee();
           return;
         }
-        const e = S(m, n, v, s), t = S(R, n, C, s);
+        const e = S(u, n, v, s), t = S(R, n, C, s);
         if (e.parsed || t.parsed) return;
-        I.current = !0, h(!0);
+        P.current = !0, h(!0);
       }
-    }, we = m !== v, Te = R !== C, Be = $(m, n, s), Ne = $(R, n, s), Se = a.useCallback(() => {
-      const e = N(m, n, v, s), t = N(R, n, C, s);
+    }, we = u !== v, Te = R !== C, Be = F(u, n, s), Ne = F(R, n, s), Se = c.useCallback(() => {
+      const e = N(u, n, v, s), t = N(R, n, C, s);
       let o = e.parsed ? e.parsed : e.resetToCommitted ? r?.from : d?.from, i = t.parsed ? t.parsed : t.resetToCommitted ? r?.to : d?.to;
       o && i && ({ from: o, to: i } = w(o, i));
       const l = o || i ? { from: o, to: i } : void 0;
       return He({
-        startInput: m,
+        startInput: u,
         endInput: R,
         committedStart: v,
         committedEnd: C,
         committedRange: r,
         pendingRange: d,
         computeEffectiveRange: () => l,
-        rangesEqual: (Ae, Me) => et(Ae, Me)
+        rangesEqual: (Ae, Me) => tt(Ae, Me)
       });
     }, [
-      m,
+      u,
       R,
       v,
       C,
@@ -174,74 +174,82 @@ const tt = a.forwardRef(
       s,
       w
     ]);
-    return a.useLayoutEffect(() => {
-      W.current = {
+    return c.useLayoutEffect(() => {
+      X.current = {
         onDismiss: B,
         resolveFlash: Se
       };
-    }), /* @__PURE__ */ u(
+    }), /* @__PURE__ */ m(
       "div",
       {
-        ref: U,
+        ref: W,
         "data-component": "date-range-picker",
         "data-disabled": f || void 0,
-        children: ye.wrapControl(
-          /* @__PURE__ */ E(Qe, { open: f ? !1 : p, onOpenChange: Ce, children: [
-            /* @__PURE__ */ u(Ue, { asChild: !0, children: /* @__PURE__ */ E(
+        children: Re.wrapControl(
+          /* @__PURE__ */ E(Ue, { open: f ? !1 : p, onOpenChange: Ce, children: [
+            /* @__PURE__ */ m(We, { asChild: !0, children: /* @__PURE__ */ E(
               "div",
               {
                 ref: T,
                 "data-state": p ? "open" : "closed",
-                className: O(
+                onPointerDown: (e) => Ge({
+                  disabled: f,
+                  event: e,
+                  onOpen: () => h(!0),
+                  focusField: (t) => {
+                    t === "end" ? U.current?.focus() : M.current?.focus();
+                  }
+                }),
+                className: K(
                   "flex w-full items-center justify-between gap-2 rounded-md border bg-canvas-elevated px-3 text-sm shadow-sm transition-colors hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
-                  J ? "border-destructive hover:border-destructive" : "border-field",
-                  q === "sm" ? "h-6" : q === "md" ? "h-[28px]" : "h-8",
+                  Q ? "border-destructive hover:border-destructive" : "border-field",
+                  z === "sm" ? "h-6" : z === "md" ? "h-[28px]" : "h-8",
                   f && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                   "cursor-pointer",
-                  ue
+                  ge
                 ),
                 children: [
                   /* @__PURE__ */ E("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                    /* @__PURE__ */ u(
+                    /* @__PURE__ */ m(
                       "input",
                       {
-                        ref: Q,
+                        ref: M,
                         type: "text",
-                        value: m,
-                        onChange: Ie,
-                        onBlur: Z,
+                        value: u,
+                        onChange: Pe,
+                        onBlur: _,
                         onClick: () => !f && h(!0),
                         onKeyDown: (e) => {
-                          e.key === "Enter" && !f && (e.preventDefault(), _()), e.key === "ArrowDown" && !p && !f && (e.preventDefault(), I.current = !0, h(!0)), e.key === "Escape" && p && (e.preventDefault(), B());
+                          e.key === "Enter" && !f && (e.preventDefault(), $()), e.key === "ArrowDown" && !p && !f && (e.preventDefault(), P.current = !0, h(!0)), e.key === "Escape" && p && (e.preventDefault(), B());
                         },
-                        placeholder: p ? n : H,
+                        placeholder: p ? n : G,
                         disabled: !!f,
-                        "aria-label": H,
+                        "aria-label": G,
                         "data-field": "start",
-                        className: O(
+                        className: K(
                           "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                           Be ? "text-destructive" : we ? "text-content-placeholder" : ""
                         ),
-                        ...ge
+                        ...he
                       }
                     ),
-                    /* @__PURE__ */ u(
+                    /* @__PURE__ */ m(
                       "input",
                       {
-                        ref: Re,
+                        ref: U,
                         type: "text",
                         value: R,
-                        onChange: Pe,
-                        onBlur: Z,
+                        onChange: Ie,
+                        onBlur: _,
                         onClick: () => !f && h(!0),
                         onKeyDown: (e) => {
-                          e.key === "Enter" && !f && (e.preventDefault(), _()), e.key === "ArrowDown" && !p && !f && (e.preventDefault(), I.current = !0, h(!0)), e.key === "Escape" && p && (e.preventDefault(), B());
+                          e.key === "Enter" && !f && (e.preventDefault(), $()), e.key === "ArrowDown" && !p && !f && (e.preventDefault(), P.current = !0, h(!0)), e.key === "Escape" && p && (e.preventDefault(), B());
                         },
-                        placeholder: p ? n : G,
+                        placeholder: p ? n : J,
                         disabled: !!f,
-                        "aria-label": G,
+                        "aria-label": J,
                         "data-field": "end",
-                        className: O(
+                        className: K(
                           "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-content-empty disabled:cursor-not-allowed disabled:opacity-50",
                           Ne ? "text-destructive" : Te ? "text-content-placeholder" : ""
                         )
@@ -249,67 +257,67 @@ const tt = a.forwardRef(
                     )
                   ] }),
                   /* @__PURE__ */ E("div", { className: "flex items-center gap-1 shrink-0", children: [
-                    r?.from && !f && /* @__PURE__ */ E(ee, { children: [
-                      /* @__PURE__ */ u(te, { asChild: !0, children: /* @__PURE__ */ u(
+                    r?.from && !f && /* @__PURE__ */ E(te, { children: [
+                      /* @__PURE__ */ m(re, { asChild: !0, children: /* @__PURE__ */ m(
                         "button",
                         {
                           type: "button",
                           tabIndex: 0,
                           "aria-label": b("calendar.clear"),
                           onClick: (e) => {
-                            e.stopPropagation(), V();
+                            e.stopPropagation(), O();
                           },
                           onKeyDown: (e) => {
-                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), V());
+                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), O());
                           },
                           className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                          children: /* @__PURE__ */ u(Ve, { className: "size-3 hover:text-content text-content-icon" })
+                          children: /* @__PURE__ */ m(Ve, { className: "size-3 hover:text-content text-content-icon" })
                         }
                       ) }),
-                      /* @__PURE__ */ u(re, { variant: "tertiary", side: "top", children: b("calendar.clear") })
+                      /* @__PURE__ */ m(oe, { variant: "tertiary", side: "top", children: b("calendar.clear") })
                     ] }),
-                    /* @__PURE__ */ E(ee, { children: [
-                      /* @__PURE__ */ u(te, { asChild: !0, children: /* @__PURE__ */ u("button", { type: "button", tabIndex: 0, "aria-label": b("datePicker.selectMonthRange"), onClick: (e) => {
+                    /* @__PURE__ */ E(te, { children: [
+                      /* @__PURE__ */ m(re, { asChild: !0, children: /* @__PURE__ */ m("button", { type: "button", tabIndex: 0, "aria-label": b("datePicker.selectMonthRange"), onClick: (e) => {
                         e.stopPropagation(), f || h(!p);
                       }, onKeyDown: (e) => {
-                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), f || (I.current = !0, h(!p)));
-                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ u(Oe, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                      /* @__PURE__ */ u(re, { variant: "tertiary", side: "top", children: b("datePicker.selectMonthRange") })
+                        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), f || (P.current = !0, h(!p)));
+                      }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ m(Oe, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                      /* @__PURE__ */ m(oe, { variant: "tertiary", side: "top", children: b("datePicker.selectMonthRange") })
                     ] })
                   ] })
                 ]
               }
             ) }),
-            /* @__PURE__ */ u(
-              We,
+            /* @__PURE__ */ m(
+              Xe,
               {
-                ref: M,
+                ref: V,
                 className: "w-auto p-0",
                 align: "start",
                 "aria-label": b("datePicker.selectDateRange"),
                 onOpenAutoFocus: (e) => {
-                  I.current || e.preventDefault(), I.current = !1;
+                  P.current || e.preventDefault(), P.current = !1;
                 },
-                ...ke,
-                children: /* @__PURE__ */ u(
-                  Xe,
+                ...xe,
+                children: /* @__PURE__ */ m(
+                  Ye,
                   {
                     mode: "range",
                     selected: d,
-                    footerFlashKey: xe,
-                    footerFlashTarget: De,
+                    footerFlashKey: De,
+                    footerFlashTarget: ke,
                     onSelect: be,
                     month: ve,
-                    onMonthChange: P,
-                    disabled: Fe(ne, se),
-                    startMonth: ie,
-                    endMonth: le,
+                    onMonthChange: I,
+                    disabled: et(se, ie),
+                    startMonth: le,
+                    endMonth: ce,
                     showFooter: g,
-                    onApply: Y,
+                    onApply: Z,
                     onCancel: B,
-                    onClear: V,
+                    onClear: O,
                     captionLayout: "dropdown",
-                    ...L !== void 0 ? { weekStartsOn: L } : {}
+                    ...q !== void 0 ? { weekStartsOn: q } : {}
                   }
                 )
               }
@@ -320,7 +328,7 @@ const tt = a.forwardRef(
     );
   }
 );
-tt.displayName = "DateRangePicker";
+rt.displayName = "DateRangePicker";
 export {
-  tt as DateRangePicker
+  rt as DateRangePicker
 };