asterui 0.12.64 → 0.12.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/DatePicker.d.ts +2 -0
  2. package/dist/components/DatePicker.js +445 -302
  3. package/dist/components/DatePicker.js.map +1 -1
  4. package/package.json +1 -1
package/dist/components/DatePicker.d.ts CHANGED
@@ -5,6 +5,7 @@ export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElemen
5
5
  onChange?: (date: Date | null) => void;
6
6
  format?: string;
7
7
  placeholder?: string;
8
+ disabledDate?: (date: Date) => boolean;
8
9
  disabled?: boolean;
9
10
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
10
11
  /** Test ID prefix for child elements */
@@ -17,6 +18,7 @@ export interface DateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivE
17
18
  onChange?: (range: DateRangeValue) => void;
18
19
  format?: string;
19
20
  placeholder?: [string, string] | string;
21
+ disabledDate?: (date: Date) => boolean;
20
22
  disabled?: boolean;
21
23
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
22
24
  /** Test ID prefix for child elements */
package/dist/components/DatePicker.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsxs as w, jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as _, useState as D, useRef as ee, useEffect as L } from "react";
3
- import { Input as te } from "./Input.js";
4
- import { useConfig as ne } from "../providers/ConfigProvider.js";
5
- const x = "btn", Y = "btn-ghost", S = "btn-sm", I = "btn-square", se = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], re = [
1
+ import { jsxs as F, jsx as l } from "react/jsx-runtime";
2
+ import we, { forwardRef as be, useState as Y, useRef as ee, useEffect as O } from "react";
3
+ import { Input as ve } from "./Input.js";
4
+ import { useConfig as ye } from "../providers/ConfigProvider.js";
5
+ const z = "btn", L = "btn-ghost", I = "btn-sm", te = "btn-square", Me = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], $e = [
6
6
  "January",
7
7
  "February",
8
8
  "March",
@@ -16,354 +16,497 @@ const x = "btn", Y = "btn-ghost", S = "btn-sm", I = "btn-square", se = ["Su", "M
16
16
  "November",
17
17
  "December"
18
18
  ];
19
- function A(r, n = "MM/DD/YYYY") {
20
- if (!r) return "";
21
- const m = r.getFullYear(), g = String(r.getMonth() + 1).padStart(2, "0"), R = String(r.getDate()).padStart(2, "0");
22
- return n.replace("YYYY", String(m)).replace("MM", g).replace("DD", R);
19
+ function Z(o, a = "MM/DD/YYYY") {
20
+ if (!o) return "";
21
+ const h = o.getFullYear(), x = String(o.getMonth() + 1).padStart(2, "0"), B = String(o.getDate()).padStart(2, "0");
22
+ return a.replace("YYYY", String(h)).replace("MM", x).replace("DD", B);
23
23
  }
24
- function ae(r, n) {
25
- return new Date(r, n + 1, 0).getDate();
24
+ function ne(o, a) {
25
+ return new Date(o, a + 1, 0).getDate();
26
26
  }
27
- function oe(r, n) {
28
- return new Date(r, n, 1).getDay();
27
+ function xe(o, a) {
28
+ return new Date(o, a, 1).getDay();
29
29
  }
30
- function q(r) {
31
- return new Date(r.getFullYear(), r.getMonth(), r.getDate());
30
+ function re(o) {
31
+ return new Date(o.getFullYear(), o.getMonth(), o.getDate());
32
32
  }
33
- function X(r, n) {
34
- return r.getFullYear() === n.getFullYear() && r.getMonth() === n.getMonth() && r.getDate() === n.getDate();
33
+ function _(o, a) {
34
+ return o.getFullYear() === a.getFullYear() && o.getMonth() === a.getMonth() && o.getDate() === a.getDate();
35
35
  }
36
- function Z(r, n) {
37
- return q(r).getTime() < q(n).getTime();
36
+ function De(o, a) {
37
+ return re(o).getTime() < re(a).getTime();
38
38
  }
39
- function ue(r, n) {
40
- return q(r).getTime() > q(n).getTime();
39
+ function Ye(o, a) {
40
+ return re(o).getTime() > re(a).getTime();
41
41
  }
42
- function fe(r, n = "MM/DD/YYYY") {
43
- const [m, g] = r;
44
- return m && g ? `${A(m, n)} - ${A(g, n)}` : m ? `${A(m, n)} - ` : "";
42
+ function ae(o, a) {
43
+ const h = new Date(o);
44
+ return h.setDate(h.getDate() + a), h;
45
45
  }
46
- const le = _(function({
47
- value: n,
48
- defaultValue: m,
49
- onChange: g,
50
- format: R,
51
- placeholder: $ = "Select date",
52
- disabled: k = !1,
53
- size: V,
54
- "data-testid": y,
55
- className: J = "",
56
- ...G
57
- }, H) {
58
- const { componentSize: W } = ne(), K = V ?? W ?? "md", P = (e) => y ? `${y}-${e}` : void 0, [u, C] = D(
59
- n || m || null
60
- ), [v, h] = D(!1), [o, f] = D(
61
- u ? u.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
62
- ), [c, N] = D(
63
- u ? u.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
64
- ), l = ee(null);
65
- L(() => {
66
- n !== void 0 && C(n);
67
- }, [n]), L(() => {
68
- function e(i) {
69
- l.current && !l.current.contains(i.target) && h(!1);
46
+ function Se(o, a = "MM/DD/YYYY") {
47
+ const [h, x] = o;
48
+ return h && x ? `${Z(h, a)} - ${Z(x, a)}` : h ? `${Z(h, a)} - ` : "";
49
+ }
50
+ const ke = be(function({
51
+ value: a,
52
+ defaultValue: h,
53
+ onChange: x,
54
+ format: B,
55
+ placeholder: R,
56
+ disabledDate: d,
57
+ disabled: v = !1,
58
+ size: oe,
59
+ "data-testid": T,
60
+ className: se = "",
61
+ ...le
62
+ }, ce) {
63
+ 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(
64
+ a || h || null
65
+ ), [y, m] = Y(!1), [i, M] = Y(null), [u, c] = Y(
66
+ p ? p.getMonth() : (/* @__PURE__ */ new Date()).getMonth()
67
+ ), [D, P] = Y(
68
+ p ? p.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
69
+ ), f = ee(null), k = ee(null), w = we.useId();
70
+ O(() => {
71
+ a !== void 0 && K(a);
72
+ }, [a]), O(() => {
73
+ function e(n) {
74
+ f.current && !f.current.contains(n.target) && m(!1);
75
+ }
76
+ if (y)
77
+ return document.addEventListener("mousedown", e), M(p ?? q), () => document.removeEventListener("mousedown", e);
78
+ }, [y]), O(() => {
79
+ if (!y || !k.current) return;
80
+ k.current.querySelector('[data-calendar-focus="true"]')?.focus();
81
+ }, [y, u, D, i]);
82
+ const A = (e) => {
83
+ const n = new Date(D, u, e);
84
+ v || d?.(n) || (K(n), x?.(n), m(!1));
85
+ }, N = (e, n) => {
86
+ let $ = ae(e, n);
87
+ for (let b = 0; b < 31; b++) {
88
+ if (!d?.($)) return $;
89
+ $ = ae($, n);
70
90
  }
71
- if (v)
72
- return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
73
- }, [v]);
74
- const M = (e) => {
75
- const i = new Date(c, o, e);
76
- C(i), g?.(i), h(!1);
77
- }, p = () => {
78
- o === 0 ? (f(11), N(c - 1)) : f(o - 1);
79
- }, F = () => {
80
- o === 11 ? (f(0), N(c + 1)) : f(o + 1);
81
- }, T = ae(c, o), Q = oe(c, o), O = [];
82
- for (let e = 0; e < Q; e++)
83
- O.push(null);
84
- for (let e = 1; e <= T; e++)
85
- O.push(e);
86
- const B = (e) => !e || !u ? !1 : u.getDate() === e && u.getMonth() === o && u.getFullYear() === c, U = (e) => {
91
+ return e;
92
+ }, V = (e) => {
93
+ if (!i) return;
94
+ let n = i;
95
+ switch (e.key) {
96
+ case "ArrowRight":
97
+ e.preventDefault(), n = N(i, 1);
98
+ break;
99
+ case "ArrowLeft":
100
+ e.preventDefault(), n = N(i, -1);
101
+ break;
102
+ case "ArrowDown":
103
+ e.preventDefault(), n = N(i, 7);
104
+ break;
105
+ case "ArrowUp":
106
+ e.preventDefault(), n = N(i, -7);
107
+ break;
108
+ case "Home":
109
+ e.preventDefault(), n = new Date(i.getFullYear(), i.getMonth(), 1), d?.(n) && (n = N(n, 1));
110
+ break;
111
+ case "End":
112
+ e.preventDefault(), n = new Date(i.getFullYear(), i.getMonth(), ne(i.getFullYear(), i.getMonth())), d?.(n) && (n = N(n, -1));
113
+ break;
114
+ case "Enter":
115
+ case " ":
116
+ e.preventDefault(), A(i.getDate());
117
+ return;
118
+ case "Escape":
119
+ e.preventDefault(), m(!1);
120
+ return;
121
+ default:
122
+ return;
123
+ }
124
+ M(n), c(n.getMonth()), P(n.getFullYear());
125
+ }, Q = () => {
126
+ u === 0 ? (c(11), P(D - 1)) : c(u - 1);
127
+ }, X = () => {
128
+ u === 11 ? (c(0), P(D + 1)) : c(u + 1);
129
+ }, S = ne(D, u), fe = xe(D, u), H = [];
130
+ for (let e = 0; e < fe; e++)
131
+ H.push(null);
132
+ for (let e = 1; e <= S; e++)
133
+ H.push(e);
134
+ const J = (e) => !e || !p ? !1 : p.getDate() === e && p.getMonth() === u && p.getFullYear() === D, ge = (e) => {
87
135
  if (!e) return !1;
88
- const i = /* @__PURE__ */ new Date();
89
- return i.getDate() === e && i.getMonth() === o && i.getFullYear() === c;
136
+ const n = /* @__PURE__ */ new Date();
137
+ return n.getDate() === e && n.getMonth() === u && n.getFullYear() === D;
90
138
  };
91
- return /* @__PURE__ */ w("div", { ref: H || l, className: `relative ${J}`, "data-state": v ? "open" : "closed", "data-testid": y, ...G, children: [
92
- /* @__PURE__ */ s(
93
- te,
139
+ return /* @__PURE__ */ F("div", { ref: ce || f, className: `relative ${se}`, "data-state": y ? "open" : "closed", "data-testid": T, ...le, children: [
140
+ /* @__PURE__ */ l(
141
+ ve,
94
142
  {
95
- value: A(u, R),
96
- placeholder: $,
97
- disabled: k,
98
- size: K,
143
+ value: Z(p, B),
144
+ placeholder: U,
145
+ disabled: v,
146
+ size: ue,
99
147
  readOnly: !0,
100
- onClick: () => !k && h(!v),
148
+ onClick: () => !v && m(!y),
149
+ "aria-haspopup": "dialog",
150
+ "aria-expanded": y,
151
+ "aria-controls": w,
101
152
  className: "cursor-pointer",
102
- "data-testid": P("input")
153
+ "data-testid": W("input")
103
154
  }
104
155
  ),
105
- 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: [
106
- /* @__PURE__ */ w("div", { className: "flex items-center justify-between mb-4", children: [
107
- /* @__PURE__ */ s(
108
- "button",
109
- {
110
- type: "button",
111
- onClick: p,
112
- className: `${x} ${Y} ${S} ${I}`,
113
- children: /* @__PURE__ */ s(
114
- "svg",
156
+ y && /* @__PURE__ */ F(
157
+ "div",
158
+ {
159
+ ref: k,
160
+ id: w,
161
+ role: "dialog",
162
+ "aria-label": "Date picker calendar",
163
+ 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",
164
+ "data-testid": W("calendar"),
165
+ children: [
166
+ /* @__PURE__ */ F("div", { className: "flex items-center justify-between mb-4", children: [
167
+ /* @__PURE__ */ l(
168
+ "button",
115
169
  {
116
- xmlns: "http://www.w3.org/2000/svg",
117
- className: "h-5 w-5",
118
- viewBox: "0 0 20 20",
119
- fill: "currentColor",
120
- children: /* @__PURE__ */ s(
121
- "path",
170
+ type: "button",
171
+ onClick: Q,
172
+ className: `${z} ${L} ${I} ${te}`,
173
+ children: /* @__PURE__ */ l(
174
+ "svg",
122
175
  {
123
- fillRule: "evenodd",
124
- 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",
125
- clipRule: "evenodd"
176
+ xmlns: "http://www.w3.org/2000/svg",
177
+ className: "h-5 w-5",
178
+ viewBox: "0 0 20 20",
179
+ fill: "currentColor",
180
+ children: /* @__PURE__ */ l(
181
+ "path",
182
+ {
183
+ fillRule: "evenodd",
184
+ 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",
185
+ clipRule: "evenodd"
186
+ }
187
+ )
126
188
  }
127
189
  )
128
190
  }
129
- )
130
- }
131
- ),
132
- /* @__PURE__ */ w("div", { className: "text-base font-semibold", children: [
133
- re[o],
134
- " ",
135
- c
136
- ] }),
137
- /* @__PURE__ */ s(
138
- "button",
139
- {
140
- type: "button",
141
- onClick: F,
142
- className: `${x} ${Y} ${S} ${I}`,
143
- children: /* @__PURE__ */ s(
144
- "svg",
191
+ ),
192
+ /* @__PURE__ */ F("div", { className: "text-base font-semibold", children: [
193
+ $e[u],
194
+ " ",
195
+ D
196
+ ] }),
197
+ /* @__PURE__ */ l(
198
+ "button",
145
199
  {
146
- xmlns: "http://www.w3.org/2000/svg",
147
- className: "h-5 w-5",
148
- viewBox: "0 0 20 20",
149
- fill: "currentColor",
150
- children: /* @__PURE__ */ s(
151
- "path",
200
+ type: "button",
201
+ onClick: X,
202
+ className: `${z} ${L} ${I} ${te}`,
203
+ children: /* @__PURE__ */ l(
204
+ "svg",
152
205
  {
153
- fillRule: "evenodd",
154
- 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",
155
- clipRule: "evenodd"
206
+ xmlns: "http://www.w3.org/2000/svg",
207
+ className: "h-5 w-5",
208
+ viewBox: "0 0 20 20",
209
+ fill: "currentColor",
210
+ children: /* @__PURE__ */ l(
211
+ "path",
212
+ {
213
+ fillRule: "evenodd",
214
+ 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",
215
+ clipRule: "evenodd"
216
+ }
217
+ )
156
218
  }
157
219
  )
158
220
  }
159
221
  )
160
- }
161
- )
162
- ] }),
163
- /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-1 mb-2", children: se.map((e) => /* @__PURE__ */ s(
164
- "div",
165
- {
166
- className: "text-center text-xs font-semibold text-base-content/60 py-2",
167
- children: e
168
- },
169
- e
170
- )) }),
171
- /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-1", children: O.map((e, i) => /* @__PURE__ */ s(
172
- "button",
173
- {
174
- type: "button",
175
- disabled: !e,
176
- onClick: () => e && M(e),
177
- className: `
178
- aspect-square flex items-center justify-center text-sm rounded-lg
179
- ${e ? "hover:bg-base-200" : "invisible"}
180
- ${B(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
181
- ${U(e) && !B(e) ? "border border-primary" : ""}
182
- ${e ? "cursor-pointer" : ""}
183
- `,
184
- children: e
185
- },
186
- i
187
- )) }),
188
- /* @__PURE__ */ s("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s(
189
- "button",
190
- {
191
- type: "button",
192
- onClick: () => {
193
- const e = /* @__PURE__ */ new Date();
194
- C(e), f(e.getMonth()), N(e.getFullYear()), g?.(e), h(!1);
195
- },
196
- className: `${x} ${Y} ${S}`,
197
- children: "Today"
198
- }
199
- ) })
200
- ] })
222
+ ] }),
223
+ /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1 mb-2", role: "row", children: Me.map((e) => /* @__PURE__ */ l(
224
+ "div",
225
+ {
226
+ className: "text-center text-xs font-semibold text-base-content/60 py-2",
227
+ role: "columnheader",
228
+ children: e
229
+ },
230
+ e
231
+ )) }),
232
+ /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1", role: "grid", onKeyDown: V, children: H.map((e, n) => {
233
+ const $ = e ? new Date(D, u, e) : null, b = v || !!$ && !!d?.($), C = !!$ && !!i && _($, i);
234
+ return /* @__PURE__ */ l(
235
+ "button",
236
+ {
237
+ type: "button",
238
+ disabled: !e || b,
239
+ "aria-disabled": b || void 0,
240
+ "aria-selected": J(e) || void 0,
241
+ role: "gridcell",
242
+ onClick: () => e && A(e),
243
+ tabIndex: C ? 0 : -1,
244
+ "data-calendar-focus": C ? "true" : void 0,
245
+ className: `
246
+ aspect-square flex items-center justify-center text-sm rounded-lg
247
+ ${e ? "" : "invisible"}
248
+ ${e && !b ? "hover:bg-base-200 cursor-pointer" : ""}
249
+ ${J(e) ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
250
+ ${ge(e) && !J(e) ? "border border-primary" : ""}
251
+ ${b ? "text-base-content/30 cursor-not-allowed" : ""}
252
+ `,
253
+ children: e
254
+ },
255
+ n
256
+ );
257
+ }) }),
258
+ /* @__PURE__ */ l("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ l(
259
+ "button",
260
+ {
261
+ type: "button",
262
+ onClick: () => {
263
+ const e = /* @__PURE__ */ new Date();
264
+ d?.(e) || (K(e), c(e.getMonth()), P(e.getFullYear()), x?.(e), m(!1));
265
+ },
266
+ className: `${z} ${L} ${I}`,
267
+ disabled: de,
268
+ children: G
269
+ }
270
+ ) })
271
+ ]
272
+ }
273
+ )
201
274
  ] });
