ml-uikit 1.1.4 → 1.1.6

package/dist/index.es13.js

@@ -1,7 +1,7 @@
 import * as a from "react";
 import { ChevronLeftIcon as x, ChevronRightIcon as b, ChevronDownIcon as w } from "lucide-react";
 import { getDefaultClassNames as g, DayPicker as h } from "react-day-picker";
-import { cn as e } from "./index.es59.js";
+import { cn as e } from "./index.es60.js";
 import { buttonVariants as m, Button as _ } from "./index.es10.js";
 function C({
   className: c,

package/dist/index.es14.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { cn as d } from "./index.es59.js";
+import { cn as d } from "./index.es60.js";
 const o = e.forwardRef(({ className: a, ...r }, t) => /* @__PURE__ */ e.createElement(
   "div",
   {

package/dist/index.es15.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import P from "embla-carousel-react";
 import { ArrowLeft as S, ArrowRight as R } from "lucide-react";
-import { cn as m } from "./index.es59.js";
+import { cn as m } from "./index.es60.js";
 import { Button as x } from "./index.es10.js";
 const w = e.createContext(null);
 function d() {

package/dist/index.es16.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import * as C from "recharts";
-import { cn as i } from "./index.es59.js";
+import { cn as i } from "./index.es60.js";
 const $ = { light: "", dark: ".dark" }, k = e.createContext(null);
 function w() {
   const s = e.useContext(k);

package/dist/index.es17.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-checkbox";
 import { Check as o, Minus as s } from "lucide-react";
-import { cn as a } from "./index.es59.js";
+import { cn as a } from "./index.es60.js";
 const b = e.forwardRef(({ className: d, ...r }, i) => /* @__PURE__ */ e.createElement(
   t.Root,
   {

package/dist/index.es19.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { Command as m } from "cmdk";
 import { Search as n } from "lucide-react";
-import { cn as o } from "./index.es59.js";
+import { cn as o } from "./index.es60.js";
 import { Dialog as s, DialogContent as p } from "./index.es21.js";
 const d = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
   m,

package/dist/index.es20.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-context-menu";
 import { Check as l, Circle as i, ChevronRight as m } from "lucide-react";
-import { cn as s } from "./index.es59.js";
+import { cn as s } from "./index.es60.js";
 const w = t.Root, E = t.Trigger, M = t.Group, v = t.Portal, R = t.Sub, I = t.RadioGroup, c = e.forwardRef(({ className: a, inset: o, children: n, ...r }, d) => /* @__PURE__ */ e.createElement(
   t.SubTrigger,
   {

package/dist/index.es21.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-dialog";
 import { X as r } from "lucide-react";
-import { cn as l } from "./index.es59.js";
+import { cn as l } from "./index.es60.js";
 const N = t.Root, x = t.Trigger, d = t.Portal, D = t.Close, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
   t.Overlay,
   {

package/dist/index.es22.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { Drawer as t } from "vaul";
-import { cn as o } from "./index.es59.js";
+import { cn as o } from "./index.es60.js";
 const m = ({
   shouldScaleBackground: r = !0,
   ...a

package/dist/index.es23.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-dropdown-menu";
 import { Check as i, Circle as l, ChevronRight as m } from "lucide-react";
-import { cn as s } from "./index.es59.js";
+import { cn as s } from "./index.es60.js";
 const v = t.Root, D = t.Trigger, E = t.Group, M = t.Portal, R = t.Sub, I = t.RadioGroup, c = e.forwardRef(({ className: o, inset: a, children: n, ...r }, d) => /* @__PURE__ */ e.createElement(
   t.SubTrigger,
   {

package/dist/index.es24.js

@@ -1,6 +1,6 @@
 import * as n from "react";
 import { cva as i } from "class-variance-authority";
-import { cn as a } from "./index.es59.js";
+import { cn as a } from "./index.es60.js";
 function c({ className: t, ...e }) {
   return /* @__PURE__ */ n.createElement(
     "div",

package/dist/index.es25.js

@@ -1,8 +1,8 @@
 import { useMemo as n } from "react";
 import { cva as s } from "class-variance-authority";
-import { cn as l } from "./index.es59.js";
-import { Label as c } from "./index.es35.js";
-import { Separator as f } from "./index.es45.js";
+import { cn as l } from "./index.es60.js";
+import { Label as c } from "./index.es36.js";
+import { Separator as f } from "./index.es46.js";
 function h({ className: t, ...e }) {
   return /* @__PURE__ */ React.createElement(
     "fieldset",

package/dist/index.es26.js

@@ -1,8 +1,8 @@
 import * as e from "react";
 import { Slot as f } from "@radix-ui/react-slot";
 import { FormProvider as u, useFormContext as F, Controller as p } from "react-hook-form";
-import { cn as a } from "./index.es59.js";
-import { Label as I } from "./index.es35.js";
+import { cn as a } from "./index.es60.js";
+import { Label as I } from "./index.es36.js";
 const h = u, c = e.createContext(null), R = ({
   ...r
 }) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: r.name } }, /* @__PURE__ */ e.createElement(p, { ...r })), i = () => {

package/dist/index.es27.js

@@ -1,6 +1,6 @@
 import * as o from "react";
 import * as t from "@radix-ui/react-hover-card";
-import { cn as n } from "./index.es59.js";
+import { cn as n } from "./index.es60.js";
 const p = t.Root, f = t.Trigger, s = o.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ o.createElement(
   t.Content,
   {

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { cn as l } from "./index.es59.js";
+import { cn as l } from "./index.es60.js";
 const a = e.forwardRef(
   ({ className: i, type: r, ...t }, o) => /* @__PURE__ */ e.createElement(
     "input",

package/dist/index.es29.js

@@ -1,154 +1,346 @@
-import * as a from "react";
-import { cva as s } from "class-variance-authority";
-import { cn as r } from "./index.es59.js";
-import { Button as u } from "./index.es10.js";
-import { Input as p } from "./index.es28.js";
-import { Textarea as l } from "./index.es55.js";
-function h({ className: e, ...t }) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
+import * as e from "react";
+import { startOfMonth as g, addMonths as _, isAfter as v, isBefore as W, setMonth as le, setYear as ie, format as ce } from "date-fns";
+import { CalendarDays as de, ChevronLeft as fe, ChevronDown as U, ChevronRight as me } from "lucide-react";
+import { DayPicker as ue } from "react-day-picker";
+import { cn as p } from "./index.es60.js";
+import { Button as F } from "./index.es10.js";
+import { Popover as be, PopoverTrigger as pe, PopoverContent as xe } from "./index.es41.js";
+const he = "dd/MM/yyyy", ge = "DD/MM/YYYY - DD/MM/YYYY", we = Array.from(
+  { length: 12 },
+  (t, o) => new Date(2020, o, 1).toLocaleString("default", { month: "long" })
+), D = (t, o, s) => W(t, o) ? o : v(t, s) ? s : t, M = (t) => {
+  if (!(!t?.from && !t?.to))
+    return t.from && t.to && v(t.from, t.to) ? {
+      from: t.to,
+      to: t.from
+    } : {
+      from: t.from,
+      to: t.to
+    };
+}, N = (t, o) => {
+  if (t)
+    return ce(t, o);
+}, ve = (t, o) => {
+  const s = N(t?.from, o), m = N(t?.to, o);
+  return !s || !m ? "" : `${s} - ${m}`;
+}, Ee = (t, o) => {
+  const s = N(t?.from, o) ?? "DD/MM/YYYY", m = N(t?.to, o) ?? "DD/MM/YYYY";
+  return `${s} - ${m}`;
+};
+function I({
+  label: t,
+  month: o,
+  minMonth: s,
+  maxMonth: m,
+  minDate: C,
+  maxDate: S,
+  selectedDate: Y,
+  disabledMatcher: w,
+  disabled: x,
+  years: E,
+  onMonthChange: l,
+  onSelectDate: k
+}) {
+  const P = () => {
+    l(_(o, -1));
+  }, d = () => {
+    l(_(o, 1));
+  }, u = x || !v(o, s), f = x || !W(o, m);
+  return /* @__PURE__ */ e.createElement("div", { className: "w-full min-w-0" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2 md:gap-3" }, /* @__PURE__ */ e.createElement(
+    "button",
     {
-      "data-slot": "input-group",
-      role: "group",
-      className: r(
-        "group/input-group relative flex w-full items-center rounded-[8px] border border-[#e6e6e6] bg-white text-[14px] leading-[20px] text-foreground transition-colors",
-        "h-10 has-[>textarea]:h-auto",
-        // Variants based on alignment.
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3",
-        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3",
-        // Focus state.
-        "focus-within:border-[#1D1C20]",
-        // Error state.
-        "has-[[data-slot][aria-invalid=true]]:border-[#ff3b30]",
-        // Disabled state.
-        "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:bg-[#f2f2f2] data-[disabled=true]:text-[#9ca3af]",
-        e
+      type: "button",
+      onClick: P,
+      disabled: u,
+      className: p(
+        "inline-flex h-10 w-10 items-center justify-center rounded-[8px] text-[#6e6d71] transition-colors",
+        "hover:bg-[#f5f5f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
+        "disabled:cursor-not-allowed disabled:opacity-40"
       ),
-      ...t
-    }
-  );
-}
-const d = s(
-  "flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 text-sm font-medium text-[#7f7d83] group-data-[disabled=true]/input-group:text-[#b3b3b3] [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      align: {
-        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
-        "block-start": "[.border-b]:pb-3 order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5",
-        "block-end": "[.border-t]:pt-3 order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5"
-      }
+      "aria-label": `Previous month for ${t.toLowerCase()}`
     },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-function v({
-  className: e,
-  align: t = "inline-start",
-  ...o
-}) {
-  return /* @__PURE__ */ a.createElement(
-    "div",
+    /* @__PURE__ */ e.createElement(fe, { className: "h-6 w-6" })
+  ), /* @__PURE__ */ e.createElement("div", { className: "relative min-w-0 flex-1" }, /* @__PURE__ */ e.createElement(
+    "select",
     {
-      role: "group",
-      "data-slot": "input-group-addon",
-      "data-align": t,
-      className: r(d({ align: t }), e),
-      onClick: (n) => {
-        n.target.closest("button") || n.currentTarget.parentElement?.querySelector("input")?.focus();
+      value: o.getMonth(),
+      onChange: (r) => {
+        const b = Number(r.target.value);
+        l(le(o, b));
       },
-      ...o
-    }
-  );
-}
-const c = s(
-  "flex items-center gap-2 text-sm shadow-none",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
-        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
-      }
+      disabled: x,
+      className: p(
+        "h-14 w-full appearance-none rounded-[14px] border border-[#b7b7b9] bg-white px-5 pr-11 text-left text-[16px] font-medium leading-[22px] text-[#111111]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
+        "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]"
+      ),
+      "aria-label": `Month for ${t.toLowerCase()}`
     },
-    defaultVariants: {
-      size: "xs"
-    }
-  }
-);
-function k({
-  className: e,
-  type: t = "button",
-  variant: o = "ghost",
-  size: n = "xs",
-  ...i
-}) {
-  return /* @__PURE__ */ a.createElement(
-    u,
+    we.map((r, b) => /* @__PURE__ */ e.createElement("option", { key: r, value: b }, r))
+  ), /* @__PURE__ */ e.createElement(U, { className: "pointer-events-none absolute right-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#7f7d83]" })), /* @__PURE__ */ e.createElement("div", { className: "relative w-[132px] shrink-0" }, /* @__PURE__ */ e.createElement(
+    "select",
     {
-      type: t,
-      "data-size": n,
-      variant: o,
-      className: r(c({ size: n }), e),
-      ...i
-    }
-  );
-}
-function z({ className: e, ...t }) {
-  return /* @__PURE__ */ a.createElement(
-    "span",
-    {
-      className: r(
-        "text-muted-foreground flex items-center gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
-        e
+      value: o.getFullYear(),
+      onChange: (r) => {
+        const b = Number(r.target.value);
+        l(ie(o, b));
+      },
+      disabled: x,
+      className: p(
+        "h-14 w-full appearance-none rounded-[14px] border border-[#b7b7b9] bg-white px-5 pr-10 text-left text-[16px] font-medium leading-[22px] text-[#111111]",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
+        "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]"
       ),
-      ...t
-    }
-  );
-}
-function w({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ a.createElement(
-    p,
+      "aria-label": `Year for ${t.toLowerCase()}`
+    },
+    E.map((r) => /* @__PURE__ */ e.createElement("option", { key: r, value: r }, r))
+  ), /* @__PURE__ */ e.createElement(U, { className: "pointer-events-none absolute right-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#7f7d83]" })), /* @__PURE__ */ e.createElement(
+    "button",
     {
-      "data-slot": "input-group-control",
-      className: r(
-        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
-        e
+      type: "button",
+      onClick: d,
+      disabled: f,
+      className: p(
+        "inline-flex h-10 w-10 items-center justify-center rounded-[8px] text-[#6e6d71] transition-colors",
+        "hover:bg-[#f5f5f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
+        "disabled:cursor-not-allowed disabled:opacity-40"
       ),
-      ...t
-    }
-  );
-}
-function G({
-  className: e,
-  ...t
-}) {
-  return /* @__PURE__ */ a.createElement(
-    l,
+      "aria-label": `Next month for ${t.toLowerCase()}`
+    },
+    /* @__PURE__ */ e.createElement(me, { className: "h-6 w-6" })
+  )), /* @__PURE__ */ e.createElement("p", { className: "mt-4 text-center text-[16px] font-medium leading-[22px] text-[#666666]" }, t), /* @__PURE__ */ e.createElement(
+    ue,
     {
-      "data-slot": "input-group-control",
-      className: r(
-        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
-        e
-      ),
-      ...t
+      mode: "single",
+      month: o,
+      onMonthChange: l,
+      selected: Y,
+      onSelect: k,
+      showOutsideDays: !0,
+      fixedWeeks: !0,
+      hideNavigation: !0,
+      disabled: [
+        { before: C },
+        { after: S },
+        ...w ? [w] : []
+      ],
+      className: "mt-2 p-0",
+      classNames: {
+        root: "w-full",
+        months: "w-full",
+        month: "w-full",
+        month_caption: "hidden",
+        month_grid: "w-full border-collapse",
+        weekdays: "grid grid-cols-7",
+        weekday: "h-10 text-center text-[16px] font-medium leading-[22px] text-[#666666]",
+        weeks: "grid gap-1",
+        week: "grid grid-cols-7",
+        day: "flex h-12 w-full items-center justify-center p-0",
+        day_button: "h-10 w-10 rounded-[12px] border border-transparent bg-transparent p-0 text-[18px] font-normal leading-none text-[#444444] transition-colors hover:border-[#cccccc] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2bbd8f]/25 aria-selected:border-[#2bbd8f] aria-selected:text-[#111111]",
+        selected: "",
+        today: "font-medium",
+        outside: "text-[#a4a4a8]",
+        disabled: "pointer-events-none text-[#d3d3d6]",
+        hidden: "invisible"
+      }
     }
-  );
+  ));
 }
+const ye = e.forwardRef(
+  ({
+    value: t,
+    defaultValue: o,
+    onValueChange: s,
+    wrapperClassName: m,
+    popoverClassName: C,
+    className: S,
+    placeholder: Y = ge,
+    dateFormat: w = he,
+    minYear: x = 2e3,
+    maxYear: E = 2100,
+    disabled: l,
+    ...k
+  }, P) => {
+    const d = Math.min(x, E), u = Math.max(x, E), f = e.useMemo(
+      () => g(new Date(d, 0, 1)),
+      [d]
+    ), r = e.useMemo(
+      () => g(new Date(u, 11, 1)),
+      [u]
+    ), b = e.useMemo(() => new Date(d, 0, 1), [d]), R = e.useMemo(
+      () => new Date(u, 11, 31),
+      [u]
+    ), O = e.useMemo(
+      () => Array.from(
+        { length: u - d + 1 },
+        (n, c) => d + c
+      ),
+      [d, u]
+    ), $ = t !== void 0, [q, G] = e.useState(
+      M(o)
+    ), h = M($ ? t : q), A = e.useCallback(
+      (n) => {
+        const c = g(/* @__PURE__ */ new Date()), a = D(
+          g(n?.from ?? c),
+          f,
+          r
+        ), ae = n?.to ? g(n.to) : _(a, 1), se = D(ae, f, r);
+        return {
+          start: a,
+          end: se
+        };
+      },
+      [f, r]
+    ), [L, T] = e.useState(!1), [i, V] = e.useState(
+      h
+    ), j = A(h), [J, B] = e.useState(j.start), [K, z] = e.useState(j.end), y = e.useCallback(
+      (n) => {
+        const c = M(n);
+        V(c);
+        const a = A(c);
+        B(a.start), z(a.end);
+      },
+      [A]
+    );
+    e.useEffect(() => {
+      L || y(h);
+    }, [h, L, y]);
+    const Q = (n) => {
+      B(D(g(n), f, r));
+    }, X = (n) => {
+      z(D(g(n), f, r));
+    }, Z = (n) => {
+      n && V((c) => {
+        const a = {
+          from: n,
+          to: c?.to
+        };
+        return a.to && v(n, a.to) && (a.to = n), a;
+      });
+    }, ee = (n) => {
+      n && V((c) => {
+        const a = {
+          from: c?.from,
+          to: n
+        };
+        return a.from && v(a.from, n) && (a.from = n), a;
+      });
+    }, te = () => {
+      y(h), T(!1);
+    }, ne = () => {
+      const n = M(i);
+      $ || G(n), s?.(n), T(!1);
+    }, oe = !!(i?.from && i?.to), H = ve(h, w), re = Ee(i, w);
+    return /* @__PURE__ */ e.createElement("div", { className: p("w-full", m) }, /* @__PURE__ */ e.createElement(
+      be,
+      {
+        open: L,
+        onOpenChange: (n) => {
+          l || (n && y(h), T(n));
+        }
+      },
+      /* @__PURE__ */ e.createElement(pe, { asChild: !0 }, /* @__PURE__ */ e.createElement(
+        "button",
+        {
+          ref: P,
+          type: "button",
+          disabled: l,
+          className: p(
+            "flex h-10 w-full items-center justify-between rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-left text-[14px] leading-[20px] transition-colors",
+            "focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0",
+            "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:opacity-100",
+            S
+          ),
+          ...k
+        },
+        /* @__PURE__ */ e.createElement(
+          "span",
+          {
+            className: p(
+              "truncate text-[14px] font-normal leading-[20px]",
+              H ? "text-[#111111]" : "text-[#b3b3b3]"
+            )
+          },
+          H || Y
+        ),
+        /* @__PURE__ */ e.createElement(de, { className: "ml-3 h-4 w-4 shrink-0 text-[#111111]" })
+      )),
+      /* @__PURE__ */ e.createElement(
+        xe,
+        {
+          align: "start",
+          sideOffset: 10,
+          className: p(
+            "w-[min(96vw,980px)] rounded-[16px] border border-[#d8d8da] bg-[#f7f7f8] p-4 shadow-[0px_12px_24px_rgba(0,0,0,0.08)] md:p-6",
+            C
+          )
+        },
+        /* @__PURE__ */ e.createElement("div", { className: "grid gap-8 md:grid-cols-2 md:gap-10" }, /* @__PURE__ */ e.createElement(
+          I,
+          {
+            label: "Start date",
+            month: J,
+            minMonth: f,
+            maxMonth: r,
+            minDate: b,
+            maxDate: R,
+            selectedDate: i?.from,
+            disabledMatcher: i?.to ? { after: i.to } : void 0,
+            disabled: l,
+            years: O,
+            onMonthChange: Q,
+            onSelectDate: Z
+          }
+        ), /* @__PURE__ */ e.createElement(
+          I,
+          {
+            label: "End date",
+            month: K,
+            minMonth: f,
+            maxMonth: r,
+            minDate: b,
+            maxDate: R,
+            selectedDate: i?.to,
+            disabledMatcher: i?.from ? { before: i.from } : void 0,
+            disabled: l,
+            years: O,
+            onMonthChange: X,
+            onSelectDate: ee
+          }
+        )),
+        /* @__PURE__ */ e.createElement("div", { className: "mt-5 border-t border-[#d8d8da] pt-4" }, /* @__PURE__ */ e.createElement(
+          "input",
+          {
+            readOnly: !0,
+            value: re,
+            className: "h-10 w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] outline-none transition-colors placeholder:text-[#b3b3b3] focus-visible:border-[#1D1C20]",
+            "aria-label": "Selected date range"
+          }
+        ), /* @__PURE__ */ e.createElement("div", { className: "mt-4 flex justify-end gap-3" }, /* @__PURE__ */ e.createElement(
+          F,
+          {
+            type: "button",
+            variant: "outline",
+            className: "h-12 rounded-[14px] px-7 text-[14px]",
+            onClick: te
+          },
+          "Cancel"
+        ), /* @__PURE__ */ e.createElement(
+          F,
+          {
+            type: "button",
+            className: "h-12 rounded-[14px] px-7 text-[14px]",
+            disabled: !oe,
+            onClick: ne
+          },
+          "Apply"
+        )))
+      )
+    ));
+  }
+);
+ye.displayName = "DateRangePicker";
 export {
-  h as InputGroup,
-  v as InputGroupAddon,
-  k as InputGroupButton,
-  w as InputGroupInput,
-  z as InputGroupText,
-  G as InputGroupTextarea
+  ye as DateRangePicker
 };
 //# sourceMappingURL=index.es29.js.map