asterui 0.12.63 → 0.12.65

package/dist/components/DatePicker.js

@@ -1,8 +1,8 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { forwardRef as J, useState as m, useRef as P, useEffect as Y } from "react";
-import { Input as V } from "./Input.js";
-import { useConfig as G } from "../providers/ConfigProvider.js";
-const M = "btn", y = "btn-ghost", S = "btn-sm", F = "btn-square", H = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], W = [
+import { jsxs as F, jsx as l } from "react/jsx-runtime";
+import we, { forwardRef as be, useState as Y, useRef as ee, useEffect as O } from "react";
+import { Input as ve } from "./Input.js";
+import { useConfig as ye } from "../providers/ConfigProvider.js";
+const z = "btn", L = "btn-ghost", I = "btn-sm", te = "btn-square", Me = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], $e = [
   "January",
   "February",
   "March",
@@ -16,175 +16,497 @@ const M = "btn", y = "btn-ghost", S = "btn-sm", F = "btn-square", H = ["Su", "Mo
   "November",
   "December"
 ];
-function K(o, n = "MM/DD/YYYY") {
+function Z(o, a = "MM/DD/YYYY") {
   if (!o) return "";
-  const h = o.getFullYear(), d = String(o.getMonth() + 1).padStart(2, "0"), g = String(o.getDate()).padStart(2, "0");
-  return n.replace("YYYY", String(h)).replace("MM", d).replace("DD", g);
+  const h = o.getFullYear(), x = String(o.getMonth() + 1).padStart(2, "0"), B = String(o.getDate()).padStart(2, "0");
+  return a.replace("YYYY", String(h)).replace("MM", x).replace("DD", B);
 }
-function Q(o, n) {
-  return new Date(o, n + 1, 0).getDate();
+function ne(o, a) {
+  return new Date(o, a + 1, 0).getDate();
 }
-function U(o, n) {
-  return new Date(o, n, 1).getDay();
+function xe(o, a) {
+  return new Date(o, a, 1).getDay();
 }
-const te = J(function({
-  value: n,
+function re(o) {
+  return new Date(o.getFullYear(), o.getMonth(), o.getDate());
+}
+function _(o, a) {
+  return o.getFullYear() === a.getFullYear() && o.getMonth() === a.getMonth() && o.getDate() === a.getDate();
+}
+function De(o, a) {
+  return re(o).getTime() < re(a).getTime();
+}
+function Ye(o, a) {
+  return re(o).getTime() > re(a).getTime();
+}
+function ae(o, a) {
+  const h = new Date(o);
+  return h.setDate(h.getDate() + a), h;
+}
+function Se(o, a = "MM/DD/YYYY") {
+  const [h, x] = o;
+  return h && x ? `${Z(h, a)} - ${Z(x, a)}` : h ? `${Z(h, a)} - ` : "";
+}
+const ke = be(function({
+  value: a,
   defaultValue: h,
-  onChange: d,
-  format: g,
-  placeholder: k = "Select date",
-  disabled: x = !1,
-  size: C,
-  "data-testid": p,
-  className: O = "",
-  ...R
-}, z) {
-  const { componentSize: B } = G(), T = C ?? B ?? "md", N = (e) => p ? `${p}-${e}` : void 0, [a, b] = m(
-    n || h || null
-  ), [c, u] = m(!1), [r, i] = m(
-    a ? a.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
-  ), [l, v] = m(
-    a ? a.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
-  ), w = P(null);
-  Y(() => {
-    n !== void 0 && b(n);
-  }, [n]), Y(() => {
-    function e(s) {
-      w.current && !w.current.contains(s.target) && u(!1);
+  onChange: x,
+  format: B,
+  placeholder: R,
+  disabledDate: d,
+  disabled: v = !1,
+  size: oe,
+  "data-testid": T,
+  className: se = "",
+  ...le
+}, ce) {
+  const { componentSize: ie, locale: j } = ye(), ue = oe ?? ie ?? "md", U = R ?? j?.DatePicker?.placeholder ?? "Select date", G = j?.DatePicker?.today ?? "Today", q = /* @__PURE__ */ new Date(), de = v || d?.(q), W = (e) => T ? `${T}-${e}` : void 0, [p, K] = Y(
+    a || h || null
+  ), [y, m] = Y(!1), [i, M] = Y(null), [u, c] = Y(
+    p ? p.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
+  ), [D, P] = Y(
+    p ? p.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
+  ), f = ee(null), k = ee(null), w = we.useId();
+  O(() => {
+    a !== void 0 && K(a);
+  }, [a]), O(() => {
+    function e(n) {
+      f.current && !f.current.contains(n.target) && m(!1);
+    }
+    if (y)
+      return document.addEventListener("mousedown", e), M(p ?? q), () => document.removeEventListener("mousedown", e);
+  }, [y]), O(() => {
+    if (!y || !k.current) return;
+    k.current.querySelector('[data-calendar-focus="true"]')?.focus();
+  }, [y, u, D, i]);
+  const A = (e) => {
+    const n = new Date(D, u, e);
+    v || d?.(n) || (K(n), x?.(n), m(!1));
+  }, N = (e, n) => {
+    let $ = ae(e, n);
+    for (let b = 0; b < 31; b++) {
+      if (!d?.($)) return $;
+      $ = ae($, n);
     }
-    if (c)
-      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [c]);
-  const j = (e) => {
-    const s = new Date(l, r, e);
-    b(s), d?.(s), u(!1);
-  }, L = () => {
-    r === 0 ? (i(11), v(l - 1)) : i(r - 1);
-  }, q = () => {
-    r === 11 ? (i(0), v(l + 1)) : i(r + 1);
-  }, A = Q(l, r), E = U(l, r), D = [];
-  for (let e = 0; e < E; e++)
-    D.push(null);
-  for (let e = 1; e <= A; e++)
-    D.push(e);
-  const $ = (e) => !e || !a ? !1 : a.getDate() === e && a.getMonth() === r && a.getFullYear() === l, I = (e) => {
+    return e;
+  }, V = (e) => {
+    if (!i) return;
+    let n = i;
+    switch (e.key) {
+      case "ArrowRight":
+        e.preventDefault(), n = N(i, 1);
+        break;
+      case "ArrowLeft":
+        e.preventDefault(), n = N(i, -1);
+        break;
+      case "ArrowDown":
+        e.preventDefault(), n = N(i, 7);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), n = N(i, -7);
+        break;
+      case "Home":
+        e.preventDefault(), n = new Date(i.getFullYear(), i.getMonth(), 1), d?.(n) && (n = N(n, 1));
+        break;
+      case "End":
+        e.preventDefault(), n = new Date(i.getFullYear(), i.getMonth(), ne(i.getFullYear(), i.getMonth())), d?.(n) && (n = N(n, -1));
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), A(i.getDate());
+        return;
+      case "Escape":
+        e.preventDefault(), m(!1);
+        return;
+      default:
+        return;
+    }
+    M(n), c(n.getMonth()), P(n.getFullYear());
+  }, Q = () => {
+    u === 0 ? (c(11), P(D - 1)) : c(u - 1);
+  }, X = () => {
+    u === 11 ? (c(0), P(D + 1)) : c(u + 1);
+  }, S = ne(D, u), fe = xe(D, u), H = [];
+  for (let e = 0; e < fe; e++)
+    H.push(null);
+  for (let e = 1; e <= S; e++)
+    H.push(e);
+  const J = (e) => !e || !p ? !1 : p.getDate() === e && p.getMonth() === u && p.getFullYear() === D, ge = (e) => {
     if (!e) return !1;
-    const s = /* @__PURE__ */ new Date();
-    return s.getDate() === e && s.getMonth() === r && s.getFullYear() === l;
+    const n = /* @__PURE__ */ new Date();
+    return n.getDate() === e && n.getMonth() === u && n.getFullYear() === D;
   };
-  return /* @__PURE__ */ f("div", { ref: z || w, className: `relative ${O}`, "data-state": c ? "open" : "closed", "data-testid": p, ...R, children: [
-    /* @__PURE__ */ t(
-      V,
+  return /* @__PURE__ */ F("div", { ref: ce || f, className: `relative ${se}`, "data-state": y ? "open" : "closed", "data-testid": T, ...le, children: [
+    /* @__PURE__ */ l(
+      ve,
       {
-        value: K(a, g),
-        placeholder: k,
-        disabled: x,
-        size: T,
+        value: Z(p, B),
+        placeholder: U,
+        disabled: v,
+        size: ue,
         readOnly: !0,
-        onClick: () => !x && u(!c),
+        onClick: () => !v && m(!y),
+        "aria-haspopup": "dialog",
+        "aria-expanded": y,
+        "aria-controls": w,
         className: "cursor-pointer",
-        "data-testid": N("input")
+        "data-testid": W("input")
       }
     ),
-    c && /* @__PURE__ */ f("div", { className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80", "data-testid": N("calendar"), children: [
-      /* @__PURE__ */ f("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: L,
-            className: `${M} ${y} ${S} ${F}`,
-            children: /* @__PURE__ */ t(
-              "svg",
+    y && /* @__PURE__ */ F(
+      "div",
+      {
+        ref: k,
+        id: w,
+        role: "dialog",
+        "aria-label": "Date picker calendar",
+        className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80",
+        "data-testid": W("calendar"),
+        children: [
+          /* @__PURE__ */ F("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ l(
+              "button",
               {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-5 w-5",
-                viewBox: "0 0 20 20",
-                fill: "currentColor",
-                children: /* @__PURE__ */ t(
-                  "path",
+                type: "button",
+                onClick: Q,
+                className: `${z} ${L} ${I} ${te}`,
+                children: /* @__PURE__ */ l(
+                  "svg",
                   {
-                    fillRule: "evenodd",
-                    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
-                    clipRule: "evenodd"
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-5 w-5",
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ l(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ F("div", { className: "text-base font-semibold", children: [
+              $e[u],
+              " ",
+              D
+            ] }),
+            /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                onClick: X,
+                className: `${z} ${L} ${I} ${te}`,
+                children: /* @__PURE__ */ l(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-5 w-5",
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ l(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                        clipRule: "evenodd"
+                      }
+                    )
                   }
                 )
               }
             )
-          }
-        ),
-        /* @__PURE__ */ f("div", { className: "text-base font-semibold", children: [
-          W[r],
-          " ",
-          l
-        ] }),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: q,
-            className: `${M} ${y} ${S} ${F}`,
-            children: /* @__PURE__ */ t(
-              "svg",
+          ] }),
+          /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1 mb-2", role: "row", children: Me.map((e) => /* @__PURE__ */ l(
+            "div",
+            {
+              className: "text-center text-xs font-semibold text-base-content/60 py-2",
+              role: "columnheader",
+              children: e
+            },
+            e
+          )) }),
+          /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1", role: "grid", onKeyDown: V, children: H.map((e, n) => {
+            const $ = e ? new Date(D, u, e) : null, b = v || !!$ && !!d?.($), C = !!$ && !!i && _($, i);
+            return /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                disabled: !e || b,
+                "aria-disabled": b || void 0,
+                "aria-selected": J(e) || void 0,
+                role: "gridcell",
+                onClick: () => e && A(e),
+                tabIndex: C ? 0 : -1,
+                "data-calendar-focus": C ? "true" : void 0,
+                className: `
+                    aspect-square flex items-center justify-center text-sm rounded-lg
+                    ${e ? "" : "invisible"}
+                    ${e && !b ? "hover:bg-base-200 cursor-pointer" : ""}
+                    ${J(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
+                    ${ge(e) && !J(e) ? "border border-primary" : ""}
+                    ${b ? "text-base-content/30 cursor-not-allowed" : ""}
+                  `,
+                children: e
+              },
+              n
+            );
+          }) }),
+          /* @__PURE__ */ l("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                const e = /* @__PURE__ */ new Date();
+                d?.(e) || (K(e), c(e.getMonth()), P(e.getFullYear()), x?.(e), m(!1));
+              },
+              className: `${z} ${L} ${I}`,
+              disabled: de,
+              children: G
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}), Ne = be(function({
+  value: a,
+  defaultValue: h,
+  onChange: x,
+  format: B,
+  placeholder: R,
+  disabledDate: d,
+  disabled: v = !1,
+  size: oe,
+  "data-testid": T,
+  className: se = "",
+  ...le
+}, ce) {
+  const { componentSize: ie, locale: j } = ye(), ue = oe ?? ie ?? "md", U = j?.DatePicker?.rangePlaceholder, [G, q] = Array.isArray(R) ? R : [
+    R ?? U?.[0] ?? "Start date",
+    U?.[1] ?? "End date"
+  ], de = Array.isArray(R) ? `${G} - ${q}` : R ?? `${G} - ${q}`, W = j?.DatePicker?.today ?? "Today", p = /* @__PURE__ */ new Date(), K = v || d?.(p), y = (t) => T ? `${T}-${t}` : void 0, [m, i] = Y(
+    a || h || [null, null]
+  ), [M, u] = Y(!1), [c, D] = Y(null), P = m[0] ?? m[1] ?? /* @__PURE__ */ new Date(), [f, k] = Y(P.getMonth()), [w, A] = Y(P.getFullYear()), N = ee(null), V = ee(null), Q = we.useId();
+  O(() => {
+    a !== void 0 && i(a);
+  }, [a]), O(() => {
+    function t(r) {
+      N.current && !N.current.contains(r.target) && u(!1);
+    }
+    if (M)
+      return document.addEventListener("mousedown", t), D(m[0] ?? m[1] ?? p), () => document.removeEventListener("mousedown", t);
+  }, [M]), O(() => {
+    if (!M || !V.current) return;
+    V.current.querySelector('[data-calendar-focus="true"]')?.focus();
+  }, [M, f, w, c]);
+  const X = (t) => {
+    const r = new Date(w, f, t);
+    if (v || d?.(r)) return;
+    let [s, g] = m;
+    !s || s && g ? (s = r, g = null) : s && !g && (De(r, s) ? (g = s, s = r) : g = r);
+    const E = [s, g];
+    i(E), x?.(E), s && g && u(!1);
+  }, S = (t, r) => {
+    let s = ae(t, r);
+    for (let g = 0; g < 31; g++) {
+      if (!d?.(s)) return s;
+      s = ae(s, r);
+    }
+    return t;
+  }, fe = (t) => {
+    if (!c) return;
+    let r = c;
+    switch (t.key) {
+      case "ArrowRight":
+        t.preventDefault(), r = S(c, 1);
+        break;
+      case "ArrowLeft":
+        t.preventDefault(), r = S(c, -1);
+        break;
+      case "ArrowDown":
+        t.preventDefault(), r = S(c, 7);
+        break;
+      case "ArrowUp":
+        t.preventDefault(), r = S(c, -7);
+        break;
+      case "Home":
+        t.preventDefault(), r = new Date(c.getFullYear(), c.getMonth(), 1), d?.(r) && (r = S(r, 1));
+        break;
+      case "End":
+        t.preventDefault(), r = new Date(c.getFullYear(), c.getMonth(), ne(c.getFullYear(), c.getMonth())), d?.(r) && (r = S(r, -1));
+        break;
+      case "Enter":
+      case " ":
+        t.preventDefault(), X(c.getDate());
+        return;
+      case "Escape":
+        t.preventDefault(), u(!1);
+        return;
+      default:
+        return;
+    }
+    D(r), k(r.getMonth()), A(r.getFullYear());
+  }, H = () => {
+    f === 0 ? (k(11), A(w - 1)) : k(f - 1);
+  }, J = () => {
+    f === 11 ? (k(0), A(w + 1)) : k(f + 1);
+  }, ge = ne(w, f), e = xe(w, f), n = [];
+  for (let t = 0; t < e; t++)
+    n.push(null);
+  for (let t = 1; t <= ge; t++)
+    n.push(t);
+  const $ = (t) => {
+    if (!t) return !1;
+    const r = /* @__PURE__ */ new Date();
+    return r.getDate() === t && r.getMonth() === f && r.getFullYear() === w;
+  }, [b, C] = m;
+  return /* @__PURE__ */ F("div", { ref: ce || N, className: `relative ${se}`, "data-state": M ? "open" : "closed", "data-testid": T, ...le, children: [
+    /* @__PURE__ */ l(
+      ve,
+      {
+        value: Se(m, B),
+        placeholder: de,
+        disabled: v,
+        size: ue,
+        readOnly: !0,
+        onClick: () => !v && u(!M),
+        "aria-haspopup": "dialog",
+        "aria-expanded": M,
+        "aria-controls": Q,
+        className: "cursor-pointer",
+        "data-testid": y("input")
+      }
+    ),
+    M && /* @__PURE__ */ F(
+      "div",
+      {
+        ref: V,
+        id: Q,
+        role: "dialog",
+        "aria-label": "Date range picker calendar",
+        className: "absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80",
+        "data-testid": y("calendar"),
+        children: [
+          /* @__PURE__ */ F("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                onClick: H,
+                className: `${z} ${L} ${I} ${te}`,
+                children: /* @__PURE__ */ l(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-5 w-5",
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ l(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ F("div", { className: "text-base font-semibold", children: [
+              $e[f],
+              " ",
+              w
+            ] }),
+            /* @__PURE__ */ l(
+              "button",
               {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-5 w-5",
-                viewBox: "0 0 20 20",
-                fill: "currentColor",
-                children: /* @__PURE__ */ t(
-                  "path",
+                type: "button",
+                onClick: J,
+                className: `${z} ${L} ${I} ${te}`,
+                children: /* @__PURE__ */ l(
+                  "svg",
                   {
-                    fillRule: "evenodd",
-                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-                    clipRule: "evenodd"
+                    xmlns: "http://www.w3.org/2000/svg",
+                    className: "h-5 w-5",
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ l(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                        clipRule: "evenodd"
+                      }
+                    )
                   }
                 )
               }
             )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1 mb-2", children: H.map((e) => /* @__PURE__ */ t(
-        "div",
-        {
-          className: "text-center text-xs font-semibold text-base-content/60 py-2",
-          children: e
-        },
-        e
-      )) }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: D.map((e, s) => /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          disabled: !e,
-          onClick: () => e && j(e),
-          className: `
-                  aspect-square flex items-center justify-center text-sm rounded-lg
-                  ${e ? "hover:bg-base-200" : "invisible"}
-                  ${$(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
-                  ${I(e) && !$(e) ? "border border-primary" : ""}
-                  ${e ? "cursor-pointer" : ""}
-                `,
-          children: e
-        },
-        s
-      )) }),
-      /* @__PURE__ */ t("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            const e = /* @__PURE__ */ new Date();
-            b(e), i(e.getMonth()), v(e.getFullYear()), d?.(e), u(!1);
-          },
-          className: `${M} ${y} ${S}`,
-          children: "Today"
-        }
-      ) })
-    ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1 mb-2", role: "row", children: Me.map((t) => /* @__PURE__ */ l(
+            "div",
+            {
+              className: "text-center text-xs font-semibold text-base-content/60 py-2",
+              role: "columnheader",
+              children: t
+            },
+            t
+          )) }),
+          /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1", role: "grid", onKeyDown: fe, children: n.map((t, r) => {
+            const s = t ? new Date(w, f, t) : null, g = v || !!s && !!d?.(s), E = !!s && !!b && _(s, b), he = !!s && !!C && _(s, C), pe = !!s && !!b && !!C && Ye(s, b) && De(s, C), me = !!s && !!c && _(s, c);
+            return /* @__PURE__ */ l(
+              "button",
+              {
+                type: "button",
+                disabled: !t || g,
+                "aria-disabled": g || void 0,
+                "aria-selected": E || he || pe || void 0,
+                role: "gridcell",
+                onClick: () => t && X(t),
+                tabIndex: me ? 0 : -1,
+                "data-calendar-focus": me ? "true" : void 0,
+                className: `
+                    aspect-square flex items-center justify-center text-sm rounded-lg
+                    ${t ? "" : "invisible"}
+                    ${t && !g ? "hover:bg-base-200 cursor-pointer" : ""}
+                    ${pe ? "bg-primary/10" : ""}
+                    ${E || he ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
+                    ${$(t) && !E && !he ? "border border-primary" : ""}
+                    ${g ? "text-base-content/30 cursor-not-allowed" : ""}
+                  `,
+                children: t
+              },
+              r
+            );
+          }) }),
+          /* @__PURE__ */ l("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                const t = /* @__PURE__ */ new Date();
+                d?.(t) || (i([t, t]), k(t.getMonth()), A(t.getFullYear()), x?.([t, t]), u(!1));
+              },
+              className: `${z} ${L} ${I}`,
+              disabled: K,
+              children: W
+            }
+          ) })
+        ]
+      }
+    )
   ] });
 });
+ke.displayName = "DatePicker";
+Ne.displayName = "DatePicker.Range";
+const Fe = ke;
+Fe.Range = Ne;
 export {
-  te as DatePicker
+  Fe as DatePicker
 };
 //# sourceMappingURL=DatePicker.js.map