impact-nova 2.0.8 → 2.0.9

package/dist/components/ui/date-picker/multi-month-picker.js

@@ -1,100 +1,119 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as c from "react";
-import { Cross as j, CalendarMonth as v } from "impact-nova-icons";
-import { cn as w } from "../../../lib/utils.js";
-import { Input as z } from "../input.js";
-import { Popover as R, PopoverAnchor as $, PopoverContent as E } from "../popover.js";
-import { Calendar as L } from "../calendar.js";
-import { Tooltip as u, TooltipTrigger as y, TooltipContent as C } from "../tooltip.js";
-import { useImpactNovaI18n as V } from "../../../i18n/ImpactNovaI18nContext.js";
-const q = c.forwardRef(
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import { Cross as j, CalendarMonth as w } from "impact-nova-icons";
+import { cn as D } from "../../../lib/utils.js";
+import { Input as R } from "../input.js";
+import { Popover as z, PopoverAnchor as E, PopoverContent as K } from "../popover.js";
+import { Calendar as V } from "../calendar.js";
+import { Tooltip as y, TooltipTrigger as g, TooltipContent as M } from "../tooltip.js";
+import { useImpactNovaI18n as $ } from "../../../i18n/ImpactNovaI18nContext.js";
+const L = l.forwardRef(
   ({
-    value: e,
-    onChange: s,
-    placeholder: g,
-    minDate: h,
-    maxDate: M,
-    startMonth: P,
+    value: n,
+    onChange: p,
+    placeholder: C,
+    minDate: f,
+    maxDate: P,
+    startMonth: k,
     endMonth: x,
-    showFooter: p = !0,
-    disabled: l,
-    className: k,
+    showFooter: d = !0,
+    disabled: r,
+    className: b,
     ...N
   }, T) => {
-    const { t: o } = V(), A = g ?? o("datePicker.selectMultipleMonths"), [d, r] = c.useState(!1), [m, i] = c.useState(e);
-    c.useEffect(() => {
-      i(e);
-    }, [d, e]);
-    const O = (n) => {
-      i(n), p || s?.(n);
-    }, b = (n) => {
-      s?.(n !== void 0 ? n : m), r(!1);
-    }, S = () => {
-      i(e), r(!1);
-    }, f = () => {
-      i(void 0), s?.(void 0), p || r(!1);
-    }, I = e && e.length > 0 ? e.length === 1 ? `${e[0].month + 1}/${e[0].year}` : o("datePicker.monthsSelected", { count: e.length }) : "";
-    return /* @__PURE__ */ a(R, { open: d, onOpenChange: (n) => {
-      l || r(n);
+    const { t: o } = $(), A = C ?? o("datePicker.selectMultipleMonths"), [i, a] = l.useState(!1), h = l.useRef(!1), [m, c] = l.useState(n);
+    l.useEffect(() => {
+      c(n);
+    }, [i, n]);
+    const O = (e) => {
+      c(e), d || p?.(e);
+    }, v = (e) => {
+      p?.(e !== void 0 ? e : m), a(!1);
+    }, I = () => {
+      c(n), a(!1);
+    }, u = () => {
+      c(void 0), p?.(void 0), d || a(!1);
+    }, S = n && n.length > 0 ? n.length === 1 ? `${n[0].month + 1}/${n[0].year}` : o("datePicker.monthsSelected", { count: n.length }) : "";
+    return /* @__PURE__ */ s(z, { open: r ? !1 : i, onOpenChange: (e) => {
+      r || a(e);
     }, children: [
-      /* @__PURE__ */ t($, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-        z,
+      /* @__PURE__ */ t(E, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        R,
         {
           ref: T,
-          value: I,
+          value: S,
           placeholder: A,
           readOnly: !0,
-          disabled: l,
+          disabled: r,
           onClick: () => {
-            !l && !d && r(!0);
+            !r && !i && a(!0);
           },
-          className: w("cursor-pointer", k),
-          suffix: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !l && /* @__PURE__ */ a(u, { children: [
-              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(
+          className: D("cursor-pointer", b),
+          suffix: /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+            n && n.length > 0 && !r && /* @__PURE__ */ s(y, { children: [
+              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
                   "aria-label": o("calendar.clear"),
-                  onClick: (n) => {
-                    n.stopPropagation(), f();
+                  onClick: (e) => {
+                    e.stopPropagation(), u();
                   },
                   className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
                   children: /* @__PURE__ */ t(j, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ t(C, { variant: "tertiary", side: "top", children: o("calendar.clear") })
+              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: o("calendar.clear") })
             ] }),
-            /* @__PURE__ */ a(u, { children: [
-              /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(v, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(C, { variant: "tertiary", side: "top", children: o("datePicker.selectMultipleMonths") })
+            /* @__PURE__ */ s(y, { children: [
+              /* @__PURE__ */ t(g, { asChild: !0, children: /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: 0,
+                  "data-component": "calendar-trigger",
+                  "aria-label": o("datePicker.selectMultipleMonths"),
+                  onPointerDown: (e) => {
+                    e.preventDefault(), e.stopPropagation(), r || a(!i);
+                  },
+                  onKeyDown: (e) => {
+                    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), r || (h.current = !0, a(!i)));
+                  },
+                  className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
+                  children: /* @__PURE__ */ t(w, { className: "h-4 w-4 text-secondary-foreground" })
+                }
+              ) }),
+              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: o("datePicker.selectMultipleMonths") })
             ] })
           ] }),
           ...N
         }
       ) }) }),
       /* @__PURE__ */ t(
-        E,
+        K,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (n) => n.preventDefault(),
+          "aria-label": o("datePicker.selectMultipleMonths"),
+          onOpenAutoFocus: (e) => {
+            h.current || e.preventDefault(), h.current = !1;
+          },
           children: /* @__PURE__ */ t(
-            L,
+            V,
             {
               pickerType: "month",
               monthMode: "multiple",
               selectedMonths: m,
               onMonthSelect: O,
-              disabled: { before: h, after: M },
-              startMonth: P,
+              disabled: { before: f, after: P },
+              startMonth: k,
               endMonth: x,
-              defaultMonth: h,
-              showFooter: p,
-              onApply: b,
-              onCancel: S,
-              onClear: f,
+              defaultMonth: f,
+              showFooter: d,
+              onApply: v,
+              onCancel: I,
+              onClear: u,
               captionLayout: "dropdown"
             }
           )
@@ -103,7 +122,7 @@ const q = c.forwardRef(
     ] });
   }
 );
-q.displayName = "MultiMonthPicker";
+L.displayName = "MultiMonthPicker";
 export {
-  q as MultiMonthPicker
+  L as MultiMonthPicker
 };

package/dist/components/ui/date-picker/multi-week-picker.js

@@ -1,117 +1,136 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import * as s from "react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import * as c from "react";
 import { Cross as V, CalendarMonth as q } from "impact-nova-icons";
-import { format as g } from "date-fns";
+import { format as C } from "date-fns";
 import { cn as B } from "../../../lib/utils.js";
 import { Input as F } from "../input.js";
 import { Popover as G, PopoverAnchor as H, PopoverContent as J } from "../popover.js";
-import { Calendar as K } from "../calendar.js";
-import { Tooltip as C, TooltipTrigger as x, TooltipContent as M } from "../tooltip.js";
-import { getDateFnsLocale as Q } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as U } from "../../../i18n/ImpactNovaI18nContext.js";
-const X = (e, n = "MM/dd/yyyy", o) => {
-  const d = g(e.startDate, n, o ? { locale: o } : {}), m = g(e.endDate, n, o ? { locale: o } : {});
-  return `${d} - ${m}`;
-}, Y = s.forwardRef(
+import { Calendar as Q } from "../calendar.js";
+import { Tooltip as P, TooltipTrigger as b, TooltipContent as x } from "../tooltip.js";
+import { getDateFnsLocale as U } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as X } from "../../../i18n/ImpactNovaI18nContext.js";
+const Y = (t, a = "MM/dd/yyyy", s) => {
+  const f = C(t.startDate, a, s ? { locale: s } : {}), m = C(t.endDate, a, s ? { locale: s } : {});
+  return `${f} - ${m}`;
+}, Z = c.forwardRef(
   ({
-    value: e,
-    onChange: n,
-    format: o = "MM/dd/yyyy",
-    placeholder: d,
+    value: t,
+    onChange: a,
+    format: s = "MM/dd/yyyy",
+    placeholder: f,
     minDate: m,
-    maxDate: P,
-    startMonth: N,
-    endMonth: W,
-    showFooter: f = !0,
-    calendarType: T = "calendar",
-    fiscalMode: b = "basic",
-    selectionMode: w = "week",
-    fiscalMonthPattern: A,
-    fiscalYearStartMonth: O = 1,
-    weekStartsOn: S = 1,
-    disabled: c,
-    className: v,
-    ...D
-  }, I) => {
-    const { locale: u, t: i } = U(), L = s.useMemo(() => Q(u), [u]), j = d ?? i("datePicker.selectWeeks"), [h, a] = s.useState(!1), [y, l] = s.useState(e);
-    s.useEffect(() => {
-      l(e);
-    }, [h, e]);
-    const $ = (r) => {
-      l(r), f || n?.(r);
-    }, z = (r) => {
-      n?.(r !== void 0 ? r : y), a(!1);
-    }, R = () => {
-      l(e), a(!1);
-    }, k = () => {
-      l(void 0), n?.(void 0), f || a(!1);
-    }, E = e && e.length > 0 ? e.length === 1 ? X(e[0], o, L) : `${e.length} weeks selected` : "";
-    return /* @__PURE__ */ p(G, { open: h, onOpenChange: (r) => {
-      c || a(r);
+    maxDate: W,
+    startMonth: M,
+    endMonth: N,
+    showFooter: u = !0,
+    calendarType: w = "calendar",
+    fiscalMode: D = "basic",
+    selectionMode: T = "week",
+    fiscalMonthPattern: v,
+    fiscalYearStartMonth: A = 1,
+    weekStartsOn: O = 1,
+    disabled: n,
+    className: S,
+    ...I
+  }, j) => {
+    const { locale: y, t: i } = X(), L = c.useMemo(() => U(y), [y]), R = f ?? i("datePicker.selectWeeks"), [l, o] = c.useState(!1), h = c.useRef(!1), [k, p] = c.useState(t);
+    c.useEffect(() => {
+      p(t);
+    }, [l, t]);
+    const $ = (e) => {
+      p(e), u || a?.(e);
+    }, z = (e) => {
+      a?.(e !== void 0 ? e : k), o(!1);
+    }, E = () => {
+      p(t), o(!1);
+    }, g = () => {
+      p(void 0), a?.(void 0), u || o(!1);
+    }, K = t && t.length > 0 ? t.length === 1 ? Y(t[0], s, L) : `${t.length} weeks selected` : "";
+    return /* @__PURE__ */ d(G, { open: n ? !1 : l, onOpenChange: (e) => {
+      n || o(e);
     }, children: [
-      /* @__PURE__ */ t(H, { asChild: !0, children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
         F,
         {
-          ref: I,
-          value: E,
-          placeholder: j,
+          ref: j,
+          value: K,
+          placeholder: R,
           readOnly: !0,
-          disabled: c,
+          disabled: n,
           onClick: () => {
-            !c && !h && a(!0);
+            !n && !l && o(!0);
           },
-          className: B("cursor-pointer", v),
-          suffix: /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
-            e && e.length > 0 && !c && /* @__PURE__ */ p(C, { children: [
-              /* @__PURE__ */ t(x, { asChild: !0, children: /* @__PURE__ */ t(
+          className: B("cursor-pointer", S),
+          suffix: /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
+            t && t.length > 0 && !n && /* @__PURE__ */ d(P, { children: [
+              /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
                   "aria-label": i("calendar.clear"),
-                  onClick: (r) => {
-                    r.stopPropagation(), k();
+                  onClick: (e) => {
+                    e.stopPropagation(), g();
                   },
                   className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                  children: /* @__PURE__ */ t(V, { className: "size-3 hover:text-content" })
+                  children: /* @__PURE__ */ r(V, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: i("calendar.clear") })
+              /* @__PURE__ */ r(x, { variant: "tertiary", side: "top", children: i("calendar.clear") })
             ] }),
-            /* @__PURE__ */ p(C, { children: [
-              /* @__PURE__ */ t(x, { asChild: !0, children: /* @__PURE__ */ t(q, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ t(M, { variant: "tertiary", side: "top", children: i("datePicker.selectWeeks") })
+            /* @__PURE__ */ d(P, { children: [
+              /* @__PURE__ */ r(b, { asChild: !0, children: /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: 0,
+                  "data-component": "calendar-trigger",
+                  "aria-label": i("datePicker.selectWeeks"),
+                  onPointerDown: (e) => {
+                    e.preventDefault(), e.stopPropagation(), n || o(!l);
+                  },
+                  onKeyDown: (e) => {
+                    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), n || (h.current = !0, o(!l)));
+                  },
+                  className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
+                  children: /* @__PURE__ */ r(q, { className: "h-4 w-4 text-secondary-foreground" })
+                }
+              ) }),
+              /* @__PURE__ */ r(x, { variant: "tertiary", side: "top", children: i("datePicker.selectWeeks") })
             ] })
           ] }),
-          ...D
+          ...I
         }
       ) }) }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ r(
         J,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (r) => r.preventDefault(),
-          children: /* @__PURE__ */ t(
-            K,
+          "aria-label": i("datePicker.selectWeeks"),
+          onOpenAutoFocus: (e) => {
+            h.current || e.preventDefault(), h.current = !1;
+          },
+          children: /* @__PURE__ */ r(
+            Q,
             {
               pickerType: "week",
               weekMode: "multiple",
-              selectedWeeks: y,
+              selectedWeeks: k,
               onWeekSelect: $,
-              disabled: { before: m, after: P },
-              startMonth: N,
-              endMonth: W,
-              showFooter: f,
-              calendarType: T,
-              fiscalMode: b,
-              selectionMode: w,
-              fiscalMonthPattern: A,
-              fiscalYearStartMonth: O,
-              weekStartsOn: S,
+              disabled: { before: m, after: W },
+              startMonth: M,
+              endMonth: N,
+              showFooter: u,
+              calendarType: w,
+              fiscalMode: D,
+              selectionMode: T,
+              fiscalMonthPattern: v,
+              fiscalYearStartMonth: A,
+              weekStartsOn: O,
               onApply: z,
-              onCancel: R,
-              onClear: k,
+              onCancel: E,
+              onClear: g,
               captionLayout: "dropdown"
             }
           )
@@ -120,7 +139,7 @@ const X = (e, n = "MM/dd/yyyy", o) => {
     ] });
   }
 );
-Y.displayName = "MultiWeekPicker";
+Z.displayName = "MultiWeekPicker";
 export {
-  Y as MultiWeekPicker
+  Z as MultiWeekPicker
 };

package/dist/components/ui/date-picker/week-picker.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
 import * as s from "react";
 import { Cross as te, CalendarMonth as re } from "impact-nova-icons";
-import { isValid as w, parse as I, format as B } from "date-fns";
+import { isValid as w, parse as P, format as B } from "date-fns";
 import { cn as oe, padValidDateString as se, maskDate as ce } from "../../../lib/utils.js";
 import { Input as ie } from "../input.js";
 import { Popover as le, PopoverAnchor as ae, PopoverContent as pe } from "../popover.js";
@@ -24,17 +24,17 @@ const p = (e, c = "MM/dd/yyyy", n) => {
     startMonth: q,
     endMonth: G,
     showFooter: d = !0,
-    calendarType: P = "calendar",
+    calendarType: I = "calendar",
     fiscalMode: S = "basic",
     selectionMode: N = "week",
-    fiscalMonthPattern: V,
-    fiscalYearStartMonth: b = 1,
+    fiscalMonthPattern: b,
+    fiscalYearStartMonth: V = 1,
     weekStartsOn: A = 1,
-    disabled: k,
+    disabled: g,
     className: J,
     ...K
   }, Q) => {
-    const { locale: M, t: g } = he(), r = s.useMemo(() => ue(M), [M]), U = C ?? g("datePicker.selectWeek"), T = s.useRef(null);
+    const { locale: M, t: m } = he(), r = s.useMemo(() => ue(M), [M]), U = C ?? m("datePicker.selectWeek"), T = s.useRef(null);
     s.useRef(null), s.useImperativeHandle(Q, () => T.current);
     const [i, f] = s.useState(!1), [L, l] = s.useState(e), [u, a] = s.useState(e ? p(e, n, r) : ""), [X, W] = s.useState(e?.startDate || /* @__PURE__ */ new Date());
     s.useEffect(() => {
@@ -51,34 +51,34 @@ const p = (e, c = "MM/dd/yyyy", n) => {
     }, R = () => {
       l(void 0), a(""), c?.(void 0), d || f(!1);
     }, j = (t) => fe(t, {
-      calendarType: P,
+      calendarType: I,
       fiscalMode: S,
       selectionMode: N,
-      fiscalMonthPattern: V,
-      fiscalYearStartMonth: b,
+      fiscalMonthPattern: b,
+      fiscalYearStartMonth: V,
       weekStartsOn: A
     }), F = (t) => {
-      const m = t.target.value, h = ce(m, n, u);
+      const k = t.target.value, h = ce(k, n, u);
       if (a(h), h === "") {
         l(void 0), d || c?.(void 0);
         return;
       }
-      const x = I(h, n, /* @__PURE__ */ new Date(), { locale: r });
+      const x = P(h, n, /* @__PURE__ */ new Date(), { locale: r });
       if (w(x) && h.length === n.length) {
         const z = j(x);
         l(z), W(x), d || c?.(z);
       }
     }, ee = () => {
       if (i) return;
-      const t = se(u, n), m = I(t, n, /* @__PURE__ */ new Date(), { locale: r });
-      if (!w(m) || t.length !== n.length)
+      const t = se(u, n), k = P(t, n, /* @__PURE__ */ new Date(), { locale: r });
+      if (!w(k) || t.length !== n.length)
         a(e ? p(e, n, r) : ""), l(e);
       else if (a(t), !d) {
-        const h = j(m);
+        const h = j(k);
         c?.(h);
       }
-    }, v = (e ? p(e, n, r) : "") !== u, ne = u.length === n.length && !w(I(u, n, /* @__PURE__ */ new Date(), { locale: r }));
-    return /* @__PURE__ */ y(le, { open: i, onOpenChange: (t) => !k && f(t), children: [
+    }, v = (e ? p(e, n, r) : "") !== u, ne = u.length === n.length && !w(P(u, n, /* @__PURE__ */ new Date(), { locale: r }));
+    return /* @__PURE__ */ y(le, { open: i, onOpenChange: (t) => !g && f(t), children: [
       /* @__PURE__ */ o(ae, { asChild: !0, children: /* @__PURE__ */ o("div", { "data-component": "week-picker", "data-state": i ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ o(
         ie,
         {
@@ -86,9 +86,9 @@ const p = (e, c = "MM/dd/yyyy", n) => {
           value: u,
           onChange: F,
           onBlur: ee,
-          onClick: () => !k && f(!0),
+          onClick: () => !g && f(!0),
           placeholder: i ? n : U,
-          disabled: k,
+          disabled: g,
           "data-form-control": "input",
           className: oe(
             "cursor-pointer",
@@ -96,13 +96,13 @@ const p = (e, c = "MM/dd/yyyy", n) => {
             J
           ),
           suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
-            e && !k && /* @__PURE__ */ y(E, { children: [
+            e && !g && /* @__PURE__ */ y(E, { children: [
               /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
                   tabIndex: 0,
-                  "aria-label": g("calendar.clear"),
+                  "aria-label": m("calendar.clear"),
                   onClick: (t) => {
                     t.stopPropagation(), R();
                   },
@@ -110,11 +110,11 @@ const p = (e, c = "MM/dd/yyyy", n) => {
                   children: /* @__PURE__ */ o(te, { className: "size-3 hover:text-content" })
                 }
               ) }),
-              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: g("calendar.clear") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: m("calendar.clear") })
             ] }),
             /* @__PURE__ */ y(E, { children: [
               /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(re, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: g("datePicker.selectWeek") })
+              /* @__PURE__ */ o($, { variant: "tertiary", side: "top", children: m("datePicker.selectWeek") })
             ] })
           ] }),
           ...K
@@ -125,6 +125,7 @@ const p = (e, c = "MM/dd/yyyy", n) => {
         {
           className: "w-auto p-0",
           align: "start",
+          "aria-label": m("datePicker.selectWeek"),
           onOpenAutoFocus: (t) => t.preventDefault(),
           children: /* @__PURE__ */ o(
             de,
@@ -139,11 +140,11 @@ const p = (e, c = "MM/dd/yyyy", n) => {
               startMonth: q,
               endMonth: G,
               showFooter: d,
-              calendarType: P,
+              calendarType: I,
               fiscalMode: S,
               selectionMode: N,
-              fiscalMonthPattern: V,
-              fiscalYearStartMonth: b,
+              fiscalMonthPattern: b,
+              fiscalYearStartMonth: V,
               weekStartsOn: A,
               onApply: _,
               onCancel: Y,