impact-nova 2.5.9 → 2.5.11

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

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