ml-uikit 1.1.5 → 1.1.7

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,350 @@
-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 x, addMonths as z, isAfter as w, isBefore as G, setMonth as ce, setYear as de, format as me } from "date-fns";
+import { CalendarDays as fe, ChevronLeft as ue, ChevronDown as I, ChevronRight as be } from "lucide-react";
+import { DayPicker as pe } from "react-day-picker";
+import { cn as u } from "./index.es60.js";
+import { Button as W } from "./index.es10.js";
+import { Popover as xe, PopoverTrigger as ge, PopoverContent as he } from "./index.es41.js";
+const we = "dd/MM/yyyy", ve = "DD/MM/YYYY - DD/MM/YYYY", Ee = Array.from(
+  { length: 12 },
+  (t, n) => new Date(2020, n, 1).toLocaleString("default", { month: "long" })
+), M = (t, n, s) => G(t, n) ? n : w(t, s) ? s : t, N = (t) => {
+  if (!(!t?.from && !t?.to))
+    return t.from && t.to && w(t.from, t.to) ? {
+      from: t.to,
+      to: t.from
+    } : {
+      from: t.from,
+      to: t.to
+    };
+}, C = (t, n) => {
+  if (t)
+    return me(t, n);
+}, ye = (t, n) => {
+  const s = C(t?.from, n), m = C(t?.to, n);
+  return !s || !m ? "" : `${s} - ${m}`;
+}, De = (t, n) => {
+  const s = C(t?.from, n) ?? "DD/MM/YYYY", m = C(t?.to, n) ?? "DD/MM/YYYY";
+  return `${s} - ${m}`;
+};
+function q({
+  label: t,
+  month: n,
+  minMonth: s,
+  maxMonth: m,
+  minDate: S,
+  maxDate: Y,
+  selectedDate: k,
+  disabledMatcher: v,
+  disabled: g,
+  years: E,
+  onMonthChange: f,
+  onSelectDate: y
+}) {
+  const h = () => {
+    f(z(n, -1));
+  }, P = () => {
+    f(z(n, 1));
+  }, A = g || !w(n, s), d = g || !G(n, m);
+  return /* @__PURE__ */ e.createElement("div", { className: "w-full min-w-0" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap items-center gap-2 sm:flex-nowrap" }, /* @__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: h,
+      disabled: A,
+      className: u(
+        "inline-flex h-8 w-8 items-center justify-center rounded-md text-[#6e6d71] transition-colors lg:h-9 lg:w-9",
+        "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(ue, { className: "h-4 w-4 lg:h-5 lg:w-5" })
+  ), /* @__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: n.getMonth(),
+      onChange: (r) => {
+        const l = Number(r.target.value);
+        f(ce(n, l));
       },
-      ...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: g,
+      className: u(
+        "h-9 w-full appearance-none rounded-md border border-[#b7b7b9] bg-white px-3 pr-8 text-left text-sm font-medium leading-5 text-[#111111] lg:h-10 lg:px-4 lg:pr-10",
+        "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,
+    Ee.map((r, l) => /* @__PURE__ */ e.createElement("option", { key: r, value: l }, r))
+  ), /* @__PURE__ */ e.createElement(I, { className: "pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[#7f7d83] lg:right-3" })), /* @__PURE__ */ e.createElement("div", { className: "relative w-[104px] shrink-0 sm:w-[120px]" }, /* @__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: n.getFullYear(),
+      onChange: (r) => {
+        const l = Number(r.target.value);
+        f(de(n, l));
+      },
+      disabled: g,
+      className: u(
+        "h-9 w-full appearance-none rounded-md border border-[#b7b7b9] bg-white px-3 pr-8 text-left text-sm font-medium leading-5 text-[#111111] lg:h-10 lg:px-4 lg:pr-9",
+        "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(I, { className: "pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[#7f7d83] lg:right-3" })), /* @__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: P,
+      disabled: d,
+      className: u(
+        "inline-flex h-8 w-8 items-center justify-center rounded-md text-[#6e6d71] transition-colors lg:h-9 lg:w-9",
+        "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(be, { className: "h-4 w-4 lg:h-5 lg:w-5" })
+  )), /* @__PURE__ */ e.createElement("p", { className: "mt-1.5 text-center text-sm font-medium leading-5 text-[#666666] lg:mt-2" }, t), /* @__PURE__ */ e.createElement(
+    pe,
     {
-      "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: n,
+      onMonthChange: f,
+      selected: k,
+      onSelect: y,
+      showOutsideDays: !0,
+      fixedWeeks: !0,
+      hideNavigation: !0,
+      disabled: [
+        { before: S },
+        { after: Y },
+        ...v ? [v] : []
+      ],
+      className: "mt-1 p-0 [--drp-cell-size:1.625rem] md:[--drp-cell-size:1.875rem] xl:[--drp-cell-size:2.125rem]",
+      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-[calc(var(--drp-cell-size)-0.25rem)] text-center text-[11px] font-medium leading-4 text-[#666666] lg:text-xs",
+        weeks: "grid gap-0",
+        week: "grid grid-cols-7",
+        day: "flex h-[var(--drp-cell-size)] w-full items-center justify-center p-0",
+        day_button: "h-[--drp-cell-size] w-[--drp-cell-size] rounded-md border border-transparent bg-transparent p-0 text-[13px] font-normal leading-none text-[#444444] transition-colors hover:border-[#cccccc] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2bbd8f]/25 lg:text-sm",
+        selected: "[&>button]:border-[#2bbd8f] [&>button]:bg-[#2bbd8f] [&>button]:text-[#111111]",
+        today: "font-medium",
+        outside: "text-[#a4a4a8]",
+        disabled: "pointer-events-none text-[#d3d3d6]",
+        hidden: "invisible"
+      }
     }
-  );
+  ));
 }
