impact-nova 1.8.1 → 1.8.3

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

@@ -1,102 +1,104 @@
-import { jsxs as C, jsx as c } from "react/jsx-runtime";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
 import * as o from "react";
 import { X as Z } from "lucide-react";
 import { CalendarMonth as _ } from "../../../icons/index.js";
-import { format as u, isValid as x, parse as I } from "date-fns";
+import { format as h, isValid as I, parse as R } from "date-fns";
 import { cn as $, padValidDateString as F, maskDate as ee } from "../../../lib/utils.js";
 import { Input as te } from "../input.js";
 import { Popover as ne, PopoverTrigger as re, PopoverContent as oe } from "../popover.js";
 import { Calendar as ce } from "../calendar.js";
-import { Tooltip as T, TooltipTrigger as A, TooltipContent as E } from "../tooltip.js";
+import { Tooltip as A, TooltipTrigger as E, TooltipContent as L } from "../tooltip.js";
 import { getDateFnsLocale as ie } from "../../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as le } from "../../../i18n/ImpactNovaI18nContext.js";
 const ae = o.forwardRef(
   ({
     value: t,
-    onChange: f,
+    onChange: u,
     format: n = "MM/dd/yyyy",
-    placeholder: L,
+    placeholder: b,
     minDate: j,
     maxDate: K,
     startMonth: B,
     endMonth: O,
     showFooter: d = !0,
-    weekStartsOn: R,
-    disabled: b,
+    weekStartsOn: v,
+    disabled: s,
     className: H,
     ...X
   }, q) => {
-    const { locale: v, t: m } = le(), i = o.useMemo(() => ie(v), [v]), z = L ?? m("datePicker.selectDate"), g = o.useRef(null), y = o.useRef(null);
-    o.useImperativeHandle(q, () => g.current);
-    const [r, l] = o.useState(!1), D = o.useRef(!1), [N, a] = o.useState(t), [s, p] = o.useState(t ? u(t, n, { locale: i }) : ""), [G, w] = o.useState(t || /* @__PURE__ */ new Date());
+    const { locale: N, t: g } = le(), i = o.useMemo(() => ie(N), [N]), z = b ?? g("datePicker.selectDate"), y = o.useRef(null), D = o.useRef(null);
+    o.useImperativeHandle(q, () => y.current);
+    const [r, l] = o.useState(!1), k = o.useRef(!1), [V, a] = o.useState(t), [p, f] = o.useState(t ? h(t, n, { locale: i }) : ""), [G, x] = o.useState(t || /* @__PURE__ */ new Date());
     o.useEffect(() => {
-      g.current && y.current !== null && (g.current.setSelectionRange(y.current, y.current), y.current = null);
-    }, [s]), o.useEffect(() => {
-      r || (p(t ? u(t, n, { locale: i }) : ""), a(t));
+      y.current && D.current !== null && (y.current.setSelectionRange(D.current, D.current), D.current = null);
+    }, [p]), o.useEffect(() => {
+      r || (f(t ? h(t, n, { locale: i }) : ""), a(t));
     }, [t, n, r, i]), o.useEffect(() => {
-      r && (a(t), w(t || /* @__PURE__ */ new Date()));
+      r && (a(t), x(t || /* @__PURE__ */ new Date()));
     }, [r, t]);
     const J = (e) => {
-      a(e), e && p(u(e, n, { locale: i })), d || (f?.(e), l(!1));
+      a(e), e && f(h(e, n, { locale: i })), d || (u?.(e), l(!1));
     }, Q = (e) => {
-      f?.(e !== void 0 ? e : N), l(!1);
-    }, V = () => {
-      a(t), p(t ? u(t, n, { locale: i }) : ""), l(!1);
+      u?.(e !== void 0 ? e : V), l(!1);
     }, M = () => {
-      a(void 0), p(""), f?.(void 0), d || l(!1);
+      a(t), f(t ? h(t, n, { locale: i }) : ""), l(!1);
+    }, S = () => {
+      a(void 0), f(""), u?.(void 0), d || l(!1);
     }, U = (e) => {
-      const h = e.target.value, k = ee(h, n, s);
-      if (p(k), k === "") {
-        a(void 0), d || f?.(void 0);
+      const m = e.target.value, P = ee(m, n, p);
+      if (f(P), P === "") {
+        a(void 0), d || u?.(void 0);
         return;
       }
-      const P = I(k, n, /* @__PURE__ */ new Date(), { locale: i });
-      x(P) && k.length === n.length && (a(P), w(P), d || f?.(P));
+      const C = R(P, n, /* @__PURE__ */ new Date(), { locale: i });
+      I(C) && P.length === n.length && (a(C), x(C), d || u?.(C));
     }, W = () => {
       if (r) return;
-      const e = F(s, n), h = I(e, n, /* @__PURE__ */ new Date(), { locale: i });
-      !x(h) || e.length !== n.length ? (p(t ? u(t, n, { locale: i }) : ""), a(t)) : (p(e), d || f?.(h));
-    }, S = (t ? u(t, n, { locale: i }) : "") !== s, Y = s.length === n.length && !x(I(s, n, /* @__PURE__ */ new Date(), { locale: i }));
-    return /* @__PURE__ */ C(ne, { open: r, onOpenChange: l, children: [
-      /* @__PURE__ */ c(re, { asChild: !0, children: /* @__PURE__ */ c("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": S || void 0, children: /* @__PURE__ */ c(
+      const e = F(p, n), m = R(e, n, /* @__PURE__ */ new Date(), { locale: i });
+      !I(m) || e.length !== n.length ? (f(t ? h(t, n, { locale: i }) : ""), a(t)) : (f(e), d || u?.(m));
+    }, T = (t ? h(t, n, { locale: i }) : "") !== p, Y = p.length === n.length && !I(R(p, n, /* @__PURE__ */ new Date(), { locale: i }));
+    return /* @__PURE__ */ w(ne, { open: s ? !1 : r, onOpenChange: (e) => {
+      s || l(e);
+    }, children: [
+      /* @__PURE__ */ c(re, { asChild: !0, children: /* @__PURE__ */ c("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": T || void 0, children: /* @__PURE__ */ c(
         te,
         {
-          ref: g,
-          value: s,
+          ref: y,
+          value: p,
           onChange: U,
           onBlur: W,
           onClick: (e) => r && e.stopPropagation(),
           onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === "ArrowDown") && !r && (e.preventDefault(), D.current = !0, l(!0)), e.key === "Escape" && r && (e.preventDefault(), V());
+            (e.key === "Enter" || e.key === "ArrowDown") && !r && !s && (e.preventDefault(), k.current = !0, l(!0)), e.key === "Escape" && r && (e.preventDefault(), M());
           },
           placeholder: r ? n : z,
-          disabled: b,
+          disabled: s,
           "data-form-control": "input",
           className: $(
             "cursor-pointer",
-            Y ? "text-destructive" : S ? "text-content-muted" : "",
+            Y ? "text-destructive" : T ? "text-content-muted" : "",
             H
           ),
-          suffix: /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
-            t && !b && /* @__PURE__ */ C(T, { children: [
-              /* @__PURE__ */ c(A, { asChild: !0, children: /* @__PURE__ */ c(
+          suffix: /* @__PURE__ */ w("div", { className: "flex items-center gap-1", children: [
+            t && !s && /* @__PURE__ */ w(A, { children: [
+              /* @__PURE__ */ c(E, { asChild: !0, children: /* @__PURE__ */ c(
                 Z,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-content",
                   onClick: (e) => {
-                    e.stopPropagation(), M();
+                    e.stopPropagation(), S();
                   }
                 }
               ) }),
-              /* @__PURE__ */ c(E, { variant: "tertiary", side: "top", children: m("calendar.clear") })
+              /* @__PURE__ */ c(L, { variant: "tertiary", side: "top", children: g("calendar.clear") })
             ] }),
-            /* @__PURE__ */ C(T, { children: [
-              /* @__PURE__ */ c(A, { asChild: !0, children: /* @__PURE__ */ c("button", { type: "button", tabIndex: 0, "aria-label": m("datePicker.selectDate"), onClick: (e) => {
-                e.stopPropagation(), l(!r);
+            /* @__PURE__ */ w(A, { children: [
+              /* @__PURE__ */ c(E, { asChild: !0, children: /* @__PURE__ */ c("button", { type: "button", tabIndex: 0, "aria-label": g("datePicker.selectDate"), onClick: (e) => {
+                e.stopPropagation(), s || l(!r);
               }, onKeyDown: (e) => {
-                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), D.current = !0, l(!r));
+                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s || (k.current = !0, l(!r)));
               }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ c(_, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-              /* @__PURE__ */ c(E, { variant: "tertiary", side: "top", children: m("datePicker.selectDate") })
+              /* @__PURE__ */ c(L, { variant: "tertiary", side: "top", children: g("datePicker.selectDate") })
             ] })
           ] }),
           ...X
@@ -108,25 +110,25 @@ const ae = o.forwardRef(
           className: "w-auto p-0",
           align: "start",
           onOpenAutoFocus: (e) => {
-            D.current || e.preventDefault(), D.current = !1;
+            k.current || e.preventDefault(), k.current = !1;
           },
           children: /* @__PURE__ */ c(
             ce,
             {
               mode: "single",
-              selected: N,
+              selected: V,
               onSelect: J,
               month: G,
-              onMonthChange: w,
+              onMonthChange: x,
               disabled: { before: j, after: K },
               startMonth: B,
               endMonth: O,
               showFooter: d,
               onApply: Q,
-              onCancel: V,
-              onClear: M,
+              onCancel: M,
+              onClear: S,
               captionLayout: "dropdown",
-              ...R !== void 0 ? { weekStartsOn: R } : {}
+              ...v !== void 0 ? { weekStartsOn: v } : {}
             }
           )
         }

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

@@ -1,18 +1,18 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import * as f from "react";
-import { X as be } from "lucide-react";
-import { CalendarMonth as ye, Info as J } from "../../../icons/index.js";
-import { format as p, isValid as g, parse as b } from "date-fns";
-import { cn as u, padValidDateString as E, maskDate as Q } from "../../../lib/utils.js";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import * as d from "react";
+import { X as ye } from "lucide-react";
+import { CalendarMonth as be, Info as J } from "../../../icons/index.js";
+import { format as p, isValid as y, parse as b } from "date-fns";
+import { cn as x, padValidDateString as E, maskDate as Q } from "../../../lib/utils.js";
 import { Popover as we, PopoverTrigger as De, PopoverContent as ke } from "../popover.js";
 import { Calendar as ve } from "../calendar.js";
 import { Tooltip as U, TooltipTrigger as W, TooltipContent as Y } from "../tooltip.js";
 import { getDateFnsLocale as Ne } from "../../../i18n/getDateFnsLocale.js";
 import { useImpactNovaI18n as Se } from "../../../i18n/ImpactNovaI18nContext.js";
-const Pe = f.forwardRef(
+const Pe = d.forwardRef(
   ({
     value: n,
-    onChange: d,
+    onChange: f,
     format: t = "MM/dd/yyyy",
     startPlaceholder: Z,
     endPlaceholder: $,
@@ -20,75 +20,75 @@ const Pe = f.forwardRef(
     maxDate: F,
     startMonth: ee,
     endMonth: te,
-    showFooter: x = !0,
+    showFooter: h = !0,
     weekStartsOn: z,
-    disabled: P,
+    disabled: m,
     label: B,
     helperText: V,
     helperTextPosition: j = "absolute",
     prefix: Re,
     prefixClick: Ie,
-    isError: v,
+    isError: N,
     size: O,
     required: ne,
     className: oe,
     ...le
-  }, se) => {
-    const { locale: T, t: R } = Se(), o = f.useMemo(() => Ne(T), [T]), H = Z ?? R("datePicker.startDate"), X = $ ?? R("datePicker.endDate"), q = f.useRef(null), re = f.useRef(null);
-    f.useRef(null), f.useRef(null), f.useImperativeHandle(se, () => q.current);
-    const [i, y] = f.useState(!1), C = f.useRef(!1), [I, w] = f.useState(n), [D, N] = f.useState(n?.from ? p(n.from, t, { locale: o }) : ""), [k, S] = f.useState(n?.to ? p(n.to, t, { locale: o }) : ""), [ie, A] = f.useState(n?.from || /* @__PURE__ */ new Date());
-    f.useEffect(() => {
-      i || (N(n?.from ? p(n.from, t, { locale: o }) : ""), S(n?.to ? p(n.to, t, { locale: o }) : ""), w(n));
-    }, [n, t, i, o]), f.useEffect(() => {
-      i && (w(n), N(n?.from ? p(n.from, t, { locale: o }) : ""), S(n?.to ? p(n.to, t, { locale: o }) : ""), A(n?.from || /* @__PURE__ */ new Date()));
+  }, re) => {
+    const { locale: T, t: R } = Se(), o = d.useMemo(() => Ne(T), [T]), H = Z ?? R("datePicker.startDate"), X = $ ?? R("datePicker.endDate"), q = d.useRef(null), se = d.useRef(null);
+    d.useRef(null), d.useRef(null), d.useImperativeHandle(re, () => q.current);
+    const [i, w] = d.useState(!1), C = d.useRef(!1), [I, D] = d.useState(n), [k, S] = d.useState(n?.from ? p(n.from, t, { locale: o }) : ""), [v, P] = d.useState(n?.to ? p(n.to, t, { locale: o }) : ""), [ie, A] = d.useState(n?.from || /* @__PURE__ */ new Date());
+    d.useEffect(() => {
+      i || (S(n?.from ? p(n.from, t, { locale: o }) : ""), P(n?.to ? p(n.to, t, { locale: o }) : ""), D(n));
+    }, [n, t, i, o]), d.useEffect(() => {
+      i && (D(n), S(n?.from ? p(n.from, t, { locale: o }) : ""), P(n?.to ? p(n.to, t, { locale: o }) : ""), A(n?.from || /* @__PURE__ */ new Date()));
     }, [i, n, t, o]);
     const ce = (e) => {
-      w(e), e?.from && N(p(e.from, t, { locale: o })), e?.to && S(p(e.to, t, { locale: o })), x || e?.from && e?.to && e.from.getTime() !== e.to.getTime() && (d?.(e), y(!1));
+      D(e), e?.from && S(p(e.from, t, { locale: o })), e?.to && P(p(e.to, t, { locale: o })), h || e?.from && e?.to && e.from.getTime() !== e.to.getTime() && (f?.(e), w(!1));
     }, ae = (e) => {
-      let s = e !== void 0 ? e : I;
-      s?.from && !s.to && (s = { from: s.from, to: s.from }), d?.(s), y(!1);
+      let r = e !== void 0 ? e : I;
+      r?.from && !r.to && (r = { from: r.from, to: r.from }), f?.(r), w(!1);
     }, K = () => {
-      w(n), N(n?.from ? p(n.from, t, { locale: o }) : ""), S(n?.to ? p(n.to, t, { locale: o }) : ""), y(!1);
+      D(n), S(n?.from ? p(n.from, t, { locale: o }) : ""), P(n?.to ? p(n.to, t, { locale: o }) : ""), w(!1);
     }, L = () => {
-      w(void 0), N(""), S(""), d?.(void 0), x || y(!1);
-    }, de = (e) => {
-      const s = e.target.value, c = Q(s, t, D);
-      if (N(c), c === "") {
+      D(void 0), S(""), P(""), f?.(void 0), h || w(!1);
+    }, fe = (e) => {
+      const r = e.target.value, c = Q(r, t, k);
+      if (S(c), c === "") {
         const l = { from: void 0, to: I?.to };
-        w(l), x || d?.(l);
+        D(l), h || f?.(l);
         return;
       }
-      const r = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
-      if (g(r) && c.length === t.length) {
-        const l = { from: r, to: I?.to };
-        w(l), A(r), x || d?.(l);
+      const s = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (y(s) && c.length === t.length) {
+        const l = { from: s, to: I?.to };
+        D(l), A(s), h || f?.(l);
       }
-    }, fe = (e) => {
-      const s = e.target.value, c = Q(s, t, k);
-      if (S(c), c === "") {
+    }, de = (e) => {
+      const r = e.target.value, c = Q(r, t, v);
+      if (P(c), c === "") {
         const l = { from: I?.from, to: void 0 };
-        w(l), x || d?.(l);
+        D(l), h || f?.(l);
         return;
       }
-      const r = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
-      if (g(r) && c.length === t.length) {
-        const l = { from: I?.from, to: r };
-        w(l), r && A(r), x || d?.(l);
+      const s = b(c, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (y(s) && c.length === t.length) {
+        const l = { from: I?.from, to: s };
+        D(l), s && A(s), h || f?.(l);
       }
     }, G = () => {
       if (i) return;
-      const e = E(D, t), s = E(k, t), c = b(e, t, /* @__PURE__ */ new Date(), { locale: o }), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = g(c) && e.length === t.length, h = g(r) && s.length === t.length;
-      D && !l ? N(n?.from ? p(n.from, t, { locale: o }) : "") : l && N(e), k && !h ? S(n?.to ? p(n.to, t, { locale: o }) : "") : h && S(s), l && h && !x ? d?.({ from: c, to: r }) : l && !x ? d?.({ from: c, to: n?.to }) : h && !x && d?.({ from: n?.from, to: r });
-    }, pe = n?.from ? p(n.from, t, { locale: o }) : "", me = n?.to ? p(n.to, t, { locale: o }) : "", ue = D !== pe, xe = k !== me, he = D.length === t.length && !g(b(D, t, /* @__PURE__ */ new Date(), { locale: o })), ge = k.length === t.length && !g(b(k, t, /* @__PURE__ */ new Date(), { locale: o }));
-    return /* @__PURE__ */ m("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "date-range-picker", "data-disabled": P || void 0, children: [
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-[6px]", children: [
-        B && /* @__PURE__ */ m(
+      const e = E(k, t), r = E(v, t), c = b(e, t, /* @__PURE__ */ new Date(), { locale: o }), s = b(r, t, /* @__PURE__ */ new Date(), { locale: o }), l = y(c) && e.length === t.length, g = y(s) && r.length === t.length;
+      k && !l ? S(n?.from ? p(n.from, t, { locale: o }) : "") : l && S(e), v && !g ? P(n?.to ? p(n.to, t, { locale: o }) : "") : g && P(r), l && g && !h ? f?.({ from: c, to: s }) : l && !h ? f?.({ from: c, to: n?.to }) : g && !h && f?.({ from: n?.from, to: s });
+    }, pe = n?.from ? p(n.from, t, { locale: o }) : "", me = n?.to ? p(n.to, t, { locale: o }) : "", ue = k !== pe, xe = v !== me, he = k.length === t.length && !y(b(k, t, /* @__PURE__ */ new Date(), { locale: o })), ge = v.length === t.length && !y(b(v, t, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ u("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", "data-component": "date-range-picker", "data-disabled": m || void 0, children: [
+      /* @__PURE__ */ u("div", { className: "flex flex-col gap-[6px]", children: [
+        B && /* @__PURE__ */ u(
           "label",
           {
-            className: u(
+            className: x(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              P && "opacity-70",
-              v && "text-destructive"
+              m && "opacity-70",
+              N && "text-destructive"
             ),
             children: [
               B,
@@ -97,51 +97,53 @@ const Pe = f.forwardRef(
             ]
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ u(
           "div",
           {
-            className: u(
+            className: x(
               "w-full",
               V && j === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ m(we, { open: i, onOpenChange: y, children: [
-                /* @__PURE__ */ a(De, { asChild: !0, children: /* @__PURE__ */ m(
+              /* @__PURE__ */ u(we, { open: m ? !1 : i, onOpenChange: (e) => {
+                m || w(e);
+              }, children: [
+                /* @__PURE__ */ a(De, { asChild: !0, children: /* @__PURE__ */ u(
                   "div",
                   {
                     "data-state": i ? "open" : "closed",
-                    className: u(
+                    className: x(
                       "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",
-                      v ? "border-destructive hover:border-destructive" : "border-field",
+                      N ? "border-destructive hover:border-destructive" : "border-field",
                       O === "sm" ? "h-6" : O === "md" ? "h-[28px]" : "h-8",
-                      P && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+                      m && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
                       "cursor-pointer",
                       oe
                     ),
                     children: [
-                      /* @__PURE__ */ m("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                      /* @__PURE__ */ u("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
                         /* @__PURE__ */ a(
                           "input",
                           {
                             ref: q,
                             type: "text",
-                            value: D,
-                            onChange: de,
+                            value: k,
+                            onChange: fe,
                             onBlur: G,
                             onClick: (e) => i && e.stopPropagation(),
                             onKeyDown: (e) => {
                               if (e.key === "Enter" && !i) {
                                 e.preventDefault();
-                                const s = E(D, t), c = E(k, t), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), h = g(r) && s.length === t.length, M = g(l) && c.length === t.length;
-                                h && M ? d?.({ from: r, to: l }) : h ? d?.({ from: r, to: n?.to }) : M && d?.({ from: n?.from, to: l });
+                                const r = E(k, t), c = E(v, t), s = b(r, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), g = y(s) && r.length === t.length, M = y(l) && c.length === t.length;
+                                g && M ? f?.({ from: s, to: l }) : g ? f?.({ from: s, to: n?.to }) : M && f?.({ from: n?.from, to: l });
                               }
-                              e.key === "ArrowDown" && !i && (e.preventDefault(), C.current = !0, y(!0)), e.key === "Escape" && i && (e.preventDefault(), K());
+                              e.key === "ArrowDown" && !i && !m && (e.preventDefault(), C.current = !0, w(!0)), e.key === "Escape" && i && (e.preventDefault(), K());
                             },
                             placeholder: i ? t : H,
-                            disabled: !!P,
+                            disabled: !!m,
                             "aria-label": H,
                             "data-field": "start",
-                            className: u(
+                            className: x(
                               "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",
                               he ? "text-destructive" : ue ? "text-content-muted" : ""
                             ),
@@ -151,33 +153,33 @@ const Pe = f.forwardRef(
                         /* @__PURE__ */ a(
                           "input",
                           {
-                            ref: re,
+                            ref: se,
                             type: "text",
-                            value: k,
-                            onChange: fe,
+                            value: v,
+                            onChange: de,
                             onBlur: G,
                             onClick: (e) => i && e.stopPropagation(),
                             onKeyDown: (e) => {
                               if (e.key === "Enter" && !i) {
                                 e.preventDefault();
-                                const s = E(D, t), c = E(k, t), r = b(s, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), h = g(r) && s.length === t.length, M = g(l) && c.length === t.length;
-                                h && M ? d?.({ from: r, to: l }) : h ? d?.({ from: r, to: n?.to }) : M && d?.({ from: n?.from, to: l });
+                                const r = E(k, t), c = E(v, t), s = b(r, t, /* @__PURE__ */ new Date(), { locale: o }), l = b(c, t, /* @__PURE__ */ new Date(), { locale: o }), g = y(s) && r.length === t.length, M = y(l) && c.length === t.length;
+                                g && M ? f?.({ from: s, to: l }) : g ? f?.({ from: s, to: n?.to }) : M && f?.({ from: n?.from, to: l });
                               }
-                              e.key === "ArrowDown" && !i && (e.preventDefault(), C.current = !0, y(!0)), e.key === "Escape" && i && (e.preventDefault(), K());
+                              e.key === "ArrowDown" && !i && !m && (e.preventDefault(), C.current = !0, w(!0)), e.key === "Escape" && i && (e.preventDefault(), K());
                             },
                             placeholder: i ? t : X,
-                            disabled: !!P,
+                            disabled: !!m,
                             "aria-label": X,
                             "data-field": "end",
-                            className: u(
+                            className: x(
                               "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",
                               ge ? "text-destructive" : xe ? "text-content-muted" : ""
                             )
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ m("div", { className: "flex items-center gap-1 shrink-0", children: [
-                        n?.from && !P && /* @__PURE__ */ m(U, { children: [
+                      /* @__PURE__ */ u("div", { className: "flex items-center gap-1 shrink-0", children: [
+                        n?.from && !m && /* @__PURE__ */ u(U, { children: [
                           /* @__PURE__ */ a(W, { asChild: !0, children: /* @__PURE__ */ a(
                             "button",
                             {
@@ -191,17 +193,17 @@ const Pe = f.forwardRef(
                                 (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), L());
                               },
                               className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                              children: /* @__PURE__ */ a(be, { className: "h-4 w-4 hover:text-content text-content-muted" })
+                              children: /* @__PURE__ */ a(ye, { className: "h-4 w-4 hover:text-content text-content-muted" })
                             }
                           ) }),
                           /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: R("calendar.clear") })
                         ] }),
-                        /* @__PURE__ */ m(U, { children: [
+                        /* @__PURE__ */ u(U, { children: [
                           /* @__PURE__ */ a(W, { asChild: !0, children: /* @__PURE__ */ a("button", { type: "button", tabIndex: 0, "aria-label": R("datePicker.selectMonthRange"), onClick: (e) => {
-                            e.stopPropagation(), y(!i);
+                            e.stopPropagation(), m || w(!i);
                           }, onKeyDown: (e) => {
-                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), C.current = !0, y(!i));
-                          }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ a(ye, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), m || (C.current = !0, w(!i)));
+                          }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ a(be, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
                           /* @__PURE__ */ a(Y, { variant: "tertiary", side: "top", children: R("datePicker.selectMonthRange") })
                         ] })
                       ] })
@@ -227,7 +229,7 @@ const Pe = f.forwardRef(
                         disabled: { before: _, after: F },
                         startMonth: ee,
                         endMonth: te,
-                        showFooter: x,
+                        showFooter: h,
                         onApply: ae,
                         onCancel: K,
                         onClear: L,
@@ -238,23 +240,23 @@ const Pe = f.forwardRef(
                   }
                 )
               ] }),
-              V && j === "absolute" && /* @__PURE__ */ m("div", { className: u("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", v && "text-destructive"), children: [
+              V && j === "absolute" && /* @__PURE__ */ u("div", { className: x("absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]", N && "text-destructive"), children: [
                 /* @__PURE__ */ a(
                   J,
                   {
                     size: "xs",
-                    className: u(
+                    className: x(
                       "shrink-0",
-                      v ? "text-destructive" : "text-content-muted"
+                      N ? "text-destructive" : "text-content-muted"
                     )
                   }
                 ),
                 /* @__PURE__ */ a(
                   "p",
                   {
-                    className: u(
+                    className: x(
                       "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      v && "text-destructive"
+                      N && "text-destructive"
                     ),
                     children: V
                   }
@@ -264,23 +266,23 @@ const Pe = f.forwardRef(
           }
         )
       ] }),
-      V && j === "flow" && /* @__PURE__ */ m("div", { className: u("flex items-center gap-[6px]", v && "text-destructive"), children: [
+      V && j === "flow" && /* @__PURE__ */ u("div", { className: x("flex items-center gap-[6px]", N && "text-destructive"), children: [
         /* @__PURE__ */ a(
           J,
           {
             size: "xs",
-            className: u(
+            className: x(
               "shrink-0",
-              v ? "text-destructive" : "text-content-muted"
+              N ? "text-destructive" : "text-content-muted"
             )
           }
         ),
         /* @__PURE__ */ a(
           "p",
           {
-            className: u(
+            className: x(
               "text-[12px] font-medium leading-[18px] text-navigation-muted",
-              v && "text-destructive"
+              N && "text-destructive"
             ),
             children: V
           }