202
- }), ie = _(function({
203
- value: n,
204
- defaultValue: m,
205
- onChange: g,
206
- format: R,
207
- placeholder: $,
208
- disabled: k = !1,
209
- size: V,
210
- "data-testid": y,
211
- className: J = "",
212
- ...G
213
- }, H) {
214
- 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(
215
- n || m || [null, null]
216
- ), [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);
217
- L(() => {
218
- n !== void 0 && o(n);
219
- }, [n]), L(() => {
220
- function t(d) {
221
- T.current && !T.current.contains(d.target) && c(!1);
275
+ }), Ne = be(function({
276
+ value: a,
277
+ defaultValue: h,
278
+ onChange: x,
279
+ format: B,
280
+ placeholder: R,
281
+ disabledDate: d,
282
+ disabled: v = !1,
283
+ size: oe,
284
+ "data-testid": T,
285
+ className: se = "",
286
+ ...le
287
+ }, ce) {
288
+ const { componentSize: ie, locale: j } = ye(), ue = oe ?? ie ?? "md", U = j?.DatePicker?.rangePlaceholder, [G, q] = Array.isArray(R) ? R : [
289
+ R ?? U?.[0] ?? "Start date",
290
+ U?.[1] ?? "End date"
291
+ ], 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(
292
+ a || h || [null, null]
293
+ ), [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();
294
+ O(() => {
295
+ a !== void 0 && i(a);
296
+ }, [a]), O(() => {
297
+ function t(r) {
298
+ N.current && !N.current.contains(r.target) && u(!1);
299
+ }
300
+ if (M)
301
+ return document.addEventListener("mousedown", t), D(m[0] ?? m[1] ?? p), () => document.removeEventListener("mousedown", t);
302
+ }, [M]), O(() => {
303
+ if (!M || !V.current) return;
304
+ V.current.querySelector('[data-calendar-focus="true"]')?.focus();
305
+ }, [M, f, w, c]);
306
+ const X = (t) => {
307
+ const r = new Date(w, f, t);
308
+ if (v || d?.(r)) return;
309
+ let [s, g] = m;
310
+ !s || s && g ? (s = r, g = null) : s && !g && (De(r, s) ? (g = s, s = r) : g = r);
311
+ const E = [s, g];
312
+ i(E), x?.(E), s && g && u(!1);
313
+ }, S = (t, r) => {
314
+ let s = ae(t, r);
315
+ for (let g = 0; g < 31; g++) {
316
+ if (!d?.(s)) return s;
317
+ s = ae(s, r);
222
318
  }
223
- if (f)
224
- return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
225
- }, [f]);
226
- const Q = (t) => {
227
- const d = new Date(p, l, t);
228
- let [a, b] = h;
229
- !a || a && b ? (a = d, b = null) : a && !b && (Z(d, a) ? (b = a, a = d) : b = d);
230
- const z = [a, b];
231
- o(z), g?.(z), a && b && c(!1);
232
- }, O = () => {
233
- l === 0 ? (M(11), F(p - 1)) : M(l - 1);
234
- }, B = () => {
235
- l === 11 ? (M(0), F(p + 1)) : M(l + 1);
236
- }, U = ae(p, l), e = oe(p, l), i = [];
319
+ return t;
320
+ }, fe = (t) => {
321
+ if (!c) return;
322
+ let r = c;
323
+ switch (t.key) {
324
+ case "ArrowRight":
325
+ t.preventDefault(), r = S(c, 1);
326
+ break;
327
+ case "ArrowLeft":
328
+ t.preventDefault(), r = S(c, -1);
329
+ break;
330
+ case "ArrowDown":
331
+ t.preventDefault(), r = S(c, 7);
332
+ break;
333
+ case "ArrowUp":
334
+ t.preventDefault(), r = S(c, -7);
335
+ break;
336
+ case "Home":
337
+ t.preventDefault(), r = new Date(c.getFullYear(), c.getMonth(), 1), d?.(r) && (r = S(r, 1));
338
+ break;
339
+ case "End":
340
+ t.preventDefault(), r = new Date(c.getFullYear(), c.getMonth(), ne(c.getFullYear(), c.getMonth())), d?.(r) && (r = S(r, -1));
341
+ break;
342
+ case "Enter":
343
+ case " ":
344
+ t.preventDefault(), X(c.getDate());
345
+ return;
346
+ case "Escape":
347
+ t.preventDefault(), u(!1);
348
+ return;
349
+ default:
350
+ return;
351
+ }
352
+ D(r), k(r.getMonth()), A(r.getFullYear());
353
+ }, H = () => {
354
+ f === 0 ? (k(11), A(w - 1)) : k(f - 1);
355
+ }, J = () => {
356
+ f === 11 ? (k(0), A(w + 1)) : k(f + 1);
357
+ }, ge = ne(w, f), e = xe(w, f), n = [];
237
358
  for (let t = 0; t < e; t++)
238
- i.push(null);
239
- for (let t = 1; t <= U; t++)
240
- i.push(t);
241
- const ce = (t) => {
359
+ n.push(null);
360
+ for (let t = 1; t <= ge; t++)
361
+ n.push(t);
362
+ const $ = (t) => {
242
363
  if (!t) return !1;
243
- const d = /* @__PURE__ */ new Date();
244
- return d.getDate() === t && d.getMonth() === l && d.getFullYear() === p;
245
- }, [E, j] = h;
246
- return /* @__PURE__ */ w("div", { ref: H || T, className: `relative ${J}`, "data-state": f ? "open" : "closed", "data-testid": y, ...G, children: [
247
- /* @__PURE__ */ s(
248
- te,
364
+ const r = /* @__PURE__ */ new Date();
365
+ return r.getDate() === t && r.getMonth() === f && r.getFullYear() === w;
366
+ }, [b, C] = m;
367
+ return /* @__PURE__ */ F("div", { ref: ce || N, className: `relative ${se}`, "data-state": M ? "open" : "closed", "data-testid": T, ...le, children: [
368
+ /* @__PURE__ */ l(
369
+ ve,
249
370
  {
250
- value: fe(h, R),
251
- placeholder: C,
252
- disabled: k,
253
- size: K,
371
+ value: Se(m, B),
372
+ placeholder: de,
373
+ disabled: v,
374
+ size: ue,
254
375
  readOnly: !0,
255
- onClick: () => !k && c(!f),
376
+ onClick: () => !v && u(!M),
377
+ "aria-haspopup": "dialog",
378
+ "aria-expanded": M,
379
+ "aria-controls": Q,
256
380
  className: "cursor-pointer",
257
- "data-testid": v("input")
381
+ "data-testid": y("input")
258
382
  }
259
383
  ),
260
- 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: [
261
- /* @__PURE__ */ w("div", { className: "flex items-center justify-between mb-4", children: [
262
- /* @__PURE__ */ s(
263
- "button",
264
- {
265
- type: "button",
266
- onClick: O,
267
- className: `${x} ${Y} ${S} ${I}`,
268
- children: /* @__PURE__ */ s(
269
- "svg",
384
+ M && /* @__PURE__ */ F(
385
+ "div",
386
+ {
387
+ ref: V,
388
+ id: Q,
389
+ role: "dialog",
390
+ "aria-label": "Date range picker calendar",
391
+ 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",
392
+ "data-testid": y("calendar"),
393
+ children: [
394
+ /* @__PURE__ */ F("div", { className: "flex items-center justify-between mb-4", children: [
395
+ /* @__PURE__ */ l(
396
+ "button",
270
397
  {
271
- xmlns: "http://www.w3.org/2000/svg",
272
- className: "h-5 w-5",
273
- viewBox: "0 0 20 20",
274
- fill: "currentColor",
275
- children: /* @__PURE__ */ s(
276
- "path",
398
+ type: "button",
399
+ onClick: H,
400
+ className: `${z} ${L} ${I} ${te}`,
401
+ children: /* @__PURE__ */ l(
402
+ "svg",
277
403
  {
278
- fillRule: "evenodd",
279
- 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",
280
- clipRule: "evenodd"
404
+ xmlns: "http://www.w3.org/2000/svg",
405
+ className: "h-5 w-5",
406
+ viewBox: "0 0 20 20",
407
+ fill: "currentColor",
408
+ children: /* @__PURE__ */ l(
409
+ "path",
410
+ {
411
+ fillRule: "evenodd",
412
+ 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",
413
+ clipRule: "evenodd"
414
+ }
415
+ )
281
416
  }
282
417
  )
283
418
  }
284
- )
285
- }
286
- ),
287
- /* @__PURE__ */ w("div", { className: "text-base font-semibold", children: [
288
- re[l],
289
- " ",
290
- p
291
- ] }),
292
- /* @__PURE__ */ s(
293
- "button",
294
- {
295
- type: "button",
296
- onClick: B,
297
- className: `${x} ${Y} ${S} ${I}`,
298
- children: /* @__PURE__ */ s(
299
- "svg",
419
+ ),
420
+ /* @__PURE__ */ F("div", { className: "text-base font-semibold", children: [
421
+ $e[f],
422
+ " ",
423
+ w
424
+ ] }),
425
+ /* @__PURE__ */ l(
426
+ "button",
300
427
  {
301
- xmlns: "http://www.w3.org/2000/svg",
302
- className: "h-5 w-5",
303
- viewBox: "0 0 20 20",
304
- fill: "currentColor",
305
- children: /* @__PURE__ */ s(
306
- "path",
428
+ type: "button",
429
+ onClick: J,
430
+ className: `${z} ${L} ${I} ${te}`,
431
+ children: /* @__PURE__ */ l(
432
+ "svg",
307
433
  {
308
- fillRule: "evenodd",
309
- 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",
310
- clipRule: "evenodd"
434
+ xmlns: "http://www.w3.org/2000/svg",
435
+ className: "h-5 w-5",
436
+ viewBox: "0 0 20 20",
437
+ fill: "currentColor",
438
+ children: /* @__PURE__ */ l(
439
+ "path",
440
+ {
441
+ fillRule: "evenodd",
442
+ 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",
443
+ clipRule: "evenodd"
444
+ }
445
+ )
311
446
  }
312
447
  )
313
448
  }
314
449
  )
315
- }
316
- )
317
- ] }),
318
- /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-1 mb-2", children: se.map((t) => /* @__PURE__ */ s(
319
- "div",
320
- {
321
- className: "text-center text-xs font-semibold text-base-content/60 py-2",
322
- children: t
323
- },
324
- t
325
- )) }),
326
- /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-1", children: i.map((t, d) => {
327
- 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);
328
- return /* @__PURE__ */ s(
329
- "button",
330
- {
331
- type: "button",
332
- disabled: !t,
333
- onClick: () => t && Q(t),
334
- className: `
450
+ ] }),
451
+ /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1 mb-2", role: "row", children: Me.map((t) => /* @__PURE__ */ l(
452
+ "div",
453
+ {
454
+ className: "text-center text-xs font-semibold text-base-content/60 py-2",
455
+ role: "columnheader",
456
+ children: t
457
+ },
458
+ t
459
+ )) }),
460
+ /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1", role: "grid", onKeyDown: fe, children: n.map((t, r) => {
461
+ 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);
462
+ return /* @__PURE__ */ l(
463
+ "button",
464
+ {
465
+ type: "button",
466
+ disabled: !t || g,
467
+ "aria-disabled": g || void 0,
468
+ "aria-selected": E || he || pe || void 0,
469
+ role: "gridcell",
470
+ onClick: () => t && X(t),
471
+ tabIndex: me ? 0 : -1,
472
+ "data-calendar-focus": me ? "true" : void 0,
473
+ className: `
335
474
  aspect-square flex items-center justify-center text-sm rounded-lg
336
- ${t ? "hover:bg-base-200" : "invisible"}
337
- ${de ? "bg-primary/10" : ""}
338
- ${b || z ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
339
- ${ce(t) && !b && !z ? "border border-primary" : ""}
340
- ${t ? "cursor-pointer" : ""}
475
+ ${t ? "" : "invisible"}
476
+ ${t && !g ? "hover:bg-base-200 cursor-pointer" : ""}
477
+ ${pe ? "bg-primary/10" : ""}
478
+ ${E || he ? "bg-primary text-primary-content hover:bg-primary/90" : ""}
479
+ ${$(t) && !E && !he ? "border border-primary" : ""}
480
+ ${g ? "text-base-content/30 cursor-not-allowed" : ""}
341
481
  `,
342
- children: t
343
- },
344
- d
345
- );
346
- }) }),
347
- /* @__PURE__ */ s("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ s(
348
- "button",
349
- {
350
- type: "button",
351
- onClick: () => {
352
- const t = /* @__PURE__ */ new Date();
353
- o([t, t]), M(t.getMonth()), F(t.getFullYear()), g?.([t, t]), c(!1);
354
- },
355
- className: `${x} ${Y} ${S}`,
356
- children: "Today"
357
- }
358
- ) })
359
- ] })
482
+ children: t
483
+ },
484
+ r
485
+ );
486
+ }) }),
487
+ /* @__PURE__ */ l("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ l(
488
+ "button",
489
+ {
490
+ type: "button",
491
+ onClick: () => {
492
+ const t = /* @__PURE__ */ new Date();
493
+ d?.(t) || (i([t, t]), k(t.getMonth()), A(t.getFullYear()), x?.([t, t]), u(!1));
494
+ },
495
+ className: `${z} ${L} ${I}`,
496
+ disabled: K,
497
+ children: W
498
+ }
499
+ ) })
500
+ ]
501
+ }
502
+ )
360
503
  ] });
361
504
  });
362
- le.displayName = "DatePicker";
363
- ie.displayName = "DatePicker.Range";
364
- const me = le;
365
- me.Range = ie;
505
+ ke.displayName = "DatePicker";
506
+ Ne.displayName = "DatePicker.Range";
507
+ const Fe = ke;
508
+ Fe.Range = Ne;
366
509
  export {
367
- me as DatePicker
510
+ Fe as DatePicker
368
511
  };
369
512
  //# sourceMappingURL=DatePicker.js.map
package/dist/components/DatePicker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = 'btn-square'\n\nexport interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (date: Date | null) => void\n format?: string\n placeholder?: string\n disabled?: boolean\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Test ID prefix for child elements */\n 'data-testid'?: string\n}\n\nexport type DateRangeValue = [Date | null, Date | null]\n\nexport interface DateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n value?: DateRangeValue\n defaultValue?: DateRangeValue\n onChange?: (range: DateRangeValue) => void\n format?: string\n placeholder?: [string, string] | string\n disabled?: boolean\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Test ID prefix for child elements */\n 'data-testid'?: string\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n]\n\nfunction formatDate(date: Date | null, format: string = 'MM/DD/YYYY'): string {\n if (!date) return ''\n\n const year = date.getFullYear()\n const month = String(date.getMonth() + 1).padStart(2, '0')\n const day = String(date.getDate()).padStart(2, '0')\n\n return format\n .replace('YYYY', String(year))\n .replace('MM', month)\n .replace('DD', day)\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate()\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n return new Date(year, month, 1).getDay()\n}\n\nfunction stripTime(date: Date): Date {\n return new Date(date.getFullYear(), date.getMonth(), date.getDate())\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n return a.getFullYear() === b.getFullYear()\n && a.getMonth() === b.getMonth()\n && a.getDate() === b.getDate()\n}\n\nfunction isBeforeDay(a: Date, b: Date): boolean {\n return stripTime(a).getTime() < stripTime(b).getTime()\n}\n\nfunction isAfterDay(a: Date, b: Date): boolean {\n return stripTime(a).getTime() > stripTime(b).getTime()\n}\n\nfunction formatRange(range: DateRangeValue, format: string = 'MM/DD/YYYY'): string {\n const [start, end] = range\n if (start && end) return `${formatDate(start, format)} - ${formatDate(end, format)}`\n if (start) return `${formatDate(start, format)} - `\n return ''\n}\n\nconst DatePickerComponent = forwardRef<HTMLDivElement, DatePickerProps>(function DatePicker(\n {\n value,\n defaultValue,\n onChange,\n format,\n placeholder = 'Select date',\n disabled = false,\n size,\n 'data-testid': testId,\n className = '',\n ...rest\n },\n ref\n) {\n const { componentSize } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n // Helper for test IDs\n const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n const [selectedDate, setSelectedDate] = useState<Date | null>(\n value || defaultValue || null\n )\n const [isOpen, setIsOpen] = useState(false)\n const [viewMonth, setViewMonth] = useState(\n selectedDate ? selectedDate.getMonth() : new Date().getMonth()\n )\n const [viewYear, setViewYear] = useState(\n selectedDate ? selectedDate.getFullYear() : new Date().getFullYear()\n )\n\n const containerRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (value !== undefined) {\n setSelectedDate(value)\n }\n }, [value])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n const handleDateSelect = (day: number) => {\n const newDate = new Date(viewYear, viewMonth, day)\n setSelectedDate(newDate)\n onChange?.(newDate)\n setIsOpen(false)\n }\n\n const handlePrevMonth = () => {\n if (viewMonth === 0) {\n setViewMonth(11)\n setViewYear(viewYear - 1)\n } else {\n setViewMonth(viewMonth - 1)\n }\n }\n\n const handleNextMonth = () => {\n if (viewMonth === 11) {\n setViewMonth(0)\n setViewYear(viewYear + 1)\n } else {\n setViewMonth(viewMonth + 1)\n }\n }\n\n const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n const calendarDays: (number | null)[] = []\n for (let i = 0; i < firstDayOfMonth; i++) {\n calendarDays.push(null)\n }\n for (let i = 1; i <= daysInMonth; i++) {\n calendarDays.push(i)\n }\n\n const isSelectedDay = (day: number | null): boolean => {\n if (!day || !selectedDate) return false\n return (\n selectedDate.getDate() === day &&\n selectedDate.getMonth() === viewMonth &&\n selectedDate.getFullYear() === viewYear\n )\n }\n\n const isToday = (day: number | null): boolean => {\n if (!day) return false\n const today = new Date()\n return (\n today.getDate() === day &&\n today.getMonth() === viewMonth &&\n today.getFullYear() === viewYear\n )\n }\n\n return (\n <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n <Input\n value={formatDate(selectedDate, format)}\n placeholder={placeholder}\n disabled={disabled}\n size={effectiveSize}\n readOnly\n onClick={() => !disabled && setIsOpen(!isOpen)}\n className=\"cursor-pointer\"\n data-testid={getTestId('input')}\n />\n\n {isOpen && (\n <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={getTestId('calendar')}>\n {/* Header */}\n <div className=\"flex items-center justify-between mb-4\">\n <button\n type=\"button\"\n onClick={handlePrevMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n\n <div className=\"text-base font-semibold\">\n {MONTHS[viewMonth]} {viewYear}\n </div>\n\n <button\n type=\"button\"\n onClick={handleNextMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n </div>\n\n {/* Days of week */}\n <div className=\"grid grid-cols-7 gap-1 mb-2\">\n {DAYS.map((day) => (\n <div\n key={day}\n className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n >\n {day}\n </div>\n ))}\n </div>\n\n {/* Calendar grid */}\n <div className=\"grid grid-cols-7 gap-1\">\n {calendarDays.map((day, index) => (\n <button\n key={index}\n type=\"button\"\n disabled={!day}\n onClick={() => day && handleDateSelect(day)}\n className={`\n aspect-square flex items-center justify-center text-sm rounded-lg\n ${!day ? 'invisible' : 'hover:bg-base-200'}\n ${isSelectedDay(day) ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n ${isToday(day) && !isSelectedDay(day) ? 'border border-primary' : ''}\n ${day ? 'cursor-pointer' : ''}\n `}\n >\n {day}\n </button>\n ))}\n </div>\n\n {/* Today button */}\n <div className=\"mt-4 flex justify-end\">\n <button\n type=\"button\"\n onClick={() => {\n const today = new Date()\n setSelectedDate(today)\n setViewMonth(today.getMonth())\n setViewYear(today.getFullYear())\n onChange?.(today)\n setIsOpen(false)\n }}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n >\n Today\n </button>\n </div>\n </div>\n )}\n </div>\n )\n})\n\nconst DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(function DateRangePicker(\n {\n value,\n defaultValue,\n onChange,\n format,\n placeholder,\n disabled = false,\n size,\n 'data-testid': testId,\n className = '',\n ...rest\n },\n ref\n) {\n const { componentSize } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n const [startPlaceholder, endPlaceholder] = Array.isArray(placeholder)\n ? placeholder\n : [placeholder ?? 'Start date', 'End date']\n const resolvedPlaceholder = Array.isArray(placeholder)\n ? `${startPlaceholder} - ${endPlaceholder}`\n : placeholder ?? 'Start date - End date'\n\n // Helper for test IDs\n const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n const [selectedRange, setSelectedRange] = useState<DateRangeValue>(\n value || defaultValue || [null, null]\n )\n const [isOpen, setIsOpen] = useState(false)\n const initialDate = selectedRange[0] ?? selectedRange[1] ?? new Date()\n const [viewMonth, setViewMonth] = useState(initialDate.getMonth())\n const [viewYear, setViewYear] = useState(initialDate.getFullYear())\n\n const containerRef = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (value !== undefined) {\n setSelectedRange(value)\n }\n }, [value])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n const handleDateSelect = (day: number) => {\n const newDate = new Date(viewYear, viewMonth, day)\n let [start, end] = selectedRange\n\n if (!start || (start && end)) {\n start = newDate\n end = null\n } else if (start && !end) {\n if (isBeforeDay(newDate, start)) {\n end = start\n start = newDate\n } else {\n end = newDate\n }\n }\n\n const nextRange: DateRangeValue = [start, end]\n setSelectedRange(nextRange)\n onChange?.(nextRange)\n if (start && end) {\n setIsOpen(false)\n }\n }\n\n const handlePrevMonth = () => {\n if (viewMonth === 0) {\n setViewMonth(11)\n setViewYear(viewYear - 1)\n } else {\n setViewMonth(viewMonth - 1)\n }\n }\n\n const handleNextMonth = () => {\n if (viewMonth === 11) {\n setViewMonth(0)\n setViewYear(viewYear + 1)\n } else {\n setViewMonth(viewMonth + 1)\n }\n }\n\n const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n const calendarDays: (number | null)[] = []\n for (let i = 0; i < firstDayOfMonth; i++) {\n calendarDays.push(null)\n }\n for (let i = 1; i <= daysInMonth; i++) {\n calendarDays.push(i)\n }\n\n const isToday = (day: number | null): boolean => {\n if (!day) return false\n const today = new Date()\n return (\n today.getDate() === day &&\n today.getMonth() === viewMonth &&\n today.getFullYear() === viewYear\n )\n }\n\n const [rangeStart, rangeEnd] = selectedRange\n\n return (\n <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n <Input\n value={formatRange(selectedRange, format)}\n placeholder={resolvedPlaceholder}\n disabled={disabled}\n size={effectiveSize}\n readOnly\n onClick={() => !disabled && setIsOpen(!isOpen)}\n className=\"cursor-pointer\"\n data-testid={getTestId('input')}\n />\n\n {isOpen && (\n <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={getTestId('calendar')}>\n {/* Header */}\n <div className=\"flex items-center justify-between mb-4\">\n <button\n type=\"button\"\n onClick={handlePrevMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n\n <div className=\"text-base font-semibold\">\n {MONTHS[viewMonth]} {viewYear}\n </div>\n\n <button\n type=\"button\"\n onClick={handleNextMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n </div>\n\n {/* Days of week */}\n <div className=\"grid grid-cols-7 gap-1 mb-2\">\n {DAYS.map((day) => (\n <div\n key={day}\n className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n >\n {day}\n </div>\n ))}\n </div>\n\n {/* Calendar grid */}\n <div className=\"grid grid-cols-7 gap-1\">\n {calendarDays.map((day, index) => {\n const dayDate = day ? new Date(viewYear, viewMonth, day) : null\n const isStart = !!dayDate && !!rangeStart && isSameDay(dayDate, rangeStart)\n const isEnd = !!dayDate && !!rangeEnd && isSameDay(dayDate, rangeEnd)\n const isInRange = !!dayDate && !!rangeStart && !!rangeEnd\n && isAfterDay(dayDate, rangeStart)\n && isBeforeDay(dayDate, rangeEnd)\n\n return (\n <button\n key={index}\n type=\"button\"\n disabled={!day}\n onClick={() => day && handleDateSelect(day)}\n className={`\n aspect-square flex items-center justify-center text-sm rounded-lg\n ${!day ? 'invisible' : 'hover:bg-base-200'}\n ${isInRange ? 'bg-primary/10' : ''}\n ${isStart || isEnd ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n ${isToday(day) && !isStart && !isEnd ? 'border border-primary' : ''}\n ${day ? 'cursor-pointer' : ''}\n `}\n >\n {day}\n </button>\n )\n })}\n </div>\n\n {/* Today button */}\n <div className=\"mt-4 flex justify-end\">\n <button\n type=\"button\"\n onClick={() => {\n const today = new Date()\n setSelectedRange([today, today])\n setViewMonth(today.getMonth())\n setViewYear(today.getFullYear())\n onChange?.([today, today])\n setIsOpen(false)\n }}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n >\n Today\n </button>\n </div>\n </div>\n )}\n </div>\n )\n})\n\nDatePickerComponent.displayName = 'DatePicker'\nDateRangePicker.displayName = 'DatePicker.Range'\n\ntype DatePickerType = typeof DatePickerComponent & {\n Range: typeof DateRangePicker\n}\n\nexport const DatePicker = DatePickerComponent as DatePickerType\nDatePicker.Range = DateRangePicker\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DAYS","MONTHS","formatDate","date","format","year","month","day","getDaysInMonth","getFirstDayOfMonth","stripTime","isSameDay","a","b","isBeforeDay","isAfterDay","formatRange","range","start","end","DatePickerComponent","forwardRef","value","defaultValue","onChange","placeholder","disabled","size","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","selectedDate","setSelectedDate","useState","isOpen","setIsOpen","viewMonth","setViewMonth","viewYear","setViewYear","containerRef","useRef","useEffect","handleClickOutside","event","handleDateSelect","newDate","handlePrevMonth","handleNextMonth","daysInMonth","firstDayOfMonth","calendarDays","i","isSelectedDay","isToday","today","jsx","Input","jsxs","index","DateRangePicker","startPlaceholder","endPlaceholder","resolvedPlaceholder","selectedRange","setSelectedRange","initialDate","nextRange","rangeStart","rangeEnd","dayDate","isStart","isEnd","isInRange","DatePicker"],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = 'btn-square'\n\nexport interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (date: Date | null) => void\n format?: string\n placeholder?: string\n disabledDate?: (date: Date) => boolean\n disabled?: boolean\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Test ID prefix for child elements */\n 'data-testid'?: string\n}\n\nexport type DateRangeValue = [Date | null, Date | null]\n\nexport interface DateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n value?: DateRangeValue\n defaultValue?: DateRangeValue\n onChange?: (range: DateRangeValue) => void\n format?: string\n placeholder?: [string, string] | string\n disabledDate?: (date: Date) => boolean\n disabled?: boolean\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n /** Test ID prefix for child elements */\n 'data-testid'?: string\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n]\n\nfunction formatDate(date: Date | null, format: string = 'MM/DD/YYYY'): string {\n if (!date) return ''\n\n const year = date.getFullYear()\n const month = String(date.getMonth() + 1).padStart(2, '0')\n const day = String(date.getDate()).padStart(2, '0')\n\n return format\n .replace('YYYY', String(year))\n .replace('MM', month)\n .replace('DD', day)\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate()\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n return new Date(year, month, 1).getDay()\n}\n\nfunction stripTime(date: Date): Date {\n return new Date(date.getFullYear(), date.getMonth(), date.getDate())\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n return a.getFullYear() === b.getFullYear()\n && a.getMonth() === b.getMonth()\n && a.getDate() === b.getDate()\n}\n\nfunction isBeforeDay(a: Date, b: Date): boolean {\n return stripTime(a).getTime() < stripTime(b).getTime()\n}\n\nfunction isAfterDay(a: Date, b: Date): boolean {\n return stripTime(a).getTime() > stripTime(b).getTime()\n}\n\nfunction addDays(date: Date, amount: number): Date {\n const next = new Date(date)\n next.setDate(next.getDate() + amount)\n return next\n}\n\nfunction formatRange(range: DateRangeValue, format: string = 'MM/DD/YYYY'): string {\n const [start, end] = range\n if (start && end) return `${formatDate(start, format)} - ${formatDate(end, format)}`\n if (start) return `${formatDate(start, format)} - `\n return ''\n}\n\nconst DatePickerComponent = forwardRef<HTMLDivElement, DatePickerProps>(function DatePicker(\n {\n value,\n defaultValue,\n onChange,\n format,\n placeholder,\n disabledDate,\n disabled = false,\n size,\n 'data-testid': testId,\n className = '',\n ...rest\n },\n ref\n) {\n const { componentSize, locale } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n const resolvedPlaceholder = placeholder ?? locale?.DatePicker?.placeholder ?? 'Select date'\n const todayLabel = locale?.DatePicker?.today ?? 'Today'\n const todayDate = new Date()\n const isTodayDisabled = disabled || disabledDate?.(todayDate)\n\n // Helper for test IDs\n const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n const [selectedDate, setSelectedDate] = useState<Date | null>(\n value || defaultValue || null\n )\n const [isOpen, setIsOpen] = useState(false)\n const [focusedDate, setFocusedDate] = useState<Date | null>(null)\n const [viewMonth, setViewMonth] = useState(\n selectedDate ? selectedDate.getMonth() : new Date().getMonth()\n )\n const [viewYear, setViewYear] = useState(\n selectedDate ? selectedDate.getFullYear() : new Date().getFullYear()\n )\n\n const containerRef = useRef<HTMLDivElement>(null)\n const calendarRef = useRef<HTMLDivElement>(null)\n const calendarId = React.useId()\n\n useEffect(() => {\n if (value !== undefined) {\n setSelectedDate(value)\n }\n }, [value])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n setFocusedDate(selectedDate ?? todayDate)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n useEffect(() => {\n if (!isOpen || !calendarRef.current) return\n const focusTarget = calendarRef.current.querySelector<HTMLButtonElement>('[data-calendar-focus=\"true\"]')\n focusTarget?.focus()\n }, [isOpen, viewMonth, viewYear, focusedDate])\n\n const handleDateSelect = (day: number) => {\n const newDate = new Date(viewYear, viewMonth, day)\n if (disabled || disabledDate?.(newDate)) return\n setSelectedDate(newDate)\n onChange?.(newDate)\n setIsOpen(false)\n }\n\n const focusNextEnabledDate = (start: Date, delta: number) => {\n let candidate = addDays(start, delta)\n for (let i = 0; i < 31; i++) {\n if (!disabledDate?.(candidate)) return candidate\n candidate = addDays(candidate, delta)\n }\n return start\n }\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (!focusedDate) return\n let nextDate = focusedDate\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, 1)\n break\n case 'ArrowLeft':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, -1)\n break\n case 'ArrowDown':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, 7)\n break\n case 'ArrowUp':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, -7)\n break\n case 'Home':\n event.preventDefault()\n nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), 1)\n if (disabledDate?.(nextDate)) {\n nextDate = focusNextEnabledDate(nextDate, 1)\n }\n break\n case 'End':\n event.preventDefault()\n nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), getDaysInMonth(focusedDate.getFullYear(), focusedDate.getMonth()))\n if (disabledDate?.(nextDate)) {\n nextDate = focusNextEnabledDate(nextDate, -1)\n }\n break\n case 'Enter':\n case ' ':\n event.preventDefault()\n handleDateSelect(focusedDate.getDate())\n return\n case 'Escape':\n event.preventDefault()\n setIsOpen(false)\n return\n default:\n return\n }\n\n setFocusedDate(nextDate)\n setViewMonth(nextDate.getMonth())\n setViewYear(nextDate.getFullYear())\n }\n\n const handlePrevMonth = () => {\n if (viewMonth === 0) {\n setViewMonth(11)\n setViewYear(viewYear - 1)\n } else {\n setViewMonth(viewMonth - 1)\n }\n }\n\n const handleNextMonth = () => {\n if (viewMonth === 11) {\n setViewMonth(0)\n setViewYear(viewYear + 1)\n } else {\n setViewMonth(viewMonth + 1)\n }\n }\n\n const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n const calendarDays: (number | null)[] = []\n for (let i = 0; i < firstDayOfMonth; i++) {\n calendarDays.push(null)\n }\n for (let i = 1; i <= daysInMonth; i++) {\n calendarDays.push(i)\n }\n\n const isSelectedDay = (day: number | null): boolean => {\n if (!day || !selectedDate) return false\n return (\n selectedDate.getDate() === day &&\n selectedDate.getMonth() === viewMonth &&\n selectedDate.getFullYear() === viewYear\n )\n }\n\n const isToday = (day: number | null): boolean => {\n if (!day) return false\n const today = new Date()\n return (\n today.getDate() === day &&\n today.getMonth() === viewMonth &&\n today.getFullYear() === viewYear\n )\n }\n\n return (\n <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n <Input\n value={formatDate(selectedDate, format)}\n placeholder={resolvedPlaceholder}\n disabled={disabled}\n size={effectiveSize}\n readOnly\n onClick={() => !disabled && setIsOpen(!isOpen)}\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n className=\"cursor-pointer\"\n data-testid={getTestId('input')}\n />\n\n {isOpen && (\n <div\n ref={calendarRef}\n id={calendarId}\n role=\"dialog\"\n aria-label=\"Date picker calendar\"\n 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\"\n data-testid={getTestId('calendar')}\n >\n {/* Header */}\n <div className=\"flex items-center justify-between mb-4\">\n <button\n type=\"button\"\n onClick={handlePrevMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n\n <div className=\"text-base font-semibold\">\n {MONTHS[viewMonth]} {viewYear}\n </div>\n\n <button\n type=\"button\"\n onClick={handleNextMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n </div>\n\n {/* Days of week */}\n <div className=\"grid grid-cols-7 gap-1 mb-2\" role=\"row\">\n {DAYS.map((day) => (\n <div\n key={day}\n className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n role=\"columnheader\"\n >\n {day}\n </div>\n ))}\n </div>\n\n {/* Calendar grid */}\n <div className=\"grid grid-cols-7 gap-1\" role=\"grid\" onKeyDown={handleKeyDown}>\n {calendarDays.map((day, index) => {\n const dayDate = day ? new Date(viewYear, viewMonth, day) : null\n const isDayDisabled = disabled || (!!dayDate && !!disabledDate?.(dayDate))\n const isFocusedDay = !!dayDate && !!focusedDate && isSameDay(dayDate, focusedDate)\n\n return (\n <button\n key={index}\n type=\"button\"\n disabled={!day || isDayDisabled}\n aria-disabled={isDayDisabled || undefined}\n aria-selected={isSelectedDay(day) || undefined}\n role=\"gridcell\"\n onClick={() => day && handleDateSelect(day)}\n tabIndex={isFocusedDay ? 0 : -1}\n data-calendar-focus={isFocusedDay ? 'true' : undefined}\n className={`\n aspect-square flex items-center justify-center text-sm rounded-lg\n ${!day ? 'invisible' : ''}\n ${day && !isDayDisabled ? 'hover:bg-base-200 cursor-pointer' : ''}\n ${isSelectedDay(day) ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n ${isToday(day) && !isSelectedDay(day) ? 'border border-primary' : ''}\n ${isDayDisabled ? 'text-base-content/30 cursor-not-allowed' : ''}\n `}\n >\n {day}\n </button>\n )\n })}\n </div>\n\n {/* Today button */}\n <div className=\"mt-4 flex justify-end\">\n <button\n type=\"button\"\n onClick={() => {\n const today = new Date()\n if (disabledDate?.(today)) return\n setSelectedDate(today)\n setViewMonth(today.getMonth())\n setViewYear(today.getFullYear())\n onChange?.(today)\n setIsOpen(false)\n }}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n disabled={isTodayDisabled}\n >\n {todayLabel}\n </button>\n </div>\n </div>\n )}\n </div>\n )\n})\n\nconst DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(function DateRangePicker(\n {\n value,\n defaultValue,\n onChange,\n format,\n placeholder,\n disabledDate,\n disabled = false,\n size,\n 'data-testid': testId,\n className = '',\n ...rest\n },\n ref\n) {\n const { componentSize, locale } = useConfig()\n const effectiveSize = size ?? componentSize ?? 'md'\n\n const localeRangePlaceholder = locale?.DatePicker?.rangePlaceholder\n const [startPlaceholder, endPlaceholder] = Array.isArray(placeholder)\n ? placeholder\n : [\n placeholder ?? localeRangePlaceholder?.[0] ?? 'Start date',\n localeRangePlaceholder?.[1] ?? 'End date',\n ]\n const resolvedPlaceholder = Array.isArray(placeholder)\n ? `${startPlaceholder} - ${endPlaceholder}`\n : placeholder ?? `${startPlaceholder} - ${endPlaceholder}`\n const todayLabel = locale?.DatePicker?.today ?? 'Today'\n const todayDate = new Date()\n const isTodayDisabled = disabled || disabledDate?.(todayDate)\n\n // Helper for test IDs\n const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n const [selectedRange, setSelectedRange] = useState<DateRangeValue>(\n value || defaultValue || [null, null]\n )\n const [isOpen, setIsOpen] = useState(false)\n const [focusedDate, setFocusedDate] = useState<Date | null>(null)\n const initialDate = selectedRange[0] ?? selectedRange[1] ?? new Date()\n const [viewMonth, setViewMonth] = useState(initialDate.getMonth())\n const [viewYear, setViewYear] = useState(initialDate.getFullYear())\n\n const containerRef = useRef<HTMLDivElement>(null)\n const calendarRef = useRef<HTMLDivElement>(null)\n const calendarId = React.useId()\n\n useEffect(() => {\n if (value !== undefined) {\n setSelectedRange(value)\n }\n }, [value])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n setFocusedDate(selectedRange[0] ?? selectedRange[1] ?? todayDate)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n useEffect(() => {\n if (!isOpen || !calendarRef.current) return\n const focusTarget = calendarRef.current.querySelector<HTMLButtonElement>('[data-calendar-focus=\"true\"]')\n focusTarget?.focus()\n }, [isOpen, viewMonth, viewYear, focusedDate])\n\n const handleDateSelect = (day: number) => {\n const newDate = new Date(viewYear, viewMonth, day)\n if (disabled || disabledDate?.(newDate)) return\n let [start, end] = selectedRange\n\n if (!start || (start && end)) {\n start = newDate\n end = null\n } else if (start && !end) {\n if (isBeforeDay(newDate, start)) {\n end = start\n start = newDate\n } else {\n end = newDate\n }\n }\n\n const nextRange: DateRangeValue = [start, end]\n setSelectedRange(nextRange)\n onChange?.(nextRange)\n if (start && end) {\n setIsOpen(false)\n }\n }\n\n const focusNextEnabledDate = (start: Date, delta: number) => {\n let candidate = addDays(start, delta)\n for (let i = 0; i < 31; i++) {\n if (!disabledDate?.(candidate)) return candidate\n candidate = addDays(candidate, delta)\n }\n return start\n }\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (!focusedDate) return\n let nextDate = focusedDate\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, 1)\n break\n case 'ArrowLeft':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, -1)\n break\n case 'ArrowDown':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, 7)\n break\n case 'ArrowUp':\n event.preventDefault()\n nextDate = focusNextEnabledDate(focusedDate, -7)\n break\n case 'Home':\n event.preventDefault()\n nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), 1)\n if (disabledDate?.(nextDate)) {\n nextDate = focusNextEnabledDate(nextDate, 1)\n }\n break\n case 'End':\n event.preventDefault()\n nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), getDaysInMonth(focusedDate.getFullYear(), focusedDate.getMonth()))\n if (disabledDate?.(nextDate)) {\n nextDate = focusNextEnabledDate(nextDate, -1)\n }\n break\n case 'Enter':\n case ' ':\n event.preventDefault()\n handleDateSelect(focusedDate.getDate())\n return\n case 'Escape':\n event.preventDefault()\n setIsOpen(false)\n return\n default:\n return\n }\n\n setFocusedDate(nextDate)\n setViewMonth(nextDate.getMonth())\n setViewYear(nextDate.getFullYear())\n }\n\n const handlePrevMonth = () => {\n if (viewMonth === 0) {\n setViewMonth(11)\n setViewYear(viewYear - 1)\n } else {\n setViewMonth(viewMonth - 1)\n }\n }\n\n const handleNextMonth = () => {\n if (viewMonth === 11) {\n setViewMonth(0)\n setViewYear(viewYear + 1)\n } else {\n setViewMonth(viewMonth + 1)\n }\n }\n\n const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n const calendarDays: (number | null)[] = []\n for (let i = 0; i < firstDayOfMonth; i++) {\n calendarDays.push(null)\n }\n for (let i = 1; i <= daysInMonth; i++) {\n calendarDays.push(i)\n }\n\n const isToday = (day: number | null): boolean => {\n if (!day) return false\n const today = new Date()\n return (\n today.getDate() === day &&\n today.getMonth() === viewMonth &&\n today.getFullYear() === viewYear\n )\n }\n\n const [rangeStart, rangeEnd] = selectedRange\n\n return (\n <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n <Input\n value={formatRange(selectedRange, format)}\n placeholder={resolvedPlaceholder}\n disabled={disabled}\n size={effectiveSize}\n readOnly\n onClick={() => !disabled && setIsOpen(!isOpen)}\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n className=\"cursor-pointer\"\n data-testid={getTestId('input')}\n />\n\n {isOpen && (\n <div\n ref={calendarRef}\n id={calendarId}\n role=\"dialog\"\n aria-label=\"Date range picker calendar\"\n 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\"\n data-testid={getTestId('calendar')}\n >\n {/* Header */}\n <div className=\"flex items-center justify-between mb-4\">\n <button\n type=\"button\"\n onClick={handlePrevMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n\n <div className=\"text-base font-semibold\">\n {MONTHS[viewMonth]} {viewYear}\n </div>\n\n <button\n type=\"button\"\n onClick={handleNextMonth}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-5 w-5\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n >\n <path\n fillRule=\"evenodd\"\n 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\"\n clipRule=\"evenodd\"\n />\n </svg>\n </button>\n </div>\n\n {/* Days of week */}\n <div className=\"grid grid-cols-7 gap-1 mb-2\" role=\"row\">\n {DAYS.map((day) => (\n <div\n key={day}\n className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n role=\"columnheader\"\n >\n {day}\n </div>\n ))}\n </div>\n\n {/* Calendar grid */}\n <div className=\"grid grid-cols-7 gap-1\" role=\"grid\" onKeyDown={handleKeyDown}>\n {calendarDays.map((day, index) => {\n const dayDate = day ? new Date(viewYear, viewMonth, day) : null\n const isDayDisabled = disabled || (!!dayDate && !!disabledDate?.(dayDate))\n const isStart = !!dayDate && !!rangeStart && isSameDay(dayDate, rangeStart)\n const isEnd = !!dayDate && !!rangeEnd && isSameDay(dayDate, rangeEnd)\n const isInRange = !!dayDate && !!rangeStart && !!rangeEnd\n && isAfterDay(dayDate, rangeStart)\n && isBeforeDay(dayDate, rangeEnd)\n const isFocusedDay = !!dayDate && !!focusedDate && isSameDay(dayDate, focusedDate)\n\n return (\n <button\n key={index}\n type=\"button\"\n disabled={!day || isDayDisabled}\n aria-disabled={isDayDisabled || undefined}\n aria-selected={isStart || isEnd || isInRange || undefined}\n role=\"gridcell\"\n onClick={() => day && handleDateSelect(day)}\n tabIndex={isFocusedDay ? 0 : -1}\n data-calendar-focus={isFocusedDay ? 'true' : undefined}\n className={`\n aspect-square flex items-center justify-center text-sm rounded-lg\n ${!day ? 'invisible' : ''}\n ${day && !isDayDisabled ? 'hover:bg-base-200 cursor-pointer' : ''}\n ${isInRange ? 'bg-primary/10' : ''}\n ${isStart || isEnd ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n ${isToday(day) && !isStart && !isEnd ? 'border border-primary' : ''}\n ${isDayDisabled ? 'text-base-content/30 cursor-not-allowed' : ''}\n `}\n >\n {day}\n </button>\n )\n })}\n </div>\n\n {/* Today button */}\n <div className=\"mt-4 flex justify-end\">\n <button\n type=\"button\"\n onClick={() => {\n const today = new Date()\n if (disabledDate?.(today)) return\n setSelectedRange([today, today])\n setViewMonth(today.getMonth())\n setViewYear(today.getFullYear())\n onChange?.([today, today])\n setIsOpen(false)\n }}\n className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n disabled={isTodayDisabled}\n >\n {todayLabel}\n </button>\n </div>\n </div>\n )}\n </div>\n )\n})\n\nDatePickerComponent.displayName = 'DatePicker'\nDateRangePicker.displayName = 'DatePicker.Range'\n\ntype DatePickerType = typeof DatePickerComponent & {\n Range: typeof DateRangePicker\n}\n\nexport const DatePicker = DatePickerComponent as DatePickerType\nDatePicker.Range = DateRangePicker\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DAYS","MONTHS","formatDate","date","format","year","month","day","getDaysInMonth","getFirstDayOfMonth","stripTime","isSameDay","a","b","isBeforeDay","isAfterDay","addDays","amount","next","formatRange","range","start","end","DatePickerComponent","forwardRef","value","defaultValue","onChange","placeholder","disabledDate","disabled","size","testId","className","rest","ref","componentSize","locale","useConfig","effectiveSize","resolvedPlaceholder","todayLabel","todayDate","isTodayDisabled","getTestId","suffix","selectedDate","setSelectedDate","useState","isOpen","setIsOpen","focusedDate","setFocusedDate","viewMonth","setViewMonth","viewYear","setViewYear","containerRef","useRef","calendarRef","calendarId","React","useEffect","handleClickOutside","event","handleDateSelect","newDate","focusNextEnabledDate","delta","candidate","i","handleKeyDown","nextDate","handlePrevMonth","handleNextMonth","daysInMonth","firstDayOfMonth","calendarDays","isSelectedDay","isToday","today","jsx","Input","jsxs","index","dayDate","isDayDisabled","isFocusedDay","DateRangePicker","localeRangePlaceholder","startPlaceholder","endPlaceholder","selectedRange","setSelectedRange","initialDate","nextRange","rangeStart","rangeEnd","isStart","isEnd","isInRange","DatePicker"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "asterui",
3
- "version": "0.12.64",
3
+ "version": "0.12.65",
4
4
  "description": "React UI component library with DaisyUI",
5
5
  "homepage": "https://asterui.com",
6
6
  "repository": {