+const Me = e.forwardRef(
+  ({
+    value: t,
+    defaultValue: n,
+    onValueChange: s,
+    wrapperClassName: m,
+    popoverClassName: S,
+    popoverSide: Y = "bottom",
+    popoverAvoidCollisions: k = !0,
+    className: v,
+    placeholder: g = ve,
+    dateFormat: E = we,
+    minYear: f = 2e3,
+    maxYear: y = 2100,
+    disabled: h,
+    ...P
+  }, A) => {
+    const d = Math.min(f, y), r = Math.max(f, y), l = e.useMemo(
+      () => x(new Date(d, 0, 1)),
+      [d]
+    ), b = e.useMemo(
+      () => x(new Date(r, 11, 1)),
+      [r]
+    ), R = e.useMemo(() => new Date(d, 0, 1), [d]), O = e.useMemo(
+      () => new Date(r, 11, 31),
+      [r]
+    ), $ = e.useMemo(
+      () => Array.from(
+        { length: r - d + 1 },
+        (o, c) => d + c
+      ),
+      [d, r]
+    ), j = t !== void 0, [J, K] = e.useState(
+      N(n)
+    ), p = N(j ? t : J), L = e.useCallback(
+      (o) => {
+        const c = x(/* @__PURE__ */ new Date()), a = M(
+          x(o?.from ?? c),
+          l,
+          b
+        ), se = o?.to ? x(o.to) : z(a, 1), ie = M(se, l, b);
+        return {
+          start: a,
+          end: ie
+        };
+      },
+      [l, b]
+    ), [T, V] = e.useState(!1), [i, _] = e.useState(
+      p
+    ), B = L(p), [Q, H] = e.useState(B.start), [X, U] = e.useState(B.end), D = e.useCallback(
+      (o) => {
+        const c = N(o);
+        _(c);
+        const a = L(c);
+        H(a.start), U(a.end);
+      },
+      [L]
+    );
+    e.useEffect(() => {
+      T || D(p);
+    }, [p, T, D]);
+    const Z = (o) => {
+      H(M(x(o), l, b));
+    }, ee = (o) => {
+      U(M(x(o), l, b));
+    }, te = (o) => {
+      o && _((c) => {
+        const a = {
+          from: o,
+          to: c?.to
+        };
+        return a.to && w(o, a.to) && (a.to = o), a;
+      });
+    }, oe = (o) => {
+      o && _((c) => {
+        const a = {
+          from: c?.from,
+          to: o
+        };
+        return a.from && w(a.from, o) && (a.from = o), a;
+      });
+    }, ne = () => {
+      D(p), V(!1);
+    }, re = () => {
+      const o = N(i);
+      j || K(o), s?.(o), V(!1);
+    }, ae = !!(i?.from && i?.to), F = ye(p, E), le = De(i, E);
+    return /* @__PURE__ */ e.createElement("div", { className: u("w-full", m) }, /* @__PURE__ */ e.createElement(
+      xe,
+      {
+        open: T,
+        onOpenChange: (o) => {
+          h || (o && D(p), V(o));
+        }
+      },
+      /* @__PURE__ */ e.createElement(ge, { asChild: !0 }, /* @__PURE__ */ e.createElement(
+        "button",
+        {
+          ref: A,
+          type: "button",
+          disabled: h,
+          className: u(
+            "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",
+            v
+          ),
+          ...P
+        },
+        /* @__PURE__ */ e.createElement(
+          "span",
+          {
+            className: u(
+              "truncate text-[14px] font-normal leading-[20px]",
+              F ? "text-[#111111]" : "text-[#b3b3b3]"
+            )
+          },
+          F || g
+        ),
+        /* @__PURE__ */ e.createElement(fe, { className: "ml-3 h-4 w-4 shrink-0 text-[#111111]" })
+      )),
+      /* @__PURE__ */ e.createElement(
+        he,
+        {
+          side: Y,
+          avoidCollisions: k,
+          align: "start",
+          sideOffset: 10,
+          className: u(
+            "w-[min(95vw,760px)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-xl border border-[#d8d8da] bg-[#f7f7f8] p-3 shadow-[0px_12px_24px_rgba(0,0,0,0.08)] sm:p-4",
+            S
+          )
+        },
+        /* @__PURE__ */ e.createElement("div", { className: "grid gap-3 md:grid-cols-2 md:gap-4" }, /* @__PURE__ */ e.createElement(
+          q,
+          {
+            label: "Start date",
+            month: Q,
+            minMonth: l,
+            maxMonth: b,
+            minDate: R,
+            maxDate: O,
+            selectedDate: i?.from,
+            disabledMatcher: i?.to ? { after: i.to } : void 0,
+            disabled: h,
+            years: $,
+            onMonthChange: Z,
+            onSelectDate: te
+          }
+        ), /* @__PURE__ */ e.createElement(
+          q,
+          {
+            label: "End date",
+            month: X,
+            minMonth: l,
+            maxMonth: b,
+            minDate: R,
+            maxDate: O,
+            selectedDate: i?.to,
+            disabledMatcher: i?.from ? { before: i.from } : void 0,
+            disabled: h,
+            years: $,
+            onMonthChange: ee,
+            onSelectDate: oe
+          }
+        )),
+        /* @__PURE__ */ e.createElement("div", { className: "mt-2.5 border-t border-[#d8d8da] pt-2.5" }, /* @__PURE__ */ e.createElement(
+          "input",
+          {
+            readOnly: !0,
+            value: le,
+            className: "h-9 w-full rounded-md border border-[#e6e6e6] bg-white px-3 py-2 text-sm leading-5 text-[#111111] outline-none transition-colors placeholder:text-[#b3b3b3] focus-visible:border-[#1D1C20]",
+            "aria-label": "Selected date range"
+          }
+        ), /* @__PURE__ */ e.createElement("div", { className: "mt-2.5 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, /* @__PURE__ */ e.createElement(
+          W,
+          {
+            type: "button",
+            variant: "outline",
+            className: "h-9 rounded-md px-4 text-sm",
+            onClick: ne
+          },
+          "Cancel"
+        ), /* @__PURE__ */ e.createElement(
+          W,
+          {
+            type: "button",
+            className: "h-9 rounded-md px-4 text-sm",
+            disabled: !ae,
+            onClick: re
+          },
+          "Apply"
+        )))
+      )
+    ));
+  }
+);
+Me.displayName = "DateRangePicker";
 export {
-  h as InputGroup,
-  v as InputGroupAddon,
-  k as InputGroupButton,
-  w as InputGroupInput,
-  z as InputGroupText,
-  G as InputGroupTextarea
+  Me as DateRangePicker
 };
 //# sourceMappingURL=index.es29.js.map