asterui 0.12.64 → 0.12.66

package/dist/components/DatePicker.js

@@ -1,8 +1,8 @@
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import { forwardRef as _, useState as D, useRef as ee, useEffect as L } from "react";
-import { Input as te } from "./Input.js";
-import { useConfig as ne } from "../providers/ConfigProvider.js";
-const x = "btn", Y = "btn-ghost", S = "btn-sm", I = "btn-square", se = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], re = [
+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,354 +16,497 @@ const x = "btn", Y = "btn-ghost", S = "btn-sm", I = "btn-square", se = ["Su", "M
   "November",
   "December"
 ];
-function A(r, n = "MM/DD/YYYY") {
-  if (!r) return "";
-  const m = r.getFullYear(), g = String(r.getMonth() + 1).padStart(2, "0"), R = String(r.getDate()).padStart(2, "0");
-  return n.replace("YYYY", String(m)).replace("MM", g).replace("DD", R);
+function Z(o, a = "MM/DD/YYYY") {
+  if (!o) return "";
+  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 ae(r, n) {
-  return new Date(r, n + 1, 0).getDate();
+function ne(o, a) {
+  return new Date(o, a + 1, 0).getDate();
 }
-function oe(r, n) {
-  return new Date(r, n, 1).getDay();
+function xe(o, a) {
+  return new Date(o, a, 1).getDay();
 }
-function q(r) {
-  return new Date(r.getFullYear(), r.getMonth(), r.getDate());
+function re(o) {
+  return new Date(o.getFullYear(), o.getMonth(), o.getDate());
 }
-function X(r, n) {
-  return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth() && r.getDate() === n.getDate();
+function _(o, a) {
+  return o.getFullYear() === a.getFullYear() && o.getMonth() === a.getMonth() && o.getDate() === a.getDate();
 }
-function Z(r, n) {
-  return q(r).getTime() < q(n).getTime();
+function De(o, a) {
+  return re(o).getTime() < re(a).getTime();
 }
-function ue(r, n) {
-  return q(r).getTime() > q(n).getTime();
+function Ye(o, a) {
+  return re(o).getTime() > re(a).getTime();
 }
-function fe(r, n = "MM/DD/YYYY") {
-  const [m, g] = r;
-  return m && g ? `${A(m, n)} - ${A(g, n)}` : m ? `${A(m, n)} - ` : "";
+function ae(o, a) {
+  const h = new Date(o);
+  return h.setDate(h.getDate() + a), h;
 }
-const le = _(function({
-  value: n,
-  defaultValue: m,
-  onChange: g,
-  format: R,
-  placeholder: $ = "Select date",
-  disabled: k = !1,
-  size: V,
-  "data-testid": y,
-  className: J = "",
-  ...G
-}, H) {
-  const { componentSize: W } = ne(), K = V ?? W ?? "md", P = (e) => y ? `${y}-${e}` : void 0, [u, C] = D(
-    n || m || null
-  ), [v, h] = D(!1), [o, f] = D(
-    u ? u.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
-  ), [c, N] = D(
-    u ? u.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
-  ), l = ee(null);
-  L(() => {
-    n !== void 0 && C(n);
-  }, [n]), L(() => {
-    function e(i) {
-      l.current && !l.current.contains(i.target) && h(!1);
+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: 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 (v)
-      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [v]);
-  const M = (e) => {
-    const i = new Date(c, o, e);
-    C(i), g?.(i), h(!1);
-  }, p = () => {
-    o === 0 ? (f(11), N(c - 1)) : f(o - 1);
-  }, F = () => {
-    o === 11 ? (f(0), N(c + 1)) : f(o + 1);
-  }, T = ae(c, o), Q = oe(c, o), O = [];
-  for (let e = 0; e < Q; e++)
-    O.push(null);
-  for (let e = 1; e <= T; e++)
-    O.push(e);
-  const B = (e) => !e || !u ? !1 : u.getDate() === e && u.getMonth() === o && u.getFullYear() === c, U = (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 i = /* @__PURE__ */ new Date();
-    return i.getDate() === e && i.getMonth() === o && i.getFullYear() === c;
+    const n = /* @__PURE__ */ new Date();
+    return n.getDate() === e && n.getMonth() === u && n.getFullYear() === D;
   };
-  return /* @__PURE__ */ w("div", { ref: H || l, className: `relative ${J}`, "data-state": v ? "open" : "closed", "data-testid": y, ...G, children: [
-    /* @__PURE__ */ s(
-      te,
+  return /* @__PURE__ */ F("div", { ref: ce || f, className: `relative ${se}`, "data-state": y ? "open" : "closed", "data-testid": T, ...le, children: [
+    /* @__PURE__ */ l(
+      ve,
       {
-        value: A(u, R),
-        placeholder: $,
-        disabled: k,
-        size: K,
+        value: Z(p, B),
+        placeholder: U,
+        disabled: v,
+        size: ue,
         readOnly: !0,
-        onClick: () => !k && h(!v),
+        onClick: () => !v && m(!y),
+        "aria-haspopup": "dialog",
+        "aria-expanded": y,
+        "aria-controls": w,
         className: "cursor-pointer",
-        "data-testid": P("input")
+        "data-testid": W("input")
       }
     ),
-    v && /* @__PURE__ */ w("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": P("calendar"), children: [
-      /* @__PURE__ */ w("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: p,
-            className: `${x} ${Y} ${S} ${I}`,
-            children: /* @__PURE__ */ s(
-              "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__ */ s(
-                  "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__ */ w("div", { className: "text-base font-semibold", children: [
-          re[o],
-          " ",
-          c
-        ] }),
-        /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: F,
-            className: `${x} ${Y} ${S} ${I}`,
-            children: /* @__PURE__ */ s(
-              "svg",
+            ),
+            /* @__PURE__ */ F("div", { className: "text-base font-semibold", children: [
+              $e[u],
+              " ",
+              D
+            ] }),
+            /* @__PURE__ */ l(
+              "button",
               {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-5 w-5",
-                viewBox: "0 0 20 20",
-                fill: "currentColor",
-                children: /* @__PURE__ */ s(
-                  "path",
+                type: "button",
+                onClick: X,
+                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__ */ s("div", { className: "grid grid-cols-7 gap-1 mb-2", children: se.map((e) => /* @__PURE__ */ s(
-        "div",
-        {
-          className: "text-center text-xs font-semibold text-base-content/60 py-2",
-          children: e
-        },
-        e
-      )) }),
-      /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-1", children: O.map((e, i) => /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          disabled: !e,
-          onClick: () => e && M(e),
-          className: `
-                  aspect-square flex items-center justify-center text-sm rounded-lg
-                  ${e ? "hover:bg-base-200" : "invisible"}
-                  ${B(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
-                  ${U(e) && !B(e) ? "border border-primary" : ""}
-                  ${e ? "cursor-pointer" : ""}
-                `,
-          children: e
-        },
-        i
-      )) }),
-      /* @__PURE__ */ s("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            const e = /* @__PURE__ */ new Date();
-            C(e), f(e.getMonth()), N(e.getFullYear()), g?.(e), h(!1);
-          },
-          className: `${x} ${Y} ${S}`,
-          children: "Today"
-        }
-      ) })
-    ] })
+          ] }),
+          /* @__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
+            }
+          ) })
+        ]
+      }
+    )
   ] });
-}), ie = _(function({
-  value: n,
-  defaultValue: m,
-  onChange: g,
-  format: R,
-  placeholder: $,
-  disabled: k = !1,
-  size: V,
-  "data-testid": y,
-  className: J = "",
-  ...G
-}, H) {
-  const { componentSize: W } = ne(), K = V ?? W ?? "md", [P, u] = Array.isArray($) ? $ : [$ ?? "Start date", "End date"], C = Array.isArray($) ? `${P} - ${u}` : $ ?? "Start date - End date", v = (t) => y ? `${y}-${t}` : void 0, [h, o] = D(
-    n || m || [null, null]
-  ), [f, c] = D(!1), N = h[0] ?? h[1] ?? /* @__PURE__ */ new Date(), [l, M] = D(N.getMonth()), [p, F] = D(N.getFullYear()), T = ee(null);
-  L(() => {
-    n !== void 0 && o(n);
-  }, [n]), L(() => {
-    function t(d) {
-      T.current && !T.current.contains(d.target) && c(!1);
+}), 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);
     }
-    if (f)
-      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [f]);
-  const Q = (t) => {
-    const d = new Date(p, l, t);
-    let [a, b] = h;
-    !a || a && b ? (a = d, b = null) : a && !b && (Z(d, a) ? (b = a, a = d) : b = d);
-    const z = [a, b];
-    o(z), g?.(z), a && b && c(!1);
-  }, O = () => {
-    l === 0 ? (M(11), F(p - 1)) : M(l - 1);
-  }, B = () => {
-    l === 11 ? (M(0), F(p + 1)) : M(l + 1);
-  }, U = ae(p, l), e = oe(p, l), i = [];
+    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++)
-    i.push(null);
-  for (let t = 1; t <= U; t++)
-    i.push(t);
-  const ce = (t) => {
+    n.push(null);
+  for (let t = 1; t <= ge; t++)
+    n.push(t);
+  const $ = (t) => {
     if (!t) return !1;
-    const d = /* @__PURE__ */ new Date();
-    return d.getDate() === t && d.getMonth() === l && d.getFullYear() === p;
-  }, [E, j] = h;
-  return /* @__PURE__ */ w("div", { ref: H || T, className: `relative ${J}`, "data-state": f ? "open" : "closed", "data-testid": y, ...G, children: [
-    /* @__PURE__ */ s(
-      te,
+    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: fe(h, R),
-        placeholder: C,
-        disabled: k,
-        size: K,
+        value: Se(m, B),
+        placeholder: de,
+        disabled: v,
+        size: ue,
         readOnly: !0,
-        onClick: () => !k && c(!f),
+        onClick: () => !v && u(!M),
+        "aria-haspopup": "dialog",
+        "aria-expanded": M,
+        "aria-controls": Q,
         className: "cursor-pointer",
-        "data-testid": v("input")
+        "data-testid": y("input")
       }
     ),
-    f && /* @__PURE__ */ w("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": v("calendar"), children: [
-      /* @__PURE__ */ w("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: O,
-            className: `${x} ${Y} ${S} ${I}`,
-            children: /* @__PURE__ */ s(
-              "svg",
+    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",
               {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-5 w-5",
-                viewBox: "0 0 20 20",
-                fill: "currentColor",
-                children: /* @__PURE__ */ s(
-                  "path",
+                type: "button",
+                onClick: H,
+                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__ */ w("div", { className: "text-base font-semibold", children: [
-          re[l],
-          " ",
-          p
-        ] }),
-        /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            onClick: B,
-            className: `${x} ${Y} ${S} ${I}`,
-            children: /* @__PURE__ */ s(
-              "svg",
+            ),
+            /* @__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__ */ s(
-                  "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__ */ s("div", { className: "grid grid-cols-7 gap-1 mb-2", children: se.map((t) => /* @__PURE__ */ s(
-        "div",
-        {
-          className: "text-center text-xs font-semibold text-base-content/60 py-2",
-          children: t
-        },
-        t
-      )) }),
-      /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-1", children: i.map((t, d) => {
-        const a = t ? new Date(p, l, t) : null, b = !!a && !!E && X(a, E), z = !!a && !!j && X(a, j), de = !!a && !!E && !!j && ue(a, E) && Z(a, j);
-        return /* @__PURE__ */ s(
-          "button",
-          {
-            type: "button",
-            disabled: !t,
-            onClick: () => t && Q(t),
-            className: `
+          ] }),
+          /* @__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 ? "hover:bg-base-200" : "invisible"}
-                    ${de ? "bg-primary/10" : ""}
-                    ${b || z ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
-                    ${ce(t) && !b && !z ? "border border-primary" : ""}
-                    ${t ? "cursor-pointer" : ""}
+                    ${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
-          },
-          d
-        );
-      }) }),
-      /* @__PURE__ */ s("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            const t = /* @__PURE__ */ new Date();
-            o([t, t]), M(t.getMonth()), F(t.getFullYear()), g?.([t, t]), c(!1);
-          },
-          className: `${x} ${Y} ${S}`,
-          children: "Today"
-        }
-      ) })
-    ] })
+                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
+            }
+          ) })
+        ]
+      }
+    )
   ] });
 });
-le.displayName = "DatePicker";
-ie.displayName = "DatePicker.Range";
-const me = le;
-me.Range = ie;
+ke.displayName = "DatePicker";
+Ne.displayName = "DatePicker.Range";
+const Fe = ke;
+Fe.Range = Ne;
 export {
-  me as DatePicker
+  Fe as DatePicker
 };
 //# sourceMappingURL=DatePicker.js.map