impact-nova 1.1.0 → 1.1.1

package/dist/components/ui/calendar.d.ts

@@ -27,8 +27,8 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     onApply?: (date: Date | Date[] | DateRange | undefined) => void;
     onCancel?: () => void;
     onClear?: () => void;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     mode?: "single" | "multiple" | "range";
     selected?: Date | Date[] | DateRange;
     onSelect?: (date: Date | Date[] | DateRange | undefined) => void;
@@ -51,8 +51,8 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
     onMonthSelect?: (months: MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
 }
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, showFooter, onApply, onCancel, onClear, fromYear, toYear, mode, selected, onSelect, fromDate, toDate, fromMonth, toMonth, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, fiscalMonthPattern, fiscalYearStartMonth, weekStartsOn, // Default Monday
-monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, showFooter, onApply, onCancel, onClear, mode, selected, onSelect, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, fiscalMonthPattern, fiscalYearStartMonth, weekStartsOn, // Default Monday
+monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, startMonth, endMonth, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, pickerType, ...props }: React.ComponentProps<typeof DayButton> & {
     pickerType?: "date" | "week" | "month";
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/calendar.js

@@ -1,13 +1,13 @@
-import { jsxs as D, jsx as f } from "react/jsx-runtime";
+import { jsxs as w, jsx as f } from "react/jsx-runtime";
 import * as d from "react";
-import { ChevronLeftIcon as we, ChevronRightIcon as De } from "lucide-react";
-import { getDefaultClassNames as Re, DayPicker as Ie } from "react-day-picker";
+import { ChevronLeftIcon as pe, ChevronRightIcon as be } from "lucide-react";
+import { getDefaultClassNames as $e, DayPicker as ke } from "react-day-picker";
 import { cn as c } from "../../lib/utils.js";
 import { Button as E } from "./button.js";
-import { buttonVariants as Ne } from "./button-variants.js";
-import de from "./select/select.js";
-import { FISCAL_PATTERNS as Ue, resolveWeekSelection as He } from "../../lib/fiscal-calendar.js";
-const Pe = [
+import { buttonVariants as ve } from "./button-variants.js";
+import ie from "./select/select.js";
+import { FISCAL_PATTERNS as Oe, resolveWeekSelection as Ee } from "../../lib/fiscal-calendar.js";
+const Re = [
   "January",
   "February",
   "March",
@@ -20,57 +20,53 @@ const Pe = [
   "October",
   "November",
   "December"
-], Je = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-function Qe({
-  className: ae,
-  classNames: G,
-  showOutsideDays: p = !1,
-  captionLayout: K = "dropdown",
+], Ie = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function qe({
+  className: te,
+  classNames: T,
+  showOutsideDays: v = !1,
+  captionLayout: q = "dropdown",
   buttonVariant: P = "ghost",
-  formatters: Q,
-  components: Ce,
+  formatters: G,
+  components: De,
   showFooter: h = !0,
-  onApply: X,
-  onCancel: me,
-  onClear: ge,
-  fromYear: se = 1900,
-  toYear: le = 2100,
+  onApply: K,
+  onCancel: oe,
+  onClear: ce,
   mode: J = "single",
   selected: x,
   onSelect: k,
-  fromDate: C,
-  toDate: _,
-  fromMonth: L,
-  toMonth: W,
   // Week picker props
   pickerType: u = "date",
-  weekMode: y = "single",
-  selectedWeeks: S,
-  onWeekSelect: A,
-  calendarType: Y = "calendar",
-  fiscalMode: Z = "basic",
-  selectionMode: ie = "week",
-  fiscalMonthPattern: oe,
-  fiscalYearStartMonth: he = 1,
-  weekStartsOn: B = 1,
+  weekMode: D = "single",
+  selectedWeeks: C,
+  onWeekSelect: _,
+  calendarType: j = "calendar",
+  fiscalMode: Q = "basic",
+  selectionMode: re = "week",
+  fiscalMonthPattern: ne,
+  fiscalYearStartMonth: fe = 1,
+  weekStartsOn: L = 1,
   // Default Monday
   // Month picker props
-  monthMode: b = "single",
-  selectedMonths: w,
+  monthMode: p = "single",
+  selectedMonths: y,
   onMonthSelect: N,
   month: R,
-  defaultMonth: xe,
-  onMonthChange: _e,
-  ...F
+  defaultMonth: ue,
+  onMonthChange: ye,
+  startMonth: Y,
+  endMonth: z,
+  ...de
 }) {
-  const V = d.useMemo(() => {
-    if (Y === "fiscal") {
-      if (oe) return oe;
-      if (Z === "advanced") return Ue["4-4-5"];
+  const X = d.useMemo(() => {
+    if (j === "fiscal") {
+      if (ne) return ne;
+      if (Q === "advanced") return Oe["4-4-5"];
     }
-  }, [Y, Z, oe]), m = Re(), [T, ee] = d.useState(x), [te, ce] = d.useState(() => {
+  }, [j, Q, ne]), m = $e(), [W, Z] = d.useState(x), [V, ae] = d.useState(() => {
     if (R) return R;
-    if (xe) return xe;
+    if (ue) return ue;
     if (x) {
       if (Array.isArray(x))
         return x[0] || /* @__PURE__ */ new Date();
@@ -82,35 +78,35 @@ function Qe({
     return /* @__PURE__ */ new Date();
   });
   d.useEffect(() => {
-    R && (ce(R), ve(R.getFullYear()));
+    R && (ae(R), ge(R.getFullYear()));
   }, [R]);
-  const [I, re] = d.useState(S), [z, ne] = d.useState(w), [be, ve] = d.useState(te.getFullYear());
+  const [I, M] = d.useState(C), [A, ee] = d.useState(y), [me, ge] = d.useState(V.getFullYear());
   d.useEffect(() => {
-    ee(x), re(S), ne(w);
-  }, [x, S, w]);
-  const M = (e) => {
-    ce(e), ve(e.getFullYear()), _e?.(e);
-  }, fe = d.useCallback((e) => {
+    Z(x), M(C), ee(y);
+  }, [x, C, y]);
+  const B = (e) => {
+    ae(e), ge(e.getFullYear()), ye?.(e);
+  }, se = d.useCallback((e) => {
     let n;
-    return e instanceof Date ? n = e : n = e.days.find((t) => !t.outside)?.date || e.days[0]?.date || /* @__PURE__ */ new Date(), He(n, {
-      calendarType: Y,
-      fiscalMode: Z,
-      selectionMode: ie,
-      fiscalMonthPattern: V,
-      fiscalYearStartMonth: he,
-      weekStartsOn: B
+    return e instanceof Date ? n = e : n = e.days.find((t) => !t.outside)?.date || e.days[0]?.date || /* @__PURE__ */ new Date(), Ee(n, {
+      calendarType: j,
+      fiscalMode: Q,
+      selectionMode: re,
+      fiscalMonthPattern: X,
+      fiscalYearStartMonth: fe,
+      weekStartsOn: L
     });
-  }, [Y, Z, ie, V, he, B]), ue = d.useCallback((e) => {
+  }, [j, Q, re, X, fe, L]), le = d.useCallback((e) => {
     const n = (t, r) => t.year === r.year && t.month === r.month && t.weekOfMonth === r.weekOfMonth;
     if (h)
-      re((t) => {
+      M((t) => {
         let r;
-        if (y === "single")
+        if (D === "single")
           r = e;
-        else if (y === "multiple") {
+        else if (D === "multiple") {
           const a = t || [];
           r = a.some((s) => n(s, e)) ? a.filter((s) => !n(s, e)) : [...a, e];
-        } else if (y === "range") {
+        } else if (D === "range") {
           const a = t;
           if (!a?.from || a.to)
             r = { from: e };
@@ -119,33 +115,33 @@ function Qe({
             e.startDate < a.from.startDate && (l.from = e, l.to = a.from), r = l;
           }
         }
-        return A?.(r), r;
+        return _?.(r), r;
       });
-    else if (y === "single")
-      A?.(e);
-    else if (y === "multiple") {
-      const t = S || [], a = t.some((l) => n(l, e)) ? t.filter((l) => !n(l, e)) : [...t, e];
-      A?.(a.length > 0 ? a : void 0);
-    } else if (y === "range") {
-      const t = S;
+    else if (D === "single")
+      _?.(e);
+    else if (D === "multiple") {
+      const t = C || [], a = t.some((l) => n(l, e)) ? t.filter((l) => !n(l, e)) : [...t, e];
+      _?.(a.length > 0 ? a : void 0);
+    } else if (D === "range") {
+      const t = C;
       if (!t?.from || t.to)
-        A?.({ from: e });
+        _?.({ from: e });
       else {
         const r = { from: t.from, to: e };
-        e.startDate < t.from.startDate && (r.from = e, r.to = t.from), A?.(r);
+        e.startDate < t.from.startDate && (r.from = e, r.to = t.from), _?.(r);
       }
     }
-  }, [y, h, S, A]), Se = d.useCallback((e, n) => {
+  }, [D, h, C, _]), we = d.useCallback((e, n) => {
     const t = { year: e, month: n }, r = (a, l) => a.year === l.year && a.month === l.month;
     if (h)
-      ne((a) => {
+      ee((a) => {
         let l;
-        if (b === "single")
+        if (p === "single")
           l = t;
-        else if (b === "multiple") {
+        else if (p === "multiple") {
           const s = a || [];
           l = s.some((o) => r(o, t)) ? s.filter((o) => !r(o, t)) : [...s, t];
-        } else if (b === "range") {
+        } else if (p === "range") {
           const s = a;
           if (!s?.from || s.to)
             l = { from: t };
@@ -156,13 +152,13 @@ function Qe({
         }
         return N?.(l), l;
       });
-    else if (b === "single")
+    else if (p === "single")
       N?.(t);
-    else if (b === "multiple") {
-      const a = w || [], s = a.some((i) => r(i, t)) ? a.filter((i) => !r(i, t)) : [...a, t];
+    else if (p === "multiple") {
+      const a = y || [], s = a.some((i) => r(i, t)) ? a.filter((i) => !r(i, t)) : [...a, t];
       N?.(s.length > 0 ? s : void 0);
-    } else if (b === "range") {
-      const a = w;
+    } else if (p === "range") {
+      const a = y;
       if (!a?.from || a.to)
         N?.({ from: t });
       else {
@@ -170,22 +166,20 @@ function Qe({
         new Date(t.year, t.month, 1) < l ? N?.({ from: t, to: a.from }) : N?.({ from: a.from, to: t });
       }
     }
-  }, [b, h, w, N]), pe = d.useCallback(() => {
-    let e = se, n = le;
-    C && (e = Math.max(e, C.getFullYear())), _ && (n = Math.min(n, _.getFullYear()));
-    const t = [];
+  }, [p, h, y, N]), he = d.useCallback(() => {
+    const e = Y ? Y.getFullYear() : 1900, n = z ? z.getFullYear() : 2100, t = [];
     for (let r = e; r <= n; r++)
       t.push({ label: r.toString(), value: r.toString() });
     return t;
-  }, [se, le, C, _]), Ae = d.useCallback((e) => Pe.map((t, r) => ({
+  }, [Y, z]), Ne = d.useCallback((e) => Re.map((t, r) => ({
     label: t,
     value: r.toString()
   })).filter((t, r) => {
     const a = new Date(e, r, 1);
-    return !(C && a < new Date(C.getFullYear(), C.getMonth(), 1) || _ && a > new Date(_.getFullYear(), _.getMonth(), 1) || L && a < new Date(L.getFullYear(), L.getMonth(), 1) || W && a > new Date(W.getFullYear(), W.getMonth(), 1));
-  }), [C, _, L, W]), q = d.useMemo(() => {
+    return !(Y && a < new Date(Y.getFullYear(), Y.getMonth(), 1) || z && a > new Date(z.getFullYear(), z.getMonth(), 1));
+  }), [Y, z]), F = d.useMemo(() => {
     if (u !== "week") return;
-    const e = h ? I : S;
+    const e = h ? I : C;
     if (!e) return;
     const n = [], t = (r) => {
       let a = new Date(r.startDate);
@@ -210,10 +204,10 @@ function Qe({
     } else
       t(e);
     return n;
-  }, [u, h, I, S]), je = d.useMemo(() => {
-    if (u !== "week" || !q || q.length === 0)
+  }, [u, h, I, C]), Ce = d.useMemo(() => {
+    if (u !== "week" || !F || F.length === 0)
       return { range_start: [], range_middle: [], range_end: [] };
-    const e = [...q].sort((s, i) => s.getTime() - i.getTime()), n = [], t = [], r = [], a = (s, i) => {
+    const e = [...F].sort((s, i) => s.getTime() - i.getTime()), n = [], t = [], r = [], a = (s, i) => {
       if (i === 0) return !1;
       const o = e[i - 1];
       return s.getTime() - o.getTime() <= 1440 * 60 * 1e3;
@@ -226,24 +220,24 @@ function Qe({
       range_middle: t,
       range_end: r
     };
-  }, [u, q]), ze = d.useCallback((e) => {
+  }, [u, F]), _e = d.useCallback((e) => {
     if (u === "week" && e) {
       const n = Array.isArray(e) ? e[e.length - 1] : e instanceof Date ? e : void 0;
       if (n) {
-        const t = fe(n);
-        ue(t);
+        const t = se(n);
+        le(t);
         return;
       }
     }
-    h && ee(e), k?.(e);
-  }, [h, k, u, fe, ue]), Ye = d.useCallback(() => {
-    u === "week" ? (A?.(I), X?.(I)) : u === "month" ? (N?.(z), X?.(z)) : (k?.(T), X?.(T));
-  }, [T, I, z, k, A, N, X, u]), $e = d.useCallback(() => {
-    u === "week" ? re(S) : u === "month" ? ne(w) : ee(x), me?.();
-  }, [x, S, w, me, u]), ke = d.useCallback(() => {
-    u === "week" ? (re(void 0), h || A?.(void 0)) : u === "month" ? (ne(void 0), h || N?.(void 0)) : (ee(void 0), h || k?.(void 0)), ge?.();
-  }, [h, k, A, N, ge, u]), Oe = d.useCallback((e, n) => {
-    const t = h ? z : w;
+    h && Z(e), k?.(e);
+  }, [h, k, u, se, le]), Se = d.useCallback(() => {
+    u === "week" ? (_?.(I), K?.(I)) : u === "month" ? (N?.(A), K?.(A)) : (k?.(W), K?.(W));
+  }, [W, I, A, k, _, N, K, u]), Ae = d.useCallback(() => {
+    u === "week" ? M(C) : u === "month" ? ee(y) : Z(x), oe?.();
+  }, [x, C, y, oe, u]), je = d.useCallback(() => {
+    u === "week" ? (M(void 0), h || _?.(void 0)) : u === "month" ? (ee(void 0), h || N?.(void 0)) : (Z(void 0), h || k?.(void 0)), ce?.();
+  }, [h, k, _, N, ce, u]), Ye = d.useCallback((e, n) => {
+    const t = h ? A : y;
     if (!t) return !1;
     if (Array.isArray(t))
       return t.some((r) => r.year === e && r.month === n);
@@ -256,8 +250,8 @@ function Qe({
       const r = t;
       return r.year === e && r.month === n;
     }
-  }, [h, z, w]), Ee = d.useCallback((e, n) => {
-    const t = h ? z : w;
+  }, [h, A, y]), ze = d.useCallback((e, n) => {
+    const t = h ? A : y;
     if (!t || !("from" in t)) return { isStart: !1, isEnd: !1, isMiddle: !1 };
     const r = t, a = r.from, l = r.to, s = new Date(e, n, 1).getTime(), i = new Date(a.year, a.month, 1).getTime();
     if (!l) return { isStart: s === i, isEnd: !1, isMiddle: !1 };
@@ -267,52 +261,52 @@ function Qe({
       isEnd: s === o,
       isMiddle: s > i && s < o
     };
-  }, [h, z, w]), ye = ({ yearOffset: e = 0 }) => {
-    const n = be + e;
-    return /* @__PURE__ */ D("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
-      /* @__PURE__ */ D("div", { className: "flex items-center justify-between", children: [
+  }, [h, A, y]), xe = ({ yearOffset: e = 0 }) => {
+    const n = me + e;
+    return /* @__PURE__ */ w("div", { className: "flex flex-col gap-4 p-3 min-w-[280px]", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center justify-between", children: [
         e === 0 && /* @__PURE__ */ f(
           E,
           {
             variant: "ghost",
             size: "sm",
             className: "h-7 w-7 p-0",
-            onClick: () => M(new Date(n - 1, be % 12, 1)),
-            children: /* @__PURE__ */ f(we, { className: "h-4 w-4" })
+            onClick: () => B(new Date(n - 1, me % 12, 1)),
+            children: /* @__PURE__ */ f(pe, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ f("div", { className: "flex-1 flex justify-center items-center", children: /* @__PURE__ */ f(
-          de,
+          ie,
           {
             value: { label: n.toString(), value: n.toString() },
             onChange: (t) => {
               if (t && "value" in t) {
                 const r = parseInt(t.value) - e;
-                M(new Date(r, 0, 1));
+                B(new Date(r, 0, 1));
               }
             },
             scrollToSelectedOnOpen: !0,
-            options: pe(),
+            options: he(),
             parentClassName: "flex justify-center items-center",
             className: "w-[200px]",
             menuWidth: "140px"
           }
         ) }),
-        (b !== "range" || e === 1) && /* @__PURE__ */ f(
+        (p !== "range" || e === 1) && /* @__PURE__ */ f(
           E,
           {
             variant: "ghost",
             size: "sm",
             className: "h-7 w-7 p-0",
-            onClick: () => M(new Date(n + 1, 0, 1)),
-            children: /* @__PURE__ */ f(De, { className: "h-4 w-4" })
+            onClick: () => B(new Date(n + 1, 0, 1)),
+            children: /* @__PURE__ */ f(be, { className: "h-4 w-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ f("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: Je.map((t, r) => {
-        const a = Oe(n, r), { isStart: l, isEnd: s, isMiddle: i } = Ee(n, r), o = b === "range", g = h ? z : w, v = g && "to" in g && !!g.to;
-        return /* @__PURE__ */ D("div", { className: "relative flex items-center justify-center h-10 w-full group", children: [
-          o && v && (i || l || s) && /* @__PURE__ */ f("div", { className: c(
+      /* @__PURE__ */ f("div", { className: "grid grid-cols-4 gap-y-4 gap-x-0", children: Ie.map((t, r) => {
+        const a = Ye(n, r), { isStart: l, isEnd: s, isMiddle: i } = ze(n, r), o = p === "range", g = h ? A : y, b = g && "to" in g && !!g.to;
+        return /* @__PURE__ */ w("div", { className: "relative flex items-center justify-center h-10 w-full group", children: [
+          o && b && (i || l || s) && /* @__PURE__ */ f("div", { className: c(
             "absolute inset-y-0 inset-x-0 bg-accent",
             l && "rounded-l-full left-1/2 -ml-5",
             s && "rounded-r-full right-1/2 -mr-5",
@@ -323,7 +317,7 @@ function Qe({
             E,
             {
               variant: "ghost",
-              onClick: () => Se(n, r),
+              onClick: () => we(n, r),
               className: c(
                 "relative z-10 w-10 h-10 p-0 text-sm font-normal rounded-lg transition-all",
                 a && !o && "bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground",
@@ -338,51 +332,43 @@ function Qe({
       }) })
     ] });
   };
-  return /* @__PURE__ */ D("div", { className: "flex flex-col ", "data-component": "calendar", children: [
-    u === "month" ? /* @__PURE__ */ D("div", { className: "flex flex-col md:flex-row", children: [
-      /* @__PURE__ */ f(ye, { yearOffset: 0 }),
-      (b === "range" || b === "multiple") && /* @__PURE__ */ D("div", { className: "flex flex-row gap-0", children: [
+  return /* @__PURE__ */ w("div", { className: "flex flex-col ", "data-component": "calendar", children: [
+    u === "month" ? /* @__PURE__ */ w("div", { className: "flex flex-col md:flex-row", children: [
+      /* @__PURE__ */ f(xe, { yearOffset: 0 }),
+      (p === "range" || p === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row gap-0", children: [
         /* @__PURE__ */ f("div", { className: "w-[1px] bg-gray-200 my-4" }),
-        /* @__PURE__ */ f(ye, { yearOffset: 1 })
+        /* @__PURE__ */ f(xe, { yearOffset: 1 })
       ] })
     ] }) : (
       // @ts-ignore: TS mismatch due to dynamic union types. 
       // FIX: Split rendering into separate `DayPicker` calls for 'single' | 'multiple' | 'range' to strictly match discriminated unions.
       /* @__PURE__ */ f(
-        Ie,
+        ke,
         {
           mode: u === "week" ? "multiple" : J,
-          selected: u === "week" ? q : h ? T : x,
-          onSelect: ze,
-          month: te,
-          onMonthChange: M,
-          showOutsideDays: Y === "fiscal" ? !0 : p,
-          weekStartsOn: B,
-          modifiers: u === "week" ? je : void 0,
+          selected: u === "week" ? F : h ? W : x,
+          onSelect: _e,
+          month: V,
+          onMonthChange: B,
+          showOutsideDays: j === "fiscal" ? !0 : v,
+          weekStartsOn: L,
+          modifiers: u === "week" ? Ce : void 0,
           className: c(
             "bg-background group/calendar p-2 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
             String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
             String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-            ae
+            te
           ),
-          captionLayout: K,
-          fromDate: C,
-          toDate: _,
-          disabled: [
-            ...F.disabled ? Array.isArray(F.disabled) ? F.disabled : [F.disabled] : [],
-            C ? { before: C } : void 0,
-            _ ? { after: _ } : void 0
-          ].filter(Boolean),
-          fromMonth: L,
-          toMonth: W,
-          fromYear: se,
-          toYear: le,
-          numberOfMonths: J === "range" || J === "multiple" || y === "range" || y === "multiple" ? 2 : 1,
+          captionLayout: q,
+          startMonth: Y,
+          endMonth: z,
+          disabled: de.disabled,
+          numberOfMonths: J === "range" || J === "multiple" || D === "range" || D === "multiple" ? 2 : 1,
           showWeekNumber: !0,
           formatters: {
             formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
             formatWeekNumber: (e) => `W${e}`,
-            ...Q
+            ...G
           },
           classNames: {
             root: c("w-fit", m.root),
@@ -399,12 +385,12 @@ function Qe({
               m.nav
             ),
             button_previous: c(
-              Ne({ variant: P }),
+              ve({ variant: P }),
               "h-[--cell-size] w-[--cell-size] select-none p-0.2 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
               m.button_previous
             ),
             button_next: c(
-              Ne({ variant: P }),
+              ve({ variant: P }),
               "h-[--cell-size] w-[--cell-size] select-none p-0.2 z-10 aria-disabled:opacity-50 flex items-center justify-center relative",
               m.button_next
             ),
@@ -444,7 +430,7 @@ function Qe({
               "group/day relative select-none p-0 text-center flex-1 h-[30px] flex items-center justify-center [&:nth-child(2)]:pl-2 rdp-day",
               u === "week" && "group-hover/week:bg-accent [&:nth-child(2)]:group-hover/week:rounded-l-full [&:nth-child(8)]:group-hover/week:rounded-r-full",
               u === "week" && "[&.rdp-selected:nth-child(2)]:rounded-l-full [&.rdp-selected:nth-child(8)]:rounded-r-full",
-              G?.day
+              T?.day
             ),
             range_start: c(
               "bg-accent rounded-l-full",
@@ -457,7 +443,7 @@ function Qe({
               m.today
             ),
             outside: c(
-              Y === "fiscal" || p ? "text-muted-foreground opacity-50" : "invisible",
+              j === "fiscal" || v ? "text-muted-foreground opacity-50" : "invisible",
               m.outside
             ),
             disabled: c(
@@ -465,7 +451,7 @@ function Qe({
               m.disabled
             ),
             hidden: c("invisible", m.hidden),
-            ...G
+            ...T
           },
           components: {
             Root: ({ className: e, rootRef: n, ...t }) => /* @__PURE__ */ f(
@@ -477,23 +463,23 @@ function Qe({
                 ...t
               }
             ),
-            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ f(we, { className: c("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ f(
-              De,
+            Chevron: ({ className: e, orientation: n, ...t }) => n === "left" ? /* @__PURE__ */ f(pe, { className: c("size-4 text-foreground", e), ...t }) : n === "right" ? /* @__PURE__ */ f(
+              be,
               {
                 className: c("size-4 text-foreground", e),
                 ...t
               }
             ) : /* @__PURE__ */ f("span", {}),
             MonthsDropdown: ({ value: e, onChange: n }) => {
-              const t = te.getFullYear(), r = Ae(t);
+              const t = V.getFullYear(), r = Ne(t);
               return /* @__PURE__ */ f(
-                de,
+                ie,
                 {
                   value: r.find((a) => a.value === e?.toString()),
                   onChange: (a) => {
                     if (a && "value" in a) {
                       const l = parseInt(a.value), s = new Date(t, l, 1);
-                      M(s), n?.(l);
+                      B(s), n?.(l);
                     }
                   },
                   scrollToSelectedOnOpen: !0,
@@ -507,15 +493,15 @@ function Qe({
               );
             },
             YearsDropdown: ({ value: e, onChange: n }) => {
-              const t = pe();
+              const t = he();
               return /* @__PURE__ */ f(
-                de,
+                ie,
                 {
                   value: t.find((r) => r.value === e?.toString()),
                   onChange: (r) => {
                     if (r && "value" in r) {
-                      const a = parseInt(r.value), l = new Date(a, te.getMonth(), 1);
-                      ce(l), n?.(a);
+                      const a = parseInt(r.value), l = new Date(a, V.getMonth(), 1);
+                      ae(l), n?.(a);
                     }
                   },
                   scrollToSelectedOnOpen: !0,
@@ -529,7 +515,7 @@ function Qe({
               );
             },
             DayButton: (e) => /* @__PURE__ */ f(
-              Le,
+              Ue,
               {
                 ...e,
                 pickerType: u
@@ -539,16 +525,16 @@ function Qe({
               const t = e.days.find((H) => !H.outside)?.date;
               if (!t)
                 return /* @__PURE__ */ f("td", { ...n, className: c("select-none flex items-center justify-center h-8 text-[11px] text-[#757575] w-8 flex-shrink-0 rdp-week_number", n.className), children: /* @__PURE__ */ f("div", { className: "flex size-[--cell-size] items-center justify-center text-center" }) });
-              const r = t.getFullYear(), a = t.getMonth(), i = (new Date(r, a, 1).getDay() + 7 - B) % 7, o = new Date(r, a, 1 - i), g = new Date(t), $ = (t.getDay() + 7 - B) % 7;
+              const r = t.getFullYear(), a = t.getMonth(), i = (new Date(r, a, 1).getDay() + 7 - L) % 7, o = new Date(r, a, 1 - i), g = new Date(t), $ = (t.getDay() + 7 - L) % 7;
               g.setDate(t.getDate() - $);
-              const j = Math.round((g.getTime() - o.getTime()) / (10080 * 60 * 1e3)) + 1, U = `Week ${j}`;
+              const S = Math.round((g.getTime() - o.getTime()) / (10080 * 60 * 1e3)) + 1, U = `Week ${S}`;
               return u === "week" ? /* @__PURE__ */ f(
                 "td",
                 {
                   ...n,
                   "aria-label": U,
-                  "data-week-index": j,
-                  "data-week-number": j,
+                  "data-week-index": S,
+                  "data-week-number": S,
                   className: c(
                     "select-none flex items-center justify-center h-[30px] w-[30px] flex-shrink-0 rdp-week_number cursor-pointer hover:bg-accent hover:text-accent-foreground group-hover/week:bg-accent group-hover/week:rounded-l-lg rounded-lg transition-colors",
                     n.className
@@ -556,11 +542,11 @@ function Qe({
                   scope: "row",
                   role: "rowheader",
                   onClick: (H) => {
-                    H.preventDefault(), H.stopPropagation(), ue(fe(e));
+                    H.preventDefault(), H.stopPropagation(), le(se(e));
                   },
-                  children: /* @__PURE__ */ D("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: [
+                  children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-[#757575]", children: [
                     "W",
-                    j
+                    S
                   ] })
                 }
               ) : /* @__PURE__ */ f(
@@ -574,24 +560,24 @@ function Qe({
                   ),
                   scope: "row",
                   role: "rowheader",
-                  children: /* @__PURE__ */ D("div", { className: "flex h-8 w-full items-center justify-center text-center", children: [
+                  children: /* @__PURE__ */ w("div", { className: "flex h-8 w-full items-center justify-center text-center", children: [
                     "W",
-                    j
+                    S
                   ] })
                 }
               );
             },
-            ...Ce
+            ...De
           },
-          ...F
+          ...de
         }
       )
     ),
-    h && /* @__PURE__ */ D("div", { className: c("flex items-center gap-2 border-t pt-3 p-3", u === "month" && b !== "single" || J === "range" || y === "range" || y === "multiple" ? "justify-between" : "justify-end"), children: [
-      J === "range" && u === "date" && /* @__PURE__ */ D("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+    h && /* @__PURE__ */ w("div", { className: c("flex items-center gap-2 border-t pt-3 p-3", u === "month" && p !== "single" || J === "range" || D === "range" || D === "multiple" ? "justify-between" : "justify-end"), children: [
+      J === "range" && u === "date" && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
         /* @__PURE__ */ f("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = T;
+          const e = W;
           if (e?.from && e?.to) {
             const n = Math.abs(e.to.getTime() - e.from.getTime()), t = Math.ceil(n / (1e3 * 60 * 60 * 24)) + 1;
             return `${t} day${t !== 1 ? "s" : ""}`;
@@ -599,15 +585,15 @@ function Qe({
           return "0 days";
         })() })
       ] }),
-      u === "week" && (y === "range" || y === "multiple") && /* @__PURE__ */ D("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+      u === "week" && (D === "range" || D === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
         /* @__PURE__ */ f("span", { className: "text-[#0d152c] font-semibold", children: (() => {
           const e = I;
           if (!e) return "0 weeks";
           const n = (i) => Date.UTC(i.getFullYear(), i.getMonth(), i.getDate()), t = (i) => {
-            const o = Math.floor(i / 7), g = i % 7, v = [];
-            return o > 0 && v.push(`${o} week${o !== 1 ? "s" : ""}`), (g > 0 || o === 0) && v.push(`${g} day${g !== 1 ? "s" : ""}`), v.join(" ");
-          }, r = Y === "fiscal" && ie === "fiscalMonth", a = Y === "fiscal", l = r ? "fiscal month" : a ? "fiscal week" : "week", s = r ? "fiscal months" : a ? "fiscal weeks" : "weeks";
+            const o = Math.floor(i / 7), g = i % 7, b = [];
+            return o > 0 && b.push(`${o} week${o !== 1 ? "s" : ""}`), (g > 0 || o === 0) && b.push(`${g} day${g !== 1 ? "s" : ""}`), b.join(" ");
+          }, r = j === "fiscal" && re === "fiscalMonth", a = j === "fiscal", l = r ? "fiscal month" : a ? "fiscal week" : "week", s = r ? "fiscal months" : a ? "fiscal weeks" : "weeks";
           if (Array.isArray(e))
             if (a || r) {
               const i = e.length;
@@ -615,36 +601,36 @@ function Qe({
             } else {
               let i = 0;
               return e.forEach((o) => {
-                const g = n(o.startDate), v = n(o.endDate);
-                i += Math.round((v - g) / (1e3 * 60 * 60 * 24)) + 1;
+                const g = n(o.startDate), b = n(o.endDate);
+                i += Math.round((b - g) / (1e3 * 60 * 60 * 24)) + 1;
               }), t(i);
             }
           else if ("from" in e) {
             const { from: i, to: o } = e;
             if (r) {
               if (!o) return `1 ${l}`;
-              const g = n(i.startDate), v = n(o.endDate), $ = Math.round(Math.abs(v - g) / (1e3 * 60 * 60 * 24)) + 1, O = V ? V.reduce((U, H) => U + H, 0) / 12 : 4.33, j = Math.max(1, Math.round($ / (O * 7)));
-              return `${j} ${j !== 1 ? s : l}`;
+              const g = n(i.startDate), b = n(o.endDate), $ = Math.round(Math.abs(b - g) / (1e3 * 60 * 60 * 24)) + 1, O = X ? X.reduce((U, H) => U + H, 0) / 12 : 4.33, S = Math.max(1, Math.round($ / (O * 7)));
+              return `${S} ${S !== 1 ? s : l}`;
             } else if (a) {
               if (!o) return `1 ${l}`;
-              const g = n(i.startDate), v = n(o.endDate), $ = Math.round((v - g) / (10080 * 60 * 1e3)), O = $ > 0 ? $ : 1;
+              const g = n(i.startDate), b = n(o.endDate), $ = Math.round((b - g) / (10080 * 60 * 1e3)), O = $ > 0 ? $ : 1;
               return `${O} ${O !== 1 ? s : l}`;
             } else {
               if (!o) {
-                const O = n(i.startDate), j = n(i.endDate), U = Math.round((j - O) / (1e3 * 60 * 60 * 24)) + 1;
+                const O = n(i.startDate), S = n(i.endDate), U = Math.round((S - O) / (1e3 * 60 * 60 * 24)) + 1;
                 return t(U);
               }
-              const g = n(i.startDate), v = n(o.endDate), $ = Math.round(Math.abs(v - g) / (1e3 * 60 * 60 * 24)) + 1;
+              const g = n(i.startDate), b = n(o.endDate), $ = Math.round(Math.abs(b - g) / (1e3 * 60 * 60 * 24)) + 1;
               return t($);
             }
           } else
             return `1 ${l}`;
         })() })
       ] }),
-      u === "month" && (b === "range" || b === "multiple") && /* @__PURE__ */ D("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
+      u === "month" && (p === "range" || p === "multiple") && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-1 text-[#60697d] text-xs leading-[18px] font-medium", children: [
         "Selected:",
         /* @__PURE__ */ f("span", { className: "text-[#0d152c] font-semibold", children: (() => {
-          const e = z;
+          const e = A;
           if (!e) return "0 months";
           if (Array.isArray(e)) {
             const n = e.length;
@@ -658,13 +644,13 @@ function Qe({
             return "1 month";
         })() })
       ] }),
-      /* @__PURE__ */ D("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ f(
           E,
           {
             variant: "link",
             size: "sm",
-            onClick: ke,
+            onClick: je,
             children: "Clear"
           }
         ),
@@ -673,7 +659,7 @@ function Qe({
           {
             variant: "outline",
             size: "sm",
-            onClick: $e,
+            onClick: Ae,
             children: "Cancel"
           }
         ),
@@ -682,7 +668,7 @@ function Qe({
           {
             variant: "default",
             size: "sm",
-            onClick: Ye,
+            onClick: Se,
             children: "Apply"
           }
         )
@@ -690,46 +676,46 @@ function Qe({
     ] })
   ] });
 }
-function Le({
-  className: ae,
-  day: G,
-  modifiers: p,
-  pickerType: K,
+function Ue({
+  className: te,
+  day: T,
+  modifiers: v,
+  pickerType: q,
   ...P
 }) {
-  const Q = d.useRef(null);
+  const G = d.useRef(null);
   return d.useEffect(() => {
-    p.focused && Q.current?.focus();
-  }, [p.focused]), /* @__PURE__ */ f(
+    v.focused && G.current?.focus();
+  }, [v.focused]), /* @__PURE__ */ f(
     E,
     {
-      ref: Q,
+      ref: G,
       variant: "ghost",
       size: "sm",
-      "data-day": G.date.toLocaleDateString(),
-      "data-selected-single": p.selected && !p.range_start && !p.range_end && !p.range_middle,
-      "data-range-start": p.range_start,
-      "data-range-end": p.range_end,
-      "data-range-middle": p.range_middle,
+      "data-day": T.date.toLocaleDateString(),
+      "data-selected-single": v.selected && !v.range_start && !v.range_end && !v.range_middle,
+      "data-range-start": v.range_start,
+      "data-range-end": v.range_end,
+      "data-range-middle": v.range_middle,
       className: c(
         "gap-2 whitespace-nowrap focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 px-3 rounded-lg flex items-center justify-center font-normal transition-colors w-5 h-5 border border-transparent focus-visible:outline-none text-sm rdp-day rdp-day_button",
         // Hover styling
-        K !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-primary",
-        K === "week" && "hover:bg-transparent hover:text-inherit hover:border-transparent",
+        q !== "week" && "hover:bg-accent hover:text-accent-foreground hover:border-primary",
+        q === "week" && "hover:bg-transparent hover:text-inherit hover:border-transparent",
         // Selection state
         "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:rounded-lg data-[selected-single=true]:border-transparent",
         "data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-start=true]:rounded-lg data-[range-start=true]:border-transparent",
         "data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-end=true]:rounded-lg data-[range-end=true]:border-transparent",
         "data-[range-middle=true]:text-accent-foreground data-[range-middle=true]:rounded-none",
-        ae
+        te
       ),
       "data-component": "calendar-day",
       ...P,
-      disabled: P.disabled || p.disabled
+      disabled: P.disabled || v.disabled
     }
   );
 }
 export {
-  Qe as Calendar,
-  Le as CalendarDayButton
+  qe as Calendar,
+  Ue as CalendarDayButton
 };

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

@@ -1,13 +1,13 @@
 import { jsxs as V, jsx as l } from "react/jsx-runtime";
-import * as o from "react";
-import { X as z } from "lucide-react";
-import { CalendarMonth as G } from "../../../icons/index.js";
+import * as r from "react";
+import { X as q } from "lucide-react";
+import { CalendarMonth as z } from "../../../icons/index.js";
 import { format as a, isValid as x, parse as C } from "date-fns";
-import { cn as J, padValidDateString as K, maskDate as Q } from "../../../lib/utils.js";
-import { Input as U } from "../input.js";
-import { Popover as W, PopoverTrigger as Y, PopoverContent as Z } from "../popover.js";
-import { Calendar as _ } from "../calendar.js";
-const $ = o.forwardRef(
+import { cn as G, padValidDateString as J, maskDate as K } from "../../../lib/utils.js";
+import { Input as Q } from "../input.js";
+import { Popover as U, PopoverTrigger as W, PopoverContent as Y } from "../popover.js";
+import { Calendar as Z } from "../calendar.js";
+const _ = r.forwardRef(
   ({
     value: e,
     onChange: p,
@@ -15,64 +15,64 @@ const $ = o.forwardRef(
     placeholder: k = "Select Date",
     minDate: I,
     maxDate: M,
-    fromYear: N,
-    toYear: A,
+    startMonth: N,
+    endMonth: A,
     showFooter: f = !0,
     disabled: P,
     className: E,
     ...O
   }, T) => {
-    const g = o.useRef(null), h = o.useRef(null);
-    o.useImperativeHandle(T, () => g.current);
-    const [r, d] = o.useState(!1), [S, s] = o.useState(e), [i, c] = o.useState(e ? a(e, t) : ""), [j, y] = o.useState(e || /* @__PURE__ */ new Date());
-    o.useEffect(() => {
+    const g = r.useRef(null), h = r.useRef(null);
+    r.useImperativeHandle(T, () => g.current);
+    const [o, d] = r.useState(!1), [S, s] = r.useState(e), [i, c] = r.useState(e ? a(e, t) : ""), [j, y] = r.useState(e || /* @__PURE__ */ new Date());
+    r.useEffect(() => {
       g.current && h.current !== null && (g.current.setSelectionRange(h.current, h.current), h.current = null);
-    }, [i]), o.useEffect(() => {
-      !r && e && (c(a(e, t)), s(e));
-    }, [e, t, r]), o.useEffect(() => {
-      r && (s(e), y(e || /* @__PURE__ */ new Date()));
-    }, [r, e]);
+    }, [i]), r.useEffect(() => {
+      !o && e && (c(a(e, t)), s(e));
+    }, [e, t, o]), r.useEffect(() => {
+      o && (s(e), y(e || /* @__PURE__ */ new Date()));
+    }, [o, e]);
     const B = (n) => {
       s(n), n && c(a(n, t)), f || (p?.(n), d(!1));
-    }, v = (n) => {
+    }, b = (n) => {
       p?.(n !== void 0 ? n : S), d(!1);
-    }, H = () => {
+    }, v = () => {
       s(e), c(e ? a(e, t) : ""), d(!1);
     }, w = () => {
       s(void 0), c(""), p?.(void 0), f || d(!1);
-    }, L = (n) => {
-      const u = n.target.value, m = Q(u, t, i);
+    }, H = (n) => {
+      const u = n.target.value, m = K(u, t, i);
       if (c(m), m === "") {
         s(void 0), f || p?.(void 0);
         return;
       }
       const D = C(m, t, /* @__PURE__ */ new Date());
       x(D) && m.length === t.length && (s(D), y(D), f || p?.(D));
-    }, X = () => {
-      if (r) return;
-      const n = K(i, t), u = C(n, t, /* @__PURE__ */ new Date());
+    }, L = () => {
+      if (o) return;
+      const n = J(i, t), u = C(n, t, /* @__PURE__ */ new Date());
       !x(u) || n.length !== t.length ? (c(e ? a(e, t) : ""), s(e)) : (c(n), f || p?.(u));
-    }, R = (e ? a(e, t) : "") !== i, q = i.length === t.length && !x(C(i, t, /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ V(W, { open: r, onOpenChange: d, children: [
-      /* @__PURE__ */ l(Y, { asChild: !0, children: /* @__PURE__ */ l("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ l(
-        U,
+    }, R = (e ? a(e, t) : "") !== i, X = i.length === t.length && !x(C(i, t, /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ V(U, { open: o, onOpenChange: d, children: [
+      /* @__PURE__ */ l(W, { asChild: !0, children: /* @__PURE__ */ l("div", { "data-component": "date-picker", "data-state": o ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ l(
+        Q,
         {
           ref: g,
           value: i,
-          onChange: L,
-          onBlur: X,
-          onClick: (n) => r && n.stopPropagation(),
-          placeholder: r ? t : k,
+          onChange: H,
+          onBlur: L,
+          onClick: (n) => o && n.stopPropagation(),
+          placeholder: o ? t : k,
           disabled: P,
           "data-form-control": "input",
-          className: J(
+          className: G(
             "cursor-pointer",
-            q ? "text-destructive" : R ? "text-muted-foreground" : "",
+            X ? "text-destructive" : R ? "text-muted-foreground" : "",
             E
           ),
           suffix: /* @__PURE__ */ V("div", { className: "flex items-center gap-1", children: [
             e && !P && /* @__PURE__ */ l(
-              z,
+              q,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
                 onClick: (n) => {
@@ -80,32 +80,31 @@ const $ = o.forwardRef(
                 }
               }
             ),
-            /* @__PURE__ */ l(G, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ l(z, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
           ...O
         }
       ) }) }),
       /* @__PURE__ */ l(
-        Z,
+        Y,
         {
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (n) => n.preventDefault(),
           children: /* @__PURE__ */ l(
-            _,
+            Z,
             {
               mode: "single",
               selected: S,
               onSelect: B,
               month: j,
               onMonthChange: y,
-              fromDate: I,
-              toDate: M,
-              fromYear: N,
-              toYear: A,
+              disabled: { before: I, after: M },
+              startMonth: N,
+              endMonth: A,
               showFooter: f,
-              onApply: v,
-              onCancel: H,
+              onApply: b,
+              onCancel: v,
               onClear: w,
               captionLayout: "dropdown"
             }
@@ -115,7 +114,7 @@ const $ = o.forwardRef(
     ] });
   }
 );
-$.displayName = "DatePicker";
+_.displayName = "DatePicker";
 export {
-  $ as DatePicker
+  _ as DatePicker
 };

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

@@ -15,8 +15,8 @@ const ae = i.forwardRef(
     endPlaceholder: O = "End Date",
     minDate: T,
     maxDate: z,
-    fromYear: H,
-    toYear: L,
+    startMonth: H,
+    endMonth: L,
     showFooter: m = !0,
     disabled: x,
     label: P,
@@ -174,8 +174,8 @@ const ae = i.forwardRef(
                 month: Q,
                 onMonthChange: I,
                 disabled: { before: T, after: z },
-                fromYear: H,
-                toYear: L,
+                startMonth: H,
+                endMonth: L,
                 showFooter: m,
                 onApply: W,
                 onCancel: Y,

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

@@ -14,8 +14,8 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, Z = n
     placeholder: k = "Select Month",
     minDate: V,
     maxDate: I,
-    fromYear: N,
-    toYear: Y,
+    startMonth: N,
+    endMonth: Y,
     showFooter: p = !0,
     disabled: u,
     className: A,
@@ -106,8 +106,8 @@ const c = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, Z = n
               month: O,
               onMonthChange: y,
               disabled: { before: V, after: I },
-              fromYear: N,
-              toYear: Y,
+              startMonth: N,
+              endMonth: Y,
               showFooter: p,
               onApply: B,
               onCancel: E,

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

@@ -13,8 +13,8 @@ const o = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ct =
     placeholder: lt = "Select Month Range",
     minDate: B,
     maxDate: O,
-    fromYear: T,
-    toYear: $,
+    startMonth: T,
+    endMonth: $,
     showFooter: f = !0,
     disabled: g,
     className: z,
@@ -175,8 +175,8 @@ const o = (t) => `${(t.month + 1).toString().padStart(2, "0")}/${t.year}`, ct =
                 month: J,
                 onMonthChange: P,
                 disabled: { before: B, after: O },
-                fromYear: T,
-                toYear: $,
+                startMonth: T,
+                endMonth: $,
                 showFooter: f,
                 onApply: L,
                 onCancel: Q,

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

@@ -15,8 +15,8 @@ const I = s.forwardRef(
     placeholder: h = "Select Dates",
     minDate: u,
     maxDate: y,
-    fromYear: g,
-    toYear: C,
+    startMonth: g,
+    endMonth: C,
     showFooter: l = !0,
     disabled: c,
     className: x,
@@ -73,8 +73,8 @@ const I = s.forwardRef(
               selected: p,
               onSelect: A,
               disabled: { before: u, after: y },
-              fromYear: g,
-              toYear: C,
+              startMonth: g,
+              endMonth: C,
               showFooter: l,
               onApply: D,
               onCancel: M,

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

@@ -13,8 +13,8 @@ const v = s.forwardRef(
     placeholder: f = "Select Months",
     minDate: h,
     maxDate: u,
-    fromYear: g,
-    toYear: y,
+    startMonth: g,
+    endMonth: y,
     showFooter: l = !0,
     disabled: a,
     className: M,
@@ -72,8 +72,8 @@ const v = s.forwardRef(
               selectedMonths: p,
               onMonthSelect: P,
               disabled: { before: h, after: u },
-              fromYear: g,
-              toYear: y,
+              startMonth: g,
+              endMonth: y,
               showFooter: l,
               onApply: N,
               onCancel: A,

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

@@ -18,8 +18,8 @@ const q = (e, o = "MM/dd/yyyy") => {
     placeholder: i = "Select Weeks",
     minDate: k,
     maxDate: u,
-    fromYear: g,
-    toYear: C,
+    startMonth: g,
+    endMonth: C,
     showFooter: l = !0,
     calendarType: M = "calendar",
     fiscalMode: w = "basic",
@@ -83,8 +83,8 @@ const q = (e, o = "MM/dd/yyyy") => {
               selectedWeeks: f,
               onWeekSelect: T,
               disabled: { before: k, after: u },
-              fromYear: g,
-              toYear: C,
+              startMonth: g,
+              endMonth: C,
               showFooter: l,
               calendarType: M,
               fiscalMode: w,

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

@@ -19,8 +19,8 @@ const l = (e, s = "MM/dd/yyyy") => {
     placeholder: h = "Select Week",
     minDate: B,
     maxDate: E,
-    fromYear: L,
-    toYear: O,
+    startMonth: L,
+    endMonth: O,
     showFooter: f = !0,
     calendarType: w = "calendar",
     fiscalMode: W = "basic",
@@ -124,8 +124,8 @@ const l = (e, s = "MM/dd/yyyy") => {
               month: q,
               onMonthChange: k,
               disabled: { before: B, after: E },
-              fromYear: L,
-              toYear: O,
+              startMonth: L,
+              endMonth: O,
               showFooter: f,
               calendarType: w,
               fiscalMode: W,

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

@@ -18,8 +18,8 @@ const g = (e, r = "MM/dd/yyyy") => {
     placeholder: W = "Select Week Range",
     minDate: G,
     maxDate: J,
-    fromYear: K,
-    toYear: Q,
+    startMonth: K,
+    endMonth: Q,
     showFooter: p = !0,
     calendarType: E = "calendar",
     fiscalMode: v = "basic",
@@ -195,8 +195,8 @@ const g = (e, r = "MM/dd/yyyy") => {
                 month: ee,
                 onMonthChange: P,
                 disabled: { before: G, after: J },
-                fromYear: K,
-                toYear: Q,
+                startMonth: K,
+                endMonth: Q,
                 showFooter: p,
                 calendarType: E,
                 fiscalMode: v,

package/dist/components/ui/types/date-picker.types.d.ts

@@ -8,8 +8,8 @@ export interface DatePickerProps extends Omit<InputProps, 'value' | 'onChange' |
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
 }
 export interface DateRangePickerProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'suffix' | 'suffixClick'> {
@@ -20,8 +20,8 @@ export interface DateRangePickerProps extends Omit<InputProps, 'value' | 'onChan
     endPlaceholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
 }
 export interface MonthPickerProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'suffix' | 'suffixClick'> {
@@ -30,8 +30,8 @@ export interface MonthPickerProps extends Omit<InputProps, 'value' | 'onChange'
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
 }
 export interface MonthRangePickerProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'suffix' | 'suffixClick'> {
@@ -40,8 +40,8 @@ export interface MonthRangePickerProps extends Omit<InputProps, 'value' | 'onCha
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
 }
 export interface WeekPickerProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'suffix' | 'suffixClick'> {
@@ -51,8 +51,8 @@ export interface WeekPickerProps extends Omit<InputProps, 'value' | 'onChange' |
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
     /** Whether to use standard calendar weeks or fiscal weeks. Default: "calendar" */
     calendarType?: "calendar" | "fiscal";
@@ -73,8 +73,8 @@ export interface WeekRangePickerProps extends Omit<InputProps, 'value' | 'onChan
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
     /** Whether to use standard calendar weeks or fiscal weeks. Default: "calendar" */
     calendarType?: "calendar" | "fiscal";
@@ -95,8 +95,8 @@ export interface MultiDatePickerProps extends Omit<InputProps, 'value' | 'onChan
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
 }
 export interface MultiMonthPickerProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'suffix' | 'suffixClick'> {
@@ -105,8 +105,8 @@ export interface MultiMonthPickerProps extends Omit<InputProps, 'value' | 'onCha
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
 }
 export interface MultiWeekPickerProps extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'suffix' | 'suffixClick'> {
@@ -116,8 +116,8 @@ export interface MultiWeekPickerProps extends Omit<InputProps, 'value' | 'onChan
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     showFooter?: boolean;
     /** Whether to use standard calendar weeks or fiscal weeks. Default: "calendar" */
     calendarType?: "calendar" | "fiscal";

package/package.json

@@ -1,7 +1,7 @@
 
 {
   "name": "impact-nova",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",