impact-nova 2.6.0-alpha.0 → 2.6.0

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

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

package/dist/components/forms/date-picker/fiscal-pass-through.d.ts

@@ -1,15 +1,15 @@
 import { FiscalPickerProps } from './date-picker.types';
 export declare function fiscalCalendarPassThrough(props: FiscalPickerProps): {
-    showPresets: boolean | undefined;
-    showPeriodBoundaries: boolean | undefined;
-    autoNavigateToAvailable: boolean | undefined;
-    comparison: "prior-fy" | undefined;
-    onComparisonChange: ((value: import('../../..').YoYComparison | undefined) => void) | undefined;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     calendarKind: "gregorian" | "fiscal" | undefined;
     fiscalMode: "basic" | "advanced" | "custom" | undefined;
     granularity: import('../../../lib/fiscal-calendar').Granularity | undefined;
     fiscalMonthPattern: number[] | undefined;
     fiscalYearStartMonth: number | undefined;
     fiscalConfig: import('../../../lib/fiscal-calendar').FiscalCalendarConfig | undefined;
+    weekStartsOn: import('../../../lib/fiscal-calendar').Weekday;
+    showPresets: boolean | undefined;
+    showPeriodBoundaries: boolean | undefined;
+    autoNavigateToAvailable: boolean | undefined;
+    comparison: "prior-fy" | undefined;
+    onComparisonChange: ((value: import('../../..').YoYComparison | undefined) => void) | undefined;
 };

package/dist/components/forms/date-picker/fiscal-pass-through.js

@@ -1,4 +1,5 @@
-function e(a) {
+import { resolveWeekStartsOn as e } from "../../../lib/fiscal-calendar/week-selection.js";
+function i(a) {
   return {
     calendarKind: a.calendarKind,
     fiscalMode: a.fiscalMode,
@@ -6,7 +7,10 @@ function e(a) {
     fiscalMonthPattern: a.fiscalMonthPattern,
     fiscalYearStartMonth: a.fiscalYearStartMonth,
     fiscalConfig: a.fiscalConfig,
-    ...a.weekStartsOn !== void 0 ? { weekStartsOn: a.weekStartsOn } : {},
+    weekStartsOn: e({
+      weekStartsOn: a.weekStartsOn,
+      fiscalConfig: a.fiscalConfig
+    }),
     showPresets: a.showPresets,
     showPeriodBoundaries: a.showPeriodBoundaries,
     autoNavigateToAvailable: a.autoNavigateToAvailable,
@@ -15,5 +19,5 @@ function e(a) {
   };
 }
 export {
-  e as fiscalCalendarPassThrough
+  i as fiscalCalendarPassThrough
 };