impact-nova 2.2.3 → 2.2.4

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

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