impact-nova 1.3.0 → 1.5.2

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

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

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

@@ -1,215 +1,217 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import * as d from "react";
-import { X as le } from "lucide-react";
-import { CalendarMonth as ce, Info as fe } from "../../../icons/index.js";
-import { format as i, isValid as C, parse as S } from "date-fns";
-import { cn as D, padValidDateString as M, maskDate as A } from "../../../lib/utils.js";
-import { Popover as ae, PopoverTrigger as pe, PopoverContent as me } from "../popover.js";
-import { Calendar as he } from "../calendar.js";
-import { Tooltip as j, TooltipTrigger as B, TooltipContent as O } from "../tooltip.js";
-const ue = d.forwardRef(
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import * as s from "react";
+import { X as me } from "lucide-react";
+import { CalendarMonth as he, Info as ue } from "../../../icons/index.js";
+import { format as i, isValid as C, parse as D } from "date-fns";
+import { cn as N, padValidDateString as j, maskDate as B } from "../../../lib/utils.js";
+import { Popover as ge, PopoverTrigger as xe, PopoverContent as be } from "../popover.js";
+import { Calendar as we } from "../calendar.js";
+import { Tooltip as O, TooltipTrigger as z, TooltipContent as H } from "../tooltip.js";
+import { getDateFnsLocale as ye } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as Pe } from "../../../i18n/ImpactNovaI18nContext.js";
+const Ce = s.forwardRef(
   ({
     value: e,
-    onChange: m,
+    onChange: h,
     format: t = "MM/dd/yyyy",
-    startPlaceholder: z = "Start Date",
-    endPlaceholder: H = "End Date",
-    minDate: L,
-    maxDate: X,
-    startMonth: q,
-    endMonth: G,
-    showFooter: h = !0,
-    disabled: x,
-    label: P,
-    helperText: k,
-    prefix: ge,
-    prefixClick: xe,
-    isError: N,
-    size: V,
-    required: J,
-    className: K,
-    ...Q
-  }, U) => {
-    const E = d.useRef(null), W = d.useRef(null);
-    d.useRef(null), d.useRef(null), d.useImperativeHandle(U, () => E.current);
-    const [c, R] = d.useState(!1), [b, a] = d.useState(e), [w, u] = d.useState(e?.from ? i(e.from, t) : ""), [y, g] = d.useState(e?.to ? i(e.to, t) : ""), [Y, I] = d.useState(e?.from || /* @__PURE__ */ new Date());
-    d.useEffect(() => {
-      c || (u(e?.from ? i(e.from, t) : ""), g(e?.to ? i(e.to, t) : ""), a(e));
-    }, [e, t, c]), d.useEffect(() => {
-      c && (a(e), u(e?.from ? i(e.from, t) : ""), g(e?.to ? i(e.to, t) : ""), I(e?.from || /* @__PURE__ */ new Date()));
-    }, [c, e]);
-    const Z = (n) => {
-      a(n), n?.from && u(i(n.from, t)), n?.to && g(i(n.to, t)), h || n?.from && n?.to && n.from.getTime() !== n.to.getTime() && (m?.(n), R(!1));
-    }, $ = (n) => {
-      let o = n !== void 0 ? n : b;
-      o?.from && !o.to && (o = { from: o.from, to: o.from }), m?.(o), R(!1);
-    }, _ = () => {
-      a(e), u(e?.from ? i(e.from, t) : ""), g(e?.to ? i(e.to, t) : ""), R(!1);
-    }, v = () => {
-      a(void 0), u(""), g(""), m?.(void 0), h || R(!1);
-    }, F = (n) => {
-      const o = n.target.value, l = A(o, t, w);
-      if (u(l), l === "") {
-        const s = { from: void 0, to: b?.to };
-        a(s), h || m?.(s);
+    startPlaceholder: X,
+    endPlaceholder: q,
+    minDate: G,
+    maxDate: J,
+    startMonth: K,
+    endMonth: Q,
+    showFooter: u = !0,
+    disabled: b,
+    label: V,
+    helperText: v,
+    prefix: De,
+    prefixClick: Ne,
+    isError: R,
+    size: M,
+    required: U,
+    className: W,
+    ...Y
+  }, Z) => {
+    const { locale: E, t: I } = Pe(), o = s.useMemo(() => ye(E), [E]), $ = X ?? I("datePicker.startDate"), _ = q ?? I("datePicker.endDate"), T = s.useRef(null), F = s.useRef(null);
+    s.useRef(null), s.useRef(null), s.useImperativeHandle(Z, () => T.current);
+    const [a, S] = s.useState(!1), [w, p] = s.useState(e), [y, g] = s.useState(e?.from ? i(e.from, t, { locale: o }) : ""), [P, x] = s.useState(e?.to ? i(e.to, t, { locale: o }) : ""), [ee, k] = s.useState(e?.from || /* @__PURE__ */ new Date());
+    s.useEffect(() => {
+      a || (g(e?.from ? i(e.from, t, { locale: o }) : ""), x(e?.to ? i(e.to, t, { locale: o }) : ""), p(e));
+    }, [e, t, a, o]), s.useEffect(() => {
+      a && (p(e), g(e?.from ? i(e.from, t, { locale: o }) : ""), x(e?.to ? i(e.to, t, { locale: o }) : ""), k(e?.from || /* @__PURE__ */ new Date()));
+    }, [a, e, t, o]);
+    const te = (n) => {
+      p(n), n?.from && g(i(n.from, t, { locale: o })), n?.to && x(i(n.to, t, { locale: o })), u || n?.from && n?.to && n.from.getTime() !== n.to.getTime() && (h?.(n), S(!1));
+    }, ne = (n) => {
+      let r = n !== void 0 ? n : w;
+      r?.from && !r.to && (r = { from: r.from, to: r.from }), h?.(r), S(!1);
+    }, oe = () => {
+      p(e), g(e?.from ? i(e.from, t, { locale: o }) : ""), x(e?.to ? i(e.to, t, { locale: o }) : ""), S(!1);
+    }, A = () => {
+      p(void 0), g(""), x(""), h?.(void 0), u || S(!1);
+    }, re = (n) => {
+      const r = n.target.value, d = B(r, t, y);
+      if (g(d), d === "") {
+        const c = { from: void 0, to: w?.to };
+        p(c), u || h?.(c);
         return;
       }
-      const f = S(l, t, /* @__PURE__ */ new Date());
-      if (C(f) && l.length === t.length) {
-        const s = { from: f, to: b?.to };
-        a(s), I(f), h || m?.(s);
+      const f = D(d, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(f) && d.length === t.length) {
+        const c = { from: f, to: w?.to };
+        p(c), k(f), u || h?.(c);
       }
-    }, ee = (n) => {
-      const o = n.target.value, l = A(o, t, y);
-      if (g(l), l === "") {
-        const s = { from: b?.from, to: void 0 };
-        a(s), h || m?.(s);
+    }, le = (n) => {
+      const r = n.target.value, d = B(r, t, P);
+      if (x(d), d === "") {
+        const c = { from: w?.from, to: void 0 };
+        p(c), u || h?.(c);
         return;
       }
-      const f = S(l, t, /* @__PURE__ */ new Date());
-      if (C(f) && l.length === t.length) {
-        const s = { from: b?.from, to: f };
-        a(s), f && I(f), h || m?.(s);
+      const f = D(d, t, /* @__PURE__ */ new Date(), { locale: o });
+      if (C(f) && d.length === t.length) {
+        const c = { from: w?.from, to: f };
+        p(c), f && k(f), u || h?.(c);
       }
-    }, T = () => {
-      if (c) return;
-      const n = M(w, t), o = M(y, t), l = S(n, t, /* @__PURE__ */ new Date()), f = S(o, t, /* @__PURE__ */ new Date()), s = C(l) && n.length === t.length, de = C(f) && o.length === t.length;
-      !s || !de ? (u(e?.from ? i(e.from, t) : ""), g(e?.to ? i(e.to, t) : ""), a(e)) : (u(n), g(o), h || m?.({ from: l, to: f }));
-    }, te = e?.from ? i(e.from, t) : "", ne = e?.to ? i(e.to, t) : "", oe = w !== te, re = y !== ne, ie = w.length === t.length && !C(S(w, t, /* @__PURE__ */ new Date())), se = y.length === t.length && !C(S(y, t, /* @__PURE__ */ new Date()));
-    return /* @__PURE__ */ p("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "date-range-picker", "data-disabled": x || void 0, children: [
-      P && /* @__PURE__ */ p(
+    }, L = () => {
+      if (a) return;
+      const n = j(y, t), r = j(P, t), d = D(n, t, /* @__PURE__ */ new Date(), { locale: o }), f = D(r, t, /* @__PURE__ */ new Date(), { locale: o }), c = C(d) && n.length === t.length, pe = C(f) && r.length === t.length;
+      !c || !pe ? (g(e?.from ? i(e.from, t, { locale: o }) : ""), x(e?.to ? i(e.to, t, { locale: o }) : ""), p(e)) : (g(n), x(r), u || h?.({ from: d, to: f }));
+    }, se = e?.from ? i(e.from, t, { locale: o }) : "", ie = e?.to ? i(e.to, t, { locale: o }) : "", ce = y !== se, de = P !== ie, ae = y.length === t.length && !C(D(y, t, /* @__PURE__ */ new Date(), { locale: o })), fe = P.length === t.length && !C(D(P, t, /* @__PURE__ */ new Date(), { locale: o }));
+    return /* @__PURE__ */ m("div", { className: "w-full space-y-1.5 min-w-[240px]", "data-component": "date-range-picker", "data-disabled": b || void 0, children: [
+      V && /* @__PURE__ */ m(
         "label",
         {
-          className: D(
+          className: N(
             "text-xs font-medium leading-[18px] text-[#60697d]",
-            x && "opacity-70",
-            N && "text-destructive"
+            b && "opacity-70",
+            R && "text-destructive"
           ),
           children: [
-            P,
+            V,
             " ",
-            J && /* @__PURE__ */ r("span", { className: "text-destructive", children: "*" })
+            U && /* @__PURE__ */ l("span", { className: "text-destructive", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ p(ae, { open: c, onOpenChange: R, children: [
-        /* @__PURE__ */ r(pe, { asChild: !0, children: /* @__PURE__ */ p(
+      /* @__PURE__ */ m(ge, { open: a, onOpenChange: S, children: [
+        /* @__PURE__ */ l(xe, { asChild: !0, children: /* @__PURE__ */ m(
           "div",
           {
-            "data-state": c ? "open" : "closed",
-            className: D(
+            "data-state": a ? "open" : "closed",
+            className: N(
               "flex w-full items-center justify-between gap-2 rounded-md border bg-white px-3 text-sm shadow-sm transition-colors hover:border-primary disabled:cursor-not-allowed disabled:bg-disabled-secondary-bg disabled:text-disabled-text disabled:border-border",
-              N ? "border-destructive hover:border-destructive" : "border-input",
-              V === "sm" ? "h-6" : V === "md" ? "h-[28px]" : "h-8",
-              x && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
+              R ? "border-destructive hover:border-destructive" : "border-input",
+              M === "sm" ? "h-6" : M === "md" ? "h-[28px]" : "h-8",
+              b && "pointer-events-none opacity-100 bg-disabled-secondary-bg border-border text-disabled-text hover:border-border",
               "cursor-pointer",
-              K
+              W
             ),
             children: [
-              /* @__PURE__ */ p("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-                /* @__PURE__ */ r(
+              /* @__PURE__ */ m("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+                /* @__PURE__ */ l(
                   "input",
                   {
-                    ref: E,
+                    ref: T,
                     type: "text",
-                    value: w,
-                    onChange: F,
-                    onBlur: T,
-                    onClick: (n) => c && n.stopPropagation(),
-                    placeholder: c ? t : z,
-                    disabled: !!x,
+                    value: y,
+                    onChange: re,
+                    onBlur: L,
+                    onClick: (n) => a && n.stopPropagation(),
+                    placeholder: a ? t : $,
+                    disabled: !!b,
                     "data-field": "start",
-                    className: D(
+                    className: N(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      ie ? "text-destructive" : oe ? "text-muted-foreground" : ""
+                      ae ? "text-destructive" : ce ? "text-muted-foreground" : ""
                     ),
-                    ...Q
+                    ...Y
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ l(
                   "input",
                   {
-                    ref: W,
+                    ref: F,
                     type: "text",
-                    value: y,
-                    onChange: ee,
-                    onBlur: T,
-                    onClick: (n) => c && n.stopPropagation(),
-                    placeholder: c ? t : H,
-                    disabled: !!x,
+                    value: P,
+                    onChange: le,
+                    onBlur: L,
+                    onClick: (n) => a && n.stopPropagation(),
+                    placeholder: a ? t : _,
+                    disabled: !!b,
                     "data-field": "end",
-                    className: D(
+                    className: N(
                       "flex-1 min-w-0 bg-transparent p-0 text-sm font-medium outline-none placeholder:font-medium placeholder:text-[#dfe2e7] disabled:cursor-not-allowed disabled:opacity-50",
-                      se ? "text-destructive" : re ? "text-muted-foreground" : ""
+                      fe ? "text-destructive" : de ? "text-muted-foreground" : ""
                     )
                   }
                 )
               ] }),
-              /* @__PURE__ */ p("div", { className: "flex items-center gap-1 shrink-0", children: [
-                e?.from && !x && /* @__PURE__ */ p(j, { children: [
-                  /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ r(
-                    le,
+              /* @__PURE__ */ m("div", { className: "flex items-center gap-1 shrink-0", children: [
+                e?.from && !b && /* @__PURE__ */ m(O, { children: [
+                  /* @__PURE__ */ l(z, { asChild: !0, children: /* @__PURE__ */ l(
+                    me,
                     {
                       className: "h-4 w-4 cursor-pointer hover:text-foreground text-muted-foreground",
                       onClick: (n) => {
-                        n.stopPropagation(), v();
+                        n.stopPropagation(), A();
                       }
                     }
                   ) }),
-                  /* @__PURE__ */ r(O, { variant: "tertiary", side: "top", children: "Clear" })
+                  /* @__PURE__ */ l(H, { variant: "tertiary", side: "top", children: I("calendar.clear") })
                 ] }),
-                /* @__PURE__ */ p(j, { children: [
-                  /* @__PURE__ */ r(B, { asChild: !0, children: /* @__PURE__ */ r(ce, { className: "h-4 w-4 text-secondary-foreground" }) }),
-                  /* @__PURE__ */ r(O, { variant: "tertiary", side: "top", children: "Pick a range" })
+                /* @__PURE__ */ m(O, { children: [
+                  /* @__PURE__ */ l(z, { asChild: !0, children: /* @__PURE__ */ l(he, { className: "h-4 w-4 text-secondary-foreground" }) }),
+                  /* @__PURE__ */ l(H, { variant: "tertiary", side: "top", children: I("datePicker.selectMonthRange") })
                 ] })
               ] })
             ]
           }
         ) }),
-        /* @__PURE__ */ r(
-          me,
+        /* @__PURE__ */ l(
+          be,
           {
             className: "w-auto p-0",
             align: "start",
             onOpenAutoFocus: (n) => n.preventDefault(),
-            children: /* @__PURE__ */ r(
-              he,
+            children: /* @__PURE__ */ l(
+              we,
               {
                 mode: "range",
-                selected: b,
-                onSelect: Z,
-                month: Y,
-                onMonthChange: I,
-                disabled: { before: L, after: X },
-                startMonth: q,
-                endMonth: G,
-                showFooter: h,
-                onApply: $,
-                onCancel: _,
-                onClear: v,
+                selected: w,
+                onSelect: te,
+                month: ee,
+                onMonthChange: k,
+                disabled: { before: G, after: J },
+                startMonth: K,
+                endMonth: Q,
+                showFooter: u,
+                onApply: ne,
+                onCancel: oe,
+                onClear: A,
                 captionLayout: "dropdown"
               }
             )
           }
         )
       ] }),
-      k && /* @__PURE__ */ p("div", { className: D("flex items-center gap-1", N && "text-destructive"), children: [
-        !N && /* @__PURE__ */ r(fe, { size: 10, className: "shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ r(
+      v && /* @__PURE__ */ m("div", { className: N("flex items-center gap-1", R && "text-destructive"), children: [
+        !R && /* @__PURE__ */ l(ue, { size: 10, className: "shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ l(
           "p",
           {
-            className: D(
+            className: N(
               "text-[10px] text-[#7a8294]",
-              N && "text-destructive"
+              R && "text-destructive"
             ),
-            children: k
+            children: v
           }
         )
       ] })
     ] });
   }
 );
-ue.displayName = "DateRangePicker";
+Ce.displayName = "DateRangePicker";
 export {
-  ue as DateRangePicker
+  Ce as DateRangePicker
 };