impact-nova 2.5.6 → 2.5.8

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

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

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

@@ -0,0 +1,13 @@
+import { FiscalPickerProps } from './date-picker.types';
+export declare function fiscalCalendarPassThrough(props: FiscalPickerProps): {
+    showPresets: 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;
+};