v-datepicker-lite 0.0.2 → 0.0.4

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 (5) hide show
  1. package/README.md +64 -79
  2. package/index.js +1292 -786
  3. package/package.json +9 -3
  4. package/style.css +1 -1
  5. package/types/index.d.ts +36 -36
package/index.js CHANGED
@@ -1,795 +1,1301 @@
1
- import { defineComponent as I, computed as S, createElementBlock as p, openBlock as v, createElementVNode as h, Fragment as Y, renderList as T, unref as o, toDisplayString as P, normalizeClass as x, ref as F, watch as L, nextTick as B, onMounted as U, createBlock as V, createCommentVNode as N, normalizeStyle as X, createVNode as Z } from "vue";
2
- const R = (t, r = "YYYY-MM-DD") => {
3
- const e = t.getFullYear(), u = String(t.getMonth() + 1).padStart(2, "0"), n = String(t.getDate()).padStart(2, "0"), d = String(t.getHours()).padStart(2, "0"), i = String(t.getMinutes()).padStart(2, "0");
4
- return r.replace("YYYY", e.toString()).replace("MM", u).replace("DD", n).replace("HH", d).replace("mm", i);
5
- }, W = (t) => {
6
- if (!t) return null;
7
- const r = new Date(t);
8
- return isNaN(r.getTime()) ? null : r;
9
- }, G = (t, r) => t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate(), ee = (t) => {
10
- const r = new Date(t.getFullYear(), 0, 1), e = (t.getTime() - r.getTime()) / 864e5;
11
- return Math.ceil((e + r.getDay() + 1) / 7);
12
- }, E = (t, r) => {
13
- const e = new Date(t, r, 1), n = new Date(t, r + 1, 0).getDate(), d = e.getDay(), i = [], a = /* @__PURE__ */ new Date(), l = r === 0 ? 11 : r - 1, m = r === 0 ? t - 1 : t, D = new Date(m, l + 1, 0).getDate();
14
- for (let f = d - 1; f >= 0; f--) {
15
- const c = new Date(m, l, D - f);
16
- i.push({
17
- date: c,
18
- day: D - f,
19
- month: l,
20
- year: m,
21
- isCurrentMonth: !1,
22
- isToday: G(c, a),
23
- isSelected: !1,
24
- isDisabled: !1
25
- });
26
- }
27
- for (let f = 1; f <= n; f++) {
28
- const c = new Date(t, r, f);
29
- i.push({
30
- date: c,
31
- day: f,
32
- month: r,
33
- year: t,
34
- isCurrentMonth: !0,
35
- isToday: G(c, a),
36
- isSelected: !1,
37
- isDisabled: !1
38
- });
39
- }
40
- const s = 42 - i.length, M = r === 11 ? 0 : r + 1, k = r === 11 ? t + 1 : t;
41
- for (let f = 1; f <= s; f++) {
42
- const c = new Date(k, M, f);
43
- i.push({
44
- date: c,
45
- day: f,
46
- month: M,
47
- year: k,
48
- isCurrentMonth: !1,
49
- isToday: G(c, a),
50
- isSelected: !1,
51
- isDisabled: !1
52
- });
53
- }
54
- return i;
55
- }, te = (t, r) => {
56
- const e = E(t, r), u = [];
57
- for (let n = 0; n < e.length; n += 7) {
58
- const d = e.slice(n, n + 7), i = ee(d[0].date);
59
- u.push({
60
- weekNumber: i,
61
- days: d,
62
- isSelected: !1
63
- });
64
- }
65
- return u;
66
- }, j = (t) => [
67
- "January",
68
- "February",
69
- "March",
70
- "April",
71
- "May",
72
- "June",
73
- "July",
74
- "August",
75
- "September",
76
- "October",
77
- "November",
78
- "December"
79
- ].map((e, u) => ({
80
- month: u,
81
- year: t,
82
- name: e,
83
- isSelected: !1,
84
- isDisabled: !1
85
- })), ae = (t, r, e, u) => {
86
- const n = R(t, "YYYY-MM-DD");
87
- return r && n < r || e && n > e ? !0 : u ? u.some((d) => d.end ? n >= d.start && n <= d.end : n === d.start) : !1;
88
- }, O = [
89
- "January",
90
- "February",
91
- "March",
92
- "April",
93
- "May",
94
- "June",
95
- "July",
96
- "August",
97
- "September",
98
- "October",
99
- "November",
100
- "December"
101
- ], K = [
102
- "Sun",
103
- "Mon",
104
- "Tue",
105
- "Wed",
106
- "Thu",
107
- "Fri",
108
- "Sat"
109
- ], ne = { class: "date-picker-content" }, le = { class: "date-picker-table" }, se = { class: "date-picker-weekdays-row" }, re = { class: "date-picker-days-body" }, oe = ["onClick", "disabled"], ce = /* @__PURE__ */ I({
110
- __name: "DateView",
111
- props: {
112
- currentDate: {},
113
- selectedDate: {},
114
- minDate: {},
115
- maxDate: {},
116
- disabledDates: {}
117
- },
118
- emits: ["select"],
119
- setup(t, { emit: r }) {
120
- const e = t, u = r, n = S(() => E(
121
- e.currentDate.getFullYear(),
122
- e.currentDate.getMonth()
123
- ).map((l) => ({
124
- ...l,
125
- isSelected: e.selectedDate ? G(l.date, e.selectedDate) : !1,
126
- isDisabled: ae(
127
- l.date,
128
- e.minDate,
129
- e.maxDate,
130
- e.disabledDates
131
- )
132
- }))), d = S(() => {
133
- const a = [];
134
- for (let l = 0; l < n.value.length; l += 7)
135
- a.push(n.value.slice(l, l + 7));
136
- return a;
137
- }), i = (a) => {
138
- a.isDisabled || u("select", a.date);
139
- };
140
- return (a, l) => (v(), p("div", ne, [
141
- h("table", le, [
142
- h("thead", null, [
143
- h("tr", se, [
144
- (v(!0), p(Y, null, T(o(K), (m) => (v(), p("th", { key: m }, P(m), 1))), 128))
145
- ])
146
- ]),
147
- h("tbody", re, [
148
- (v(!0), p(Y, null, T(d.value, (m, D) => (v(), p("tr", {
149
- key: D,
150
- class: "date-picker-week-row"
151
- }, [
152
- (v(!0), p(Y, null, T(m, (s) => (v(), p("td", {
153
- key: `${s.year}-${s.month}-${s.day}`,
154
- class: "date-picker-day-cell"
155
- }, [
156
- h("button", {
157
- class: x([
158
- "date-picker-day",
159
- {
160
- "other-month": !s.isCurrentMonth,
161
- today: s.isToday,
162
- selected: s.isSelected,
163
- disabled: s.isDisabled
164
- }
165
- ]),
166
- onClick: (M) => i(s),
167
- disabled: s.isDisabled
168
- }, P(s.day), 11, oe)
169
- ]))), 128))
170
- ]))), 128))
171
- ])
172
- ])
173
- ]));
174
- }
175
- }), ie = { class: "date-picker-content" }, ue = {
176
- class: "date-picker-table date-picker-week-table",
177
- cellpadding: "0",
178
- cellspacing: "0"
179
- }, de = { class: "date-picker-weekdays-row" }, me = { class: "date-picker-weeks-body" }, ve = ["onClick"], he = { class: "date-picker-week-number-cell" }, pe = { class: "date-picker-week-number" }, ge = /* @__PURE__ */ I({
180
- __name: "WeekView",
181
- props: {
182
- currentDate: {},
183
- selectedDate: {}
184
- },
185
- emits: ["select"],
186
- setup(t, { emit: r }) {
187
- const e = t, u = r, n = S(() => te(
188
- e.currentDate.getFullYear(),
189
- e.currentDate.getMonth()
190
- ).map((a) => {
191
- const l = e.selectedDate ? a.days.some(
192
- (m) => G(m.date, e.selectedDate)
193
- ) : !1;
194
- return {
195
- ...a,
196
- isSelected: l
197
- };
198
- })), d = (i) => {
199
- var l;
200
- const a = ((l = i.days.find((m) => m.isCurrentMonth)) == null ? void 0 : l.date) || i.days[0].date;
201
- u("select", a);
202
- };
203
- return (i, a) => (v(), p("div", ie, [
204
- h("table", ue, [
205
- h("thead", null, [
206
- h("tr", de, [
207
- a[0] || (a[0] = h("th", { class: "date-picker-weekday date-picker-week-header" }, " Wk ", -1)),
208
- (v(!0), p(Y, null, T(o(K), (l) => (v(), p("th", { key: l }, P(l), 1))), 128))
209
- ])
210
- ]),
211
- h("tbody", me, [
212
- (v(!0), p(Y, null, T(n.value, (l) => (v(), p("tr", {
213
- key: l.weekNumber,
214
- class: x([
215
- "date-picker-week-row",
216
- {
217
- selected: l.isSelected
218
- }
219
- ]),
220
- onClick: (m) => d(l)
221
- }, [
222
- h("td", he, [
223
- h("div", pe, P(l.weekNumber), 1)
224
- ]),
225
- (v(!0), p(Y, null, T(l.days, (m) => (v(), p("td", {
226
- key: `${m.year}-${m.month}-${m.day}`,
227
- class: "date-picker-day-cell"
228
- }, [
229
- h("button", {
230
- class: x([
231
- "date-picker-day",
232
- {
233
- "other-month": !m.isCurrentMonth,
234
- today: m.isToday
235
- }
236
- ])
237
- }, P(m.day), 3)
238
- ]))), 128))
239
- ], 10, ve))), 128))
240
- ])
241
- ])
242
- ]));
243
- }
244
- });
245
- function De(t, r = "24h", e = 15, u) {
246
- const n = F(0), d = F(0), i = F([]), a = S(() => r === "12h"), l = () => {
247
- if (t)
248
- n.value = t.getHours(), d.value = t.getMinutes();
249
- else {
250
- const c = /* @__PURE__ */ new Date();
251
- n.value = c.getHours(), d.value = c.getMinutes();
252
- }
253
- D();
254
- }, m = (c) => {
255
- c && (n.value = c.getHours(), d.value = c.getMinutes());
256
- }, D = () => {
257
- const c = [], b = a.value ? 1 : 0;
258
- for (let y = 0; y < (a.value ? 2 : 1); y++) {
259
- const C = a.value ? y === 0 ? " AM" : " PM" : "";
260
- for (let _ = b; _ <= (a.value ? 12 : 23); _++)
261
- for (let g = 0; g < 60; g += e) {
262
- const $ = (a.value, _), H = a.value ? _ === 12 ? y === 0 ? 0 : 12 : _ + y * 12 : _, q = `${String($).padStart(
263
- 2,
264
- "0"
265
- )}:${String(g).padStart(2, "0")}` + C;
266
- c.push({
267
- display: q,
268
- value: `${String(H).padStart(2, "0")}:${String(
269
- g
270
- ).padStart(2, "0")}`,
271
- hour: H,
272
- minute: g
273
- });
274
- }
275
- }
276
- a.value ? i.value = c.map((y) => y.display) : i.value = c.map((y) => y.value);
277
- }, s = () => {
278
- if (a.value) {
279
- const c = n.value === 0 ? 12 : n.value > 12 ? n.value - 12 : n.value, b = n.value < 12 ? " AM" : " PM";
280
- return `${String(c).padStart(2, "0")}:${String(
281
- d.value
282
- ).padStart(2, "0")}${b}`;
283
- }
284
- return `${String(n.value).padStart(2, "0")}:${String(
285
- d.value
286
- ).padStart(2, "0")}`;
287
- };
288
- return {
289
- hours: n,
290
- minutes: d,
291
- timeOptions: i,
292
- is12HourFormat: a,
293
- initializeTime: l,
294
- updateTime: m,
295
- generateTimeOptions: D,
296
- getCurrentTimeString: s,
297
- selectTime: (c) => {
298
- let b, y;
299
- if (a.value) {
300
- const [_, g] = c.split(" "), [$, H] = _.split(":");
301
- b = parseInt($), y = parseInt(H), g === "AM" ? b === 12 && (b = 0) : b !== 12 && (b += 12);
302
- } else {
303
- const [_, g] = c.split(":");
304
- b = parseInt(_), y = parseInt(g);
1
+ import {
2
+ defineComponent as V,
3
+ computed as S,
4
+ createElementBlock as p,
5
+ openBlock as v,
6
+ createElementVNode as h,
7
+ Fragment as T,
8
+ renderList as Y,
9
+ unref as o,
10
+ toDisplayString as P,
11
+ normalizeClass as x,
12
+ ref as F,
13
+ watch as W,
14
+ nextTick as q,
15
+ onMounted as U,
16
+ createBlock as G,
17
+ createCommentVNode as I,
18
+ normalizeStyle as X,
19
+ createVNode as Z,
20
+ } from 'vue'
21
+ const R = (t, r = 'YYYY-MM-DD') => {
22
+ const e = t.getFullYear(),
23
+ u = String(t.getMonth() + 1).padStart(2, '0'),
24
+ s = String(t.getDate()).padStart(2, '0'),
25
+ d = String(t.getHours()).padStart(2, '0'),
26
+ i = String(t.getMinutes()).padStart(2, '0')
27
+ return r
28
+ .replace('YYYY', e.toString())
29
+ .replace('MM', u)
30
+ .replace('DD', s)
31
+ .replace('HH', d)
32
+ .replace('mm', i)
33
+ },
34
+ A = (t) => {
35
+ if (!t) return null
36
+ const r = new Date(t)
37
+ return isNaN(r.getTime()) ? null : r
38
+ },
39
+ z = (t, r) =>
40
+ t.getFullYear() === r.getFullYear() &&
41
+ t.getMonth() === r.getMonth() &&
42
+ t.getDate() === r.getDate(),
43
+ ee = (t) => {
44
+ const r = new Date(t.getFullYear(), 0, 1),
45
+ e = (t.getTime() - r.getTime()) / 864e5
46
+ return Math.ceil((e + r.getDay() + 1) / 7)
47
+ },
48
+ E = (t, r) => {
49
+ const e = new Date(t, r, 1),
50
+ s = new Date(t, r + 1, 0).getDate(),
51
+ d = e.getDay(),
52
+ i = [],
53
+ a = /* @__PURE__ */ new Date(),
54
+ n = r === 0 ? 11 : r - 1,
55
+ m = r === 0 ? t - 1 : t,
56
+ D = new Date(m, n + 1, 0).getDate()
57
+ for (let f = d - 1; f >= 0; f--) {
58
+ const c = new Date(m, n, D - f)
59
+ i.push({
60
+ date: c,
61
+ day: D - f,
62
+ month: n,
63
+ year: m,
64
+ isCurrentMonth: !1,
65
+ isToday: z(c, a),
66
+ isSelected: !1,
67
+ isDisabled: !1,
68
+ })
305
69
  }
306
- n.value = b, d.value = y;
307
- const C = t ? new Date(t.getTime()) : /* @__PURE__ */ new Date();
308
- C.setHours(b, y, 0, 0), u("update", C);
309
- },
310
- scrollToSelected: (c) => {
311
- if (!c) return;
312
- const b = i.value.findIndex(
313
- (y) => y === s()
314
- );
315
- if (b >= 0) {
316
- const C = c.clientHeight, _ = b * 30 - C / 2 + 30 / 2;
317
- c.scrollTop = Math.max(0, _);
70
+ for (let f = 1; f <= s; f++) {
71
+ const c = new Date(t, r, f)
72
+ i.push({
73
+ date: c,
74
+ day: f,
75
+ month: r,
76
+ year: t,
77
+ isCurrentMonth: !0,
78
+ isToday: z(c, a),
79
+ isSelected: !1,
80
+ isDisabled: !1,
81
+ })
318
82
  }
319
- },
320
- onTimeUpdate: (c) => {
321
- n.value = c.getHours(), d.value = c.getMinutes(), u("update", c);
322
- }
323
- };
324
- }
325
- const ke = { class: "time-picker-container" }, fe = ["aria-selected", "onClick"], J = /* @__PURE__ */ I({
326
- __name: "TimeView",
327
- props: {
328
- selectedTime: {},
329
- timeFormat: { default: "24h" },
330
- timeInterval: { default: 15 }
331
- },
332
- emits: ["update"],
333
- setup(t, { emit: r }) {
334
- const e = t, u = r, n = F(null), {
335
- timeOptions: d,
336
- initializeTime: i,
337
- updateTime: a,
338
- getCurrentTimeString: l,
339
- selectTime: m,
340
- scrollToSelected: D
341
- } = De(e.selectedTime, e.timeFormat, e.timeInterval, u);
342
- return L(
343
- () => e.selectedTime,
344
- (s) => {
345
- a(s), B(() => {
346
- D(n.value);
347
- });
348
- },
349
- { immediate: !0 }
350
- ), L(
351
- () => e.timeFormat,
352
- () => {
353
- i(), B(() => {
354
- D(n.value);
355
- });
83
+ const l = 42 - i.length,
84
+ _ = r === 11 ? 0 : r + 1,
85
+ k = r === 11 ? t + 1 : t
86
+ for (let f = 1; f <= l; f++) {
87
+ const c = new Date(k, _, f)
88
+ i.push({
89
+ date: c,
90
+ day: f,
91
+ month: _,
92
+ year: k,
93
+ isCurrentMonth: !1,
94
+ isToday: z(c, a),
95
+ isSelected: !1,
96
+ isDisabled: !1,
97
+ })
356
98
  }
357
- ), L(
358
- () => e.timeInterval,
359
- () => {
360
- i(), B(() => {
361
- D(n.value);
362
- });
99
+ return i
100
+ },
101
+ te = (t, r) => {
102
+ const e = E(t, r),
103
+ u = []
104
+ for (let s = 0; s < e.length; s += 7) {
105
+ const d = e.slice(s, s + 7),
106
+ i = ee(d[0].date)
107
+ u.push({
108
+ weekNumber: i,
109
+ days: d,
110
+ isSelected: !1,
111
+ })
363
112
  }
364
- ), U(() => {
365
- i(), B(() => {
366
- D(n.value);
367
- });
368
- }), (s, M) => (v(), p("div", ke, [
369
- h("div", {
370
- ref_key: "timeListRef",
371
- ref: n,
372
- class: "time-wheel",
373
- role: "listbox",
374
- "aria-label": "Time Selection"
375
- }, [
376
- (v(!0), p(Y, null, T(o(d), (k) => (v(), p("div", {
377
- key: k,
378
- class: x(["time-option", {
379
- selected: k === o(l)()
380
- }]),
381
- role: "option",
382
- "aria-selected": k === o(l)(),
383
- onClick: (f) => o(m)(k)
384
- }, P(k), 11, fe))), 128))
385
- ], 512)
386
- ]));
387
- }
388
- }), ye = { class: "year-view-layout" }, be = { class: "years-section" }, _e = { class: "years-list" }, Me = ["onClick"], we = { class: "months-section" }, Se = { class: "date-picker-table date-picker-months-table" }, $e = { class: "date-picker-months-body" }, Ye = ["onClick", "disabled"], Te = /* @__PURE__ */ I({
389
- __name: "YearView",
390
- props: {
391
- currentDate: {},
392
- selectedDate: {}
393
- },
394
- emits: ["select", "month-select"],
395
- setup(t, { emit: r }) {
396
- const e = t, u = r, n = S(() => e.currentDate.getFullYear()), d = S(() => {
397
- var s;
398
- return (s = e.selectedDate) == null ? void 0 : s.getFullYear();
399
- }), i = S(() => {
400
- const s = Math.floor(n.value / 10) * 10;
401
- return Array.from({ length: 12 }, (M, k) => s + k - 1);
402
- }), a = S(() => j(n.value).map((s) => ({
403
- ...s,
404
- isSelected: e.selectedDate ? s.month === e.selectedDate.getMonth() && s.year === e.selectedDate.getFullYear() : !1
405
- }))), l = S(() => {
406
- const s = [];
407
- for (let M = 0; M < a.value.length; M += 3)
408
- s.push(a.value.slice(M, M + 3));
409
- return s;
410
- }), m = (s) => {
411
- u("select", s);
412
- }, D = (s) => {
413
- u("month-select", s.month);
414
- };
415
- return (s, M) => (v(), p("div", ye, [
416
- h("div", be, [
417
- h("div", _e, [
418
- (v(!0), p(Y, null, T(i.value, (k) => (v(), p("button", {
419
- key: k,
420
- class: x([
421
- "year-item",
422
- {
423
- selected: k === d.value,
424
- current: k === n.value
425
- }
426
- ]),
427
- onClick: (f) => m(k)
428
- }, P(k), 11, Me))), 128))
429
- ])
430
- ]),
431
- h("div", we, [
432
- h("table", Se, [
433
- h("tbody", $e, [
434
- (v(!0), p(Y, null, T(l.value, (k, f) => (v(), p("tr", {
435
- key: f,
436
- class: "date-picker-months-row"
437
- }, [
438
- (v(!0), p(Y, null, T(k, (c) => (v(), p("td", {
439
- key: c.month,
440
- class: "date-picker-month-cell"
441
- }, [
442
- h("button", {
443
- class: x([
444
- "date-picker-month",
445
- {
446
- selected: c.isSelected,
447
- disabled: c.isDisabled
448
- }
113
+ return u
114
+ },
115
+ j = (t) =>
116
+ [
117
+ 'January',
118
+ 'February',
119
+ 'March',
120
+ 'April',
121
+ 'May',
122
+ 'June',
123
+ 'July',
124
+ 'August',
125
+ 'September',
126
+ 'October',
127
+ 'November',
128
+ 'December',
129
+ ].map((e, u) => ({
130
+ month: u,
131
+ year: t,
132
+ name: e,
133
+ isSelected: !1,
134
+ isDisabled: !1,
135
+ })),
136
+ ae = (t, r, e, u) => {
137
+ const s = R(t, 'YYYY-MM-DD')
138
+ return (r && s < r) || (e && s > e)
139
+ ? !0
140
+ : u
141
+ ? u.some((d) => (d.end ? s >= d.start && s <= d.end : s === d.start))
142
+ : !1
143
+ },
144
+ O = [
145
+ 'January',
146
+ 'February',
147
+ 'March',
148
+ 'April',
149
+ 'May',
150
+ 'June',
151
+ 'July',
152
+ 'August',
153
+ 'September',
154
+ 'October',
155
+ 'November',
156
+ 'December',
157
+ ],
158
+ K = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
159
+ ne = { class: 'date-picker-content' },
160
+ se = { class: 'date-picker-table' },
161
+ le = { class: 'date-picker-weekdays-row' },
162
+ re = { class: 'date-picker-days-body' },
163
+ oe = ['onClick', 'disabled'],
164
+ ce = /* @__PURE__ */ V({
165
+ __name: 'DateView',
166
+ props: {
167
+ currentDate: {},
168
+ selectedDate: {},
169
+ minDate: {},
170
+ maxDate: {},
171
+ disabledDates: {},
172
+ },
173
+ emits: ['select'],
174
+ setup(t, { emit: r }) {
175
+ const e = t,
176
+ u = r,
177
+ s = S(() =>
178
+ E(e.currentDate.getFullYear(), e.currentDate.getMonth()).map((n) => ({
179
+ ...n,
180
+ isSelected: e.selectedDate ? z(n.date, e.selectedDate) : !1,
181
+ isDisabled: ae(n.date, e.minDate, e.maxDate, e.disabledDates),
182
+ }))
183
+ ),
184
+ d = S(() => {
185
+ const a = []
186
+ for (let n = 0; n < s.value.length; n += 7) a.push(s.value.slice(n, n + 7))
187
+ return a
188
+ }),
189
+ i = (a) => {
190
+ a.isDisabled || u('select', a.date)
191
+ }
192
+ return (a, n) => (
193
+ v(),
194
+ p('div', ne, [
195
+ h('table', se, [
196
+ h('thead', null, [
197
+ h('tr', le, [
198
+ (v(!0),
199
+ p(
200
+ T,
201
+ null,
202
+ Y(o(K), (m) => (v(), p('th', { key: m }, P(m), 1))),
203
+ 128
204
+ )),
205
+ ]),
449
206
  ]),
450
- onClick: (b) => D(c),
451
- disabled: c.isDisabled
452
- }, P(c.name.substring(0, 3)), 11, Ye)
453
- ]))), 128))
454
- ]))), 128))
455
- ])
456
- ])
457
- ])
458
- ]));
459
- }
460
- }), Ce = { class: "date-picker-content" }, He = { class: "date-picker-table date-picker-months-table" }, Pe = { class: "date-picker-months-body" }, Fe = ["onClick", "disabled"], xe = /* @__PURE__ */ I({
461
- __name: "MonthView",
462
- props: {
463
- currentDate: {},
464
- selectedDate: {}
465
- },
466
- emits: ["select"],
467
- setup(t, { emit: r }) {
468
- const e = t, u = r, n = S(() => j(e.currentDate.getFullYear()).map((l) => ({
469
- ...l,
470
- isSelected: e.selectedDate ? l.month === e.selectedDate.getMonth() && l.year === e.selectedDate.getFullYear() : !1
471
- }))), d = S(() => {
472
- const a = [];
473
- for (let l = 0; l < n.value.length; l += 3)
474
- a.push(n.value.slice(l, l + 3));
475
- return a;
476
- }), i = (a) => {
477
- u("select", a.month);
478
- };
479
- return (a, l) => (v(), p("div", Ce, [
480
- h("table", He, [
481
- h("tbody", Pe, [
482
- (v(!0), p(Y, null, T(d.value, (m, D) => (v(), p("tr", {
483
- key: D,
484
- class: "date-picker-months-row"
485
- }, [
486
- (v(!0), p(Y, null, T(m, (s) => (v(), p("td", {
487
- key: s.month,
488
- class: "date-picker-month-cell"
489
- }, [
490
- h("button", {
491
- class: x([
492
- "date-picker-month",
493
- {
494
- selected: s.isSelected,
495
- disabled: s.isDisabled
207
+ h('tbody', re, [
208
+ (v(!0),
209
+ p(
210
+ T,
211
+ null,
212
+ Y(
213
+ d.value,
214
+ (m, D) => (
215
+ v(),
216
+ p(
217
+ 'tr',
218
+ {
219
+ key: D,
220
+ class: 'date-picker-week-row',
221
+ },
222
+ [
223
+ (v(!0),
224
+ p(
225
+ T,
226
+ null,
227
+ Y(
228
+ m,
229
+ (l) => (
230
+ v(),
231
+ p(
232
+ 'td',
233
+ {
234
+ key: `${l.year}-${l.month}-${l.day}`,
235
+ class: 'date-picker-day-cell',
236
+ },
237
+ [
238
+ h(
239
+ 'button',
240
+ {
241
+ class: x([
242
+ 'date-picker-day',
243
+ {
244
+ 'other-month': !l.isCurrentMonth,
245
+ today: l.isToday,
246
+ selected: l.isSelected,
247
+ disabled: l.isDisabled,
248
+ },
249
+ ]),
250
+ onClick: (_) => i(l),
251
+ disabled: l.isDisabled,
252
+ },
253
+ P(l.day),
254
+ 11,
255
+ oe
256
+ ),
257
+ ]
258
+ )
259
+ )
260
+ ),
261
+ 128
262
+ )),
263
+ ]
264
+ )
265
+ )
266
+ ),
267
+ 128
268
+ )),
269
+ ]),
270
+ ]),
271
+ ])
272
+ )
273
+ },
274
+ }),
275
+ ie = { class: 'date-picker-content' },
276
+ ue = {
277
+ class: 'date-picker-table date-picker-week-table',
278
+ cellpadding: '0',
279
+ cellspacing: '0',
280
+ },
281
+ de = { class: 'date-picker-weekdays-row' },
282
+ me = { class: 'date-picker-weeks-body' },
283
+ ve = ['onClick'],
284
+ he = { class: 'date-picker-week-number-cell' },
285
+ pe = { class: 'date-picker-week-number' },
286
+ ge = /* @__PURE__ */ V({
287
+ __name: 'WeekView',
288
+ props: {
289
+ currentDate: {},
290
+ selectedDate: {},
291
+ },
292
+ emits: ['select'],
293
+ setup(t, { emit: r }) {
294
+ const e = t,
295
+ u = r,
296
+ s = S(() =>
297
+ te(e.currentDate.getFullYear(), e.currentDate.getMonth()).map((a) => {
298
+ const n = e.selectedDate ? a.days.some((m) => z(m.date, e.selectedDate)) : !1
299
+ return {
300
+ ...a,
301
+ isSelected: n,
496
302
  }
497
- ]),
498
- onClick: (M) => i(s),
499
- disabled: s.isDisabled
500
- }, P(s.name), 11, Fe)
501
- ]))), 128))
502
- ]))), 128))
503
- ])
504
- ])
505
- ]));
506
- }
507
- }), Ne = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z"/></g></svg>', Ve = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-1.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/></svg>', Ge = { class: "date-picker-header" }, qe = ["disabled"], ze = ["innerHTML"], Be = ["innerHTML"], Le = ["disabled"], We = ["innerHTML"], Ae = /* @__PURE__ */ I({
508
- __name: "DatePickerHeader",
509
- props: {
510
- currentDate: {},
511
- viewMode: {},
512
- canGoPrev: { type: Boolean },
513
- canGoNext: { type: Boolean }
514
- },
515
- emits: ["prev", "next", "header-click", "current-date"],
516
- setup(t, { emit: r }) {
517
- const e = t, u = r, n = S(() => {
518
- const m = e.currentDate.getFullYear(), D = e.currentDate.getMonth();
519
- switch (e.viewMode) {
520
- case "date":
521
- return `${O[D]} ${m}`;
522
- case "year":
523
- const s = Math.floor(m / 10) * 10, M = s + 9;
524
- return `${s}–${M}`;
525
- default:
526
- return `${O[D]} ${m}`;
303
+ })
304
+ ),
305
+ d = (i) => {
306
+ var n
307
+ const a =
308
+ ((n = i.days.find((m) => m.isCurrentMonth)) == null ? void 0 : n.date) ||
309
+ i.days[0].date
310
+ u('select', a)
311
+ }
312
+ return (i, a) => (
313
+ v(),
314
+ p('div', ie, [
315
+ h('table', ue, [
316
+ h('thead', null, [
317
+ h('tr', de, [
318
+ a[0] ||
319
+ (a[0] = h(
320
+ 'th',
321
+ { class: 'date-picker-weekday date-picker-week-header' },
322
+ 'Wk',
323
+ -1
324
+ )),
325
+ (v(!0),
326
+ p(
327
+ T,
328
+ null,
329
+ Y(o(K), (n) => (v(), p('th', { key: n }, P(n), 1))),
330
+ 128
331
+ )),
332
+ ]),
333
+ ]),
334
+ h('tbody', me, [
335
+ (v(!0),
336
+ p(
337
+ T,
338
+ null,
339
+ Y(
340
+ s.value,
341
+ (n) => (
342
+ v(),
343
+ p(
344
+ 'tr',
345
+ {
346
+ key: n.weekNumber,
347
+ class: x([
348
+ 'date-picker-week-row',
349
+ {
350
+ selected: n.isSelected,
351
+ },
352
+ ]),
353
+ onClick: (m) => d(n),
354
+ },
355
+ [
356
+ h('td', he, [h('div', pe, P(n.weekNumber), 1)]),
357
+ (v(!0),
358
+ p(
359
+ T,
360
+ null,
361
+ Y(
362
+ n.days,
363
+ (m) => (
364
+ v(),
365
+ p(
366
+ 'td',
367
+ {
368
+ key: `${m.year}-${m.month}-${m.day}`,
369
+ class: 'date-picker-day-cell',
370
+ },
371
+ [
372
+ h(
373
+ 'button',
374
+ {
375
+ class: x([
376
+ 'date-picker-day',
377
+ {
378
+ 'other-month': !m.isCurrentMonth,
379
+ today: m.isToday,
380
+ },
381
+ ]),
382
+ },
383
+ P(m.day),
384
+ 3
385
+ ),
386
+ ]
387
+ )
388
+ )
389
+ ),
390
+ 128
391
+ )),
392
+ ],
393
+ 10,
394
+ ve
395
+ )
396
+ )
397
+ ),
398
+ 128
399
+ )),
400
+ ]),
401
+ ]),
402
+ ])
403
+ )
404
+ },
405
+ })
406
+ function De(t, r = '24h', e = 15, u) {
407
+ const s = F(0),
408
+ d = F(0),
409
+ i = F([]),
410
+ a = S(() => r === '12h'),
411
+ n = () => {
412
+ if (t) (s.value = t.getHours()), (d.value = t.getMinutes())
413
+ else {
414
+ const c = /* @__PURE__ */ new Date()
415
+ ;(s.value = c.getHours()), (d.value = c.getMinutes())
416
+ }
417
+ D()
418
+ },
419
+ m = (c) => {
420
+ c && ((s.value = c.getHours()), (d.value = c.getMinutes()))
421
+ },
422
+ D = () => {
423
+ const c = [],
424
+ b = a.value ? 1 : 0
425
+ for (let y = 0; y < (a.value ? 2 : 1); y++) {
426
+ const C = a.value ? (y === 0 ? ' AM' : ' PM') : ''
427
+ for (let M = b; M <= (a.value ? 12 : 23); M++)
428
+ for (let g = 0; g < 60; g += e) {
429
+ const $ = (a.value, M),
430
+ H = a.value ? (M === 12 ? (y === 0 ? 0 : 12) : M + y * 12) : M,
431
+ B = `${String($).padStart(2, '0')}:${String(g).padStart(2, '0')}` + C
432
+ c.push({
433
+ display: B,
434
+ value: `${String(H).padStart(2, '0')}:${String(g).padStart(2, '0')}`,
435
+ hour: H,
436
+ minute: g,
437
+ })
438
+ }
439
+ }
440
+ a.value ? (i.value = c.map((y) => y.display)) : (i.value = c.map((y) => y.value))
441
+ },
442
+ l = () => {
443
+ if (a.value) {
444
+ const c = s.value === 0 ? 12 : s.value > 12 ? s.value - 12 : s.value,
445
+ b = s.value < 12 ? ' AM' : ' PM'
446
+ return `${String(c).padStart(2, '0')}:${String(d.value).padStart(2, '0')}${b}`
447
+ }
448
+ return `${String(s.value).padStart(2, '0')}:${String(d.value).padStart(2, '0')}`
527
449
  }
528
- }), d = () => {
529
- u("prev");
530
- }, i = () => {
531
- u("next");
532
- }, a = () => {
533
- u("header-click");
534
- }, l = () => {
535
- u("current-date");
536
- };
537
- return (m, D) => (v(), p("div", Ge, [
538
- h("button", {
539
- class: "date-picker-title",
540
- onClick: a,
541
- type: "button"
542
- }, P(n.value), 1),
543
- h("button", {
544
- class: "date-picker-nav-button ml-auto",
545
- disabled: !m.canGoPrev,
546
- onClick: d,
547
- type: "button",
548
- "aria-label": "Previous"
549
- }, [
550
- h("span", {
551
- class: "date-picker-nav-icon",
552
- innerHTML: o(Ne)
553
- }, null, 8, ze)
554
- ], 8, qe),
555
- h("button", {
556
- class: "date-picker-nav-button",
557
- onClick: l,
558
- type: "button",
559
- "aria-label": "Current Date"
560
- }, [
561
- h("span", {
562
- class: "date-picker-nav-icon",
563
- innerHTML: o(Ve)
564
- }, null, 8, Be)
565
- ]),
566
- h("button", {
567
- class: "date-picker-nav-button",
568
- disabled: !m.canGoNext,
569
- onClick: i,
570
- type: "button",
571
- "aria-label": "Next"
572
- }, [
573
- h("span", {
574
- class: "date-picker-nav-icon",
575
- innerHTML: o(Ie)
576
- }, null, 8, We)
577
- ], 8, Le)
578
- ]));
579
- }
580
- });
450
+ return {
451
+ hours: s,
452
+ minutes: d,
453
+ timeOptions: i,
454
+ is12HourFormat: a,
455
+ initializeTime: n,
456
+ updateTime: m,
457
+ generateTimeOptions: D,
458
+ getCurrentTimeString: l,
459
+ selectTime: (c) => {
460
+ let b, y
461
+ if (a.value) {
462
+ const [M, g] = c.split(' '),
463
+ [$, H] = M.split(':')
464
+ ;(b = parseInt($)),
465
+ (y = parseInt(H)),
466
+ g === 'AM' ? b === 12 && (b = 0) : b !== 12 && (b += 12)
467
+ } else {
468
+ const [M, g] = c.split(':')
469
+ ;(b = parseInt(M)), (y = parseInt(g))
470
+ }
471
+ ;(s.value = b), (d.value = y)
472
+ const C = t ? new Date(t.getTime()) : /* @__PURE__ */ new Date()
473
+ C.setHours(b, y, 0, 0), u('update', C)
474
+ },
475
+ scrollToSelected: (c) => {
476
+ if (!c) return
477
+ const b = i.value.findIndex((y) => y === l())
478
+ if (b >= 0) {
479
+ const C = c.clientHeight,
480
+ M = b * 30 - C / 2 + 30 / 2
481
+ c.scrollTop = Math.max(0, M)
482
+ }
483
+ },
484
+ onTimeUpdate: (c) => {
485
+ ;(s.value = c.getHours()), (d.value = c.getMinutes()), u('update', c)
486
+ },
487
+ }
488
+ }
489
+ const ke = { class: 'time-picker-container' },
490
+ fe = ['aria-selected', 'onClick'],
491
+ J = /* @__PURE__ */ V({
492
+ __name: 'TimeView',
493
+ props: {
494
+ selectedTime: {},
495
+ timeFormat: { default: '24h' },
496
+ timeInterval: { default: 15 },
497
+ },
498
+ emits: ['update'],
499
+ setup(t, { emit: r }) {
500
+ const e = t,
501
+ u = r,
502
+ s = F(null),
503
+ {
504
+ timeOptions: d,
505
+ initializeTime: i,
506
+ updateTime: a,
507
+ getCurrentTimeString: n,
508
+ selectTime: m,
509
+ scrollToSelected: D,
510
+ } = De(e.selectedTime, e.timeFormat, e.timeInterval, u)
511
+ return (
512
+ W(
513
+ () => e.selectedTime,
514
+ (l) => {
515
+ a(l),
516
+ q(() => {
517
+ D(s.value)
518
+ })
519
+ },
520
+ { immediate: !0 }
521
+ ),
522
+ W(
523
+ () => e.timeFormat,
524
+ () => {
525
+ i(),
526
+ q(() => {
527
+ D(s.value)
528
+ })
529
+ }
530
+ ),
531
+ W(
532
+ () => e.timeInterval,
533
+ () => {
534
+ i(),
535
+ q(() => {
536
+ D(s.value)
537
+ })
538
+ }
539
+ ),
540
+ U(() => {
541
+ i(),
542
+ q(() => {
543
+ D(s.value)
544
+ })
545
+ }),
546
+ (l, _) => (
547
+ v(),
548
+ p('div', ke, [
549
+ h(
550
+ 'div',
551
+ {
552
+ ref_key: 'timeListRef',
553
+ ref: s,
554
+ class: 'time-wheel',
555
+ role: 'listbox',
556
+ 'aria-label': 'Time Selection',
557
+ },
558
+ [
559
+ (v(!0),
560
+ p(
561
+ T,
562
+ null,
563
+ Y(
564
+ o(d),
565
+ (k) => (
566
+ v(),
567
+ p(
568
+ 'div',
569
+ {
570
+ key: k,
571
+ class: x([
572
+ 'time-option',
573
+ {
574
+ selected: k === o(n)(),
575
+ },
576
+ ]),
577
+ role: 'option',
578
+ 'aria-selected': k === o(n)(),
579
+ onClick: (f) => o(m)(k),
580
+ },
581
+ P(k),
582
+ 11,
583
+ fe
584
+ )
585
+ )
586
+ ),
587
+ 128
588
+ )),
589
+ ],
590
+ 512
591
+ ),
592
+ ])
593
+ )
594
+ )
595
+ },
596
+ }),
597
+ ye = { class: 'year-view-layout' },
598
+ be = { class: 'years-section' },
599
+ Me = { class: 'years-list' },
600
+ _e = ['onClick'],
601
+ we = { class: 'months-section' },
602
+ Se = { class: 'date-picker-table date-picker-months-table' },
603
+ $e = { class: 'date-picker-months-body' },
604
+ Te = ['onClick', 'disabled'],
605
+ Ye = /* @__PURE__ */ V({
606
+ __name: 'YearView',
607
+ props: {
608
+ currentDate: {},
609
+ selectedDate: {},
610
+ },
611
+ emits: ['select', 'month-select'],
612
+ setup(t, { emit: r }) {
613
+ const e = t,
614
+ u = r,
615
+ s = S(() => e.currentDate.getFullYear()),
616
+ d = S(() => {
617
+ var l
618
+ return (l = e.selectedDate) == null ? void 0 : l.getFullYear()
619
+ }),
620
+ i = S(() => {
621
+ const l = Math.floor(s.value / 10) * 10
622
+ return Array.from({ length: 12 }, (_, k) => l + k - 1)
623
+ }),
624
+ a = S(() =>
625
+ j(s.value).map((l) => ({
626
+ ...l,
627
+ isSelected: e.selectedDate
628
+ ? l.month === e.selectedDate.getMonth() && l.year === e.selectedDate.getFullYear()
629
+ : !1,
630
+ }))
631
+ ),
632
+ n = S(() => {
633
+ const l = []
634
+ for (let _ = 0; _ < a.value.length; _ += 3) l.push(a.value.slice(_, _ + 3))
635
+ return l
636
+ }),
637
+ m = (l) => {
638
+ u('select', l)
639
+ },
640
+ D = (l) => {
641
+ u('month-select', l.month)
642
+ }
643
+ return (l, _) => (
644
+ v(),
645
+ p('div', ye, [
646
+ h('div', be, [
647
+ h('div', Me, [
648
+ (v(!0),
649
+ p(
650
+ T,
651
+ null,
652
+ Y(
653
+ i.value,
654
+ (k) => (
655
+ v(),
656
+ p(
657
+ 'button',
658
+ {
659
+ key: k,
660
+ class: x([
661
+ 'year-item',
662
+ {
663
+ selected: k === d.value,
664
+ current: k === s.value,
665
+ },
666
+ ]),
667
+ onClick: (f) => m(k),
668
+ },
669
+ P(k),
670
+ 11,
671
+ _e
672
+ )
673
+ )
674
+ ),
675
+ 128
676
+ )),
677
+ ]),
678
+ ]),
679
+ h('div', we, [
680
+ h('table', Se, [
681
+ h('tbody', $e, [
682
+ (v(!0),
683
+ p(
684
+ T,
685
+ null,
686
+ Y(
687
+ n.value,
688
+ (k, f) => (
689
+ v(),
690
+ p(
691
+ 'tr',
692
+ {
693
+ key: f,
694
+ class: 'date-picker-months-row',
695
+ },
696
+ [
697
+ (v(!0),
698
+ p(
699
+ T,
700
+ null,
701
+ Y(
702
+ k,
703
+ (c) => (
704
+ v(),
705
+ p(
706
+ 'td',
707
+ {
708
+ key: c.month,
709
+ class: 'date-picker-month-cell',
710
+ },
711
+ [
712
+ h(
713
+ 'button',
714
+ {
715
+ class: x([
716
+ 'date-picker-month',
717
+ {
718
+ selected: c.isSelected,
719
+ disabled: c.isDisabled,
720
+ },
721
+ ]),
722
+ onClick: (b) => D(c),
723
+ disabled: c.isDisabled,
724
+ },
725
+ P(c.name.substring(0, 3)),
726
+ 11,
727
+ Te
728
+ ),
729
+ ]
730
+ )
731
+ )
732
+ ),
733
+ 128
734
+ )),
735
+ ]
736
+ )
737
+ )
738
+ ),
739
+ 128
740
+ )),
741
+ ]),
742
+ ]),
743
+ ]),
744
+ ])
745
+ )
746
+ },
747
+ }),
748
+ Ce = { class: 'date-picker-content' },
749
+ He = { class: 'date-picker-table date-picker-months-table' },
750
+ Pe = { class: 'date-picker-months-body' },
751
+ Fe = ['onClick', 'disabled'],
752
+ xe = /* @__PURE__ */ V({
753
+ __name: 'MonthView',
754
+ props: {
755
+ currentDate: {},
756
+ selectedDate: {},
757
+ },
758
+ emits: ['select'],
759
+ setup(t, { emit: r }) {
760
+ const e = t,
761
+ u = r,
762
+ s = S(() =>
763
+ j(e.currentDate.getFullYear()).map((n) => ({
764
+ ...n,
765
+ isSelected: e.selectedDate
766
+ ? n.month === e.selectedDate.getMonth() && n.year === e.selectedDate.getFullYear()
767
+ : !1,
768
+ }))
769
+ ),
770
+ d = S(() => {
771
+ const a = []
772
+ for (let n = 0; n < s.value.length; n += 3) a.push(s.value.slice(n, n + 3))
773
+ return a
774
+ }),
775
+ i = (a) => {
776
+ u('select', a.month)
777
+ }
778
+ return (a, n) => (
779
+ v(),
780
+ p('div', Ce, [
781
+ h('table', He, [
782
+ h('tbody', Pe, [
783
+ (v(!0),
784
+ p(
785
+ T,
786
+ null,
787
+ Y(
788
+ d.value,
789
+ (m, D) => (
790
+ v(),
791
+ p(
792
+ 'tr',
793
+ {
794
+ key: D,
795
+ class: 'date-picker-months-row',
796
+ },
797
+ [
798
+ (v(!0),
799
+ p(
800
+ T,
801
+ null,
802
+ Y(
803
+ m,
804
+ (l) => (
805
+ v(),
806
+ p(
807
+ 'td',
808
+ {
809
+ key: l.month,
810
+ class: 'date-picker-month-cell',
811
+ },
812
+ [
813
+ h(
814
+ 'button',
815
+ {
816
+ class: x([
817
+ 'date-picker-month',
818
+ {
819
+ selected: l.isSelected,
820
+ disabled: l.isDisabled,
821
+ },
822
+ ]),
823
+ onClick: (_) => i(l),
824
+ disabled: l.isDisabled,
825
+ },
826
+ P(l.name),
827
+ 11,
828
+ Fe
829
+ ),
830
+ ]
831
+ )
832
+ )
833
+ ),
834
+ 128
835
+ )),
836
+ ]
837
+ )
838
+ )
839
+ ),
840
+ 128
841
+ )),
842
+ ]),
843
+ ]),
844
+ ])
845
+ )
846
+ },
847
+ }),
848
+ Ne =
849
+ '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M8.293 12.707a1 1 0 0 1 0-1.414l5.657-5.657a1 1 0 1 1 1.414 1.414L10.414 12l4.95 4.95a1 1 0 0 1-1.414 1.414z"/></g></svg>',
850
+ Ie =
851
+ '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z"/></g></svg>',
852
+ Ve =
853
+ '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-1.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/></svg>',
854
+ Ge = { class: 'date-picker-header' },
855
+ qe = ['disabled'],
856
+ ze = ['innerHTML'],
857
+ Be = ['innerHTML'],
858
+ Le = ['disabled'],
859
+ We = ['innerHTML'],
860
+ Ae = /* @__PURE__ */ V({
861
+ __name: 'DatePickerHeader',
862
+ props: {
863
+ currentDate: {},
864
+ viewMode: {},
865
+ canGoPrev: { type: Boolean },
866
+ canGoNext: { type: Boolean },
867
+ },
868
+ emits: ['prev', 'next', 'header-click', 'current-date'],
869
+ setup(t, { emit: r }) {
870
+ const e = t,
871
+ u = r,
872
+ s = S(() => {
873
+ const m = e.currentDate.getFullYear(),
874
+ D = e.currentDate.getMonth()
875
+ switch (e.viewMode) {
876
+ case 'date':
877
+ return `${O[D]} ${m}`
878
+ case 'year':
879
+ const l = Math.floor(m / 10) * 10,
880
+ _ = l + 9
881
+ return `${l}–${_}`
882
+ default:
883
+ return `${O[D]} ${m}`
884
+ }
885
+ }),
886
+ d = () => {
887
+ u('prev')
888
+ },
889
+ i = () => {
890
+ u('next')
891
+ },
892
+ a = () => {
893
+ u('header-click')
894
+ },
895
+ n = () => {
896
+ u('current-date')
897
+ }
898
+ return (m, D) => (
899
+ v(),
900
+ p('div', Ge, [
901
+ h(
902
+ 'button',
903
+ {
904
+ class: 'date-picker-title',
905
+ onClick: a,
906
+ type: 'button',
907
+ },
908
+ P(s.value),
909
+ 1
910
+ ),
911
+ h(
912
+ 'button',
913
+ {
914
+ class: 'date-picker-nav-button ml-auto',
915
+ disabled: !m.canGoPrev,
916
+ onClick: d,
917
+ type: 'button',
918
+ 'aria-label': 'Previous',
919
+ },
920
+ [
921
+ h(
922
+ 'span',
923
+ {
924
+ class: 'date-picker-nav-icon',
925
+ innerHTML: o(Ne),
926
+ },
927
+ null,
928
+ 8,
929
+ ze
930
+ ),
931
+ ],
932
+ 8,
933
+ qe
934
+ ),
935
+ h(
936
+ 'button',
937
+ {
938
+ class: 'date-picker-nav-button',
939
+ onClick: n,
940
+ type: 'button',
941
+ 'aria-label': 'Current Date',
942
+ },
943
+ [
944
+ h(
945
+ 'span',
946
+ {
947
+ class: 'date-picker-nav-icon',
948
+ innerHTML: o(Ve),
949
+ },
950
+ null,
951
+ 8,
952
+ Be
953
+ ),
954
+ ]
955
+ ),
956
+ h(
957
+ 'button',
958
+ {
959
+ class: 'date-picker-nav-button',
960
+ disabled: !m.canGoNext,
961
+ onClick: i,
962
+ type: 'button',
963
+ 'aria-label': 'Next',
964
+ },
965
+ [
966
+ h(
967
+ 'span',
968
+ {
969
+ class: 'date-picker-nav-icon',
970
+ innerHTML: o(Ie),
971
+ },
972
+ null,
973
+ 8,
974
+ We
975
+ ),
976
+ ],
977
+ 8,
978
+ Le
979
+ ),
980
+ ])
981
+ )
982
+ },
983
+ })
581
984
  function Oe(t, r) {
582
- const e = F(/* @__PURE__ */ new Date()), u = F("date"), n = S(() => t.value ? t.value instanceof Date ? t.value : W(t.value) : null), d = S(() => {
583
- if (!t.minDate) return !0;
584
- const g = W(t.minDate);
585
- if (!g) return !0;
586
- const $ = e.value.getFullYear(), H = e.value.getMonth();
587
- return new Date($, H, 1) > g;
588
- }), i = S(() => {
589
- if (!t.maxDate) return !0;
590
- const g = W(t.maxDate);
591
- if (!g) return !0;
592
- const $ = e.value.getFullYear(), H = e.value.getMonth();
593
- return new Date($, H + 1, 0) < g;
594
- }), a = () => {
595
- d.value && (e.value = new Date(
596
- e.value.getFullYear(),
597
- e.value.getMonth() - 1,
598
- 1
599
- ));
600
- }, l = () => {
601
- i.value && (e.value = new Date(
602
- e.value.getFullYear(),
603
- e.value.getMonth() + 1,
604
- 1
605
- ));
606
- }, m = () => {
607
- e.value = new Date(
608
- e.value.getFullYear() - 1,
609
- e.value.getMonth(),
610
- 1
611
- );
612
- }, D = () => {
613
- e.value = new Date(
614
- e.value.getFullYear() + 1,
615
- e.value.getMonth(),
616
- 1
617
- );
618
- }, s = () => {
619
- e.value = new Date(
620
- e.value.getFullYear() - 10,
621
- e.value.getMonth(),
622
- 1
623
- );
624
- }, M = () => {
625
- e.value = new Date(
626
- e.value.getFullYear() + 10,
627
- e.value.getMonth(),
628
- 1
629
- );
630
- }, k = () => {
631
- e.value = /* @__PURE__ */ new Date(), u.value = "date";
632
- }, f = () => {
633
- switch (u.value) {
634
- case "date":
635
- u.value = "year";
636
- break;
637
- case "year":
638
- u.value = "date";
639
- break;
640
- }
641
- }, c = (g) => {
642
- t.mode === "dateTime" && n.value && g.setHours(
643
- n.value.getHours(),
644
- n.value.getMinutes()
645
- ), _(g);
646
- }, b = (g) => {
647
- _(g);
648
- }, y = (g) => {
649
- e.value = new Date(e.value.getFullYear(), g, 1), u.value = "date", t.mode === "month" && _(new Date(e.value.getFullYear(), g, 1));
650
- }, C = (g) => {
651
- e.value = new Date(g, e.value.getMonth(), 1), u.value = "date";
652
- }, _ = (g) => {
653
- const $ = typeof t.value == "string" ? R(g, t.format) : g;
654
- r("update:value", $), r("change", $), r("select", $);
655
- };
656
- return {
657
- currentDate: e,
658
- viewMode: u,
659
- selectedDate: n,
660
- canGoPrev: d,
661
- canGoNext: i,
662
- goToPrevMonth: a,
663
- goToNextMonth: l,
664
- goToPrevYear: m,
665
- goToNextYear: D,
666
- goToPrevDecade: s,
667
- goToNextDecade: M,
668
- goToCurrentDate: k,
669
- onHeaderClick: f,
670
- onDateSelect: c,
671
- onWeekSelect: b,
672
- onMonthSelect: y,
673
- onYearSelect: C,
674
- emitValue: _
675
- };
985
+ const e = F(/* @__PURE__ */ new Date()),
986
+ u = F('date'),
987
+ s = S(() => (t.value ? (t.value instanceof Date ? t.value : A(t.value)) : null)),
988
+ d = S(() => {
989
+ if (!t.minDate) return !0
990
+ const g = A(t.minDate)
991
+ if (!g) return !0
992
+ const $ = e.value.getFullYear(),
993
+ H = e.value.getMonth()
994
+ return new Date($, H, 1) > g
995
+ }),
996
+ i = S(() => {
997
+ if (!t.maxDate) return !0
998
+ const g = A(t.maxDate)
999
+ if (!g) return !0
1000
+ const $ = e.value.getFullYear(),
1001
+ H = e.value.getMonth()
1002
+ return new Date($, H + 1, 0) < g
1003
+ }),
1004
+ a = () => {
1005
+ d.value && (e.value = new Date(e.value.getFullYear(), e.value.getMonth() - 1, 1))
1006
+ },
1007
+ n = () => {
1008
+ i.value && (e.value = new Date(e.value.getFullYear(), e.value.getMonth() + 1, 1))
1009
+ },
1010
+ m = () => {
1011
+ e.value = new Date(e.value.getFullYear() - 1, e.value.getMonth(), 1)
1012
+ },
1013
+ D = () => {
1014
+ e.value = new Date(e.value.getFullYear() + 1, e.value.getMonth(), 1)
1015
+ },
1016
+ l = () => {
1017
+ e.value = new Date(e.value.getFullYear() - 10, e.value.getMonth(), 1)
1018
+ },
1019
+ _ = () => {
1020
+ e.value = new Date(e.value.getFullYear() + 10, e.value.getMonth(), 1)
1021
+ },
1022
+ k = () => {
1023
+ ;(e.value = /* @__PURE__ */ new Date()), (u.value = 'date')
1024
+ },
1025
+ f = () => {
1026
+ switch (u.value) {
1027
+ case 'date':
1028
+ u.value = 'year'
1029
+ break
1030
+ case 'year':
1031
+ u.value = 'date'
1032
+ break
1033
+ }
1034
+ },
1035
+ c = (g) => {
1036
+ t.mode === 'dateTime' && s.value && g.setHours(s.value.getHours(), s.value.getMinutes()), M(g)
1037
+ },
1038
+ b = (g) => {
1039
+ M(g)
1040
+ },
1041
+ y = (g) => {
1042
+ ;(e.value = new Date(e.value.getFullYear(), g, 1)),
1043
+ (u.value = 'date'),
1044
+ t.mode === 'month' && M(new Date(e.value.getFullYear(), g, 1))
1045
+ },
1046
+ C = (g) => {
1047
+ ;(e.value = new Date(g, e.value.getMonth(), 1)), (u.value = 'date')
1048
+ },
1049
+ M = (g) => {
1050
+ const $ = typeof t.value == 'string' ? R(g, t.format) : g
1051
+ r('update:value', $), r('change', $), r('select', $)
1052
+ }
1053
+ return {
1054
+ currentDate: e,
1055
+ viewMode: u,
1056
+ selectedDate: s,
1057
+ canGoPrev: d,
1058
+ canGoNext: i,
1059
+ goToPrevMonth: a,
1060
+ goToNextMonth: n,
1061
+ goToPrevYear: m,
1062
+ goToNextYear: D,
1063
+ goToPrevDecade: l,
1064
+ goToNextDecade: _,
1065
+ goToCurrentDate: k,
1066
+ onHeaderClick: f,
1067
+ onDateSelect: c,
1068
+ onWeekSelect: b,
1069
+ onMonthSelect: y,
1070
+ onYearSelect: C,
1071
+ emitValue: M,
1072
+ }
676
1073
  }
677
- const Je = { class: "date-picker" }, Ue = {
678
- key: 0,
679
- class: "date-picker-time-section"
680
- }, Ee = /* @__PURE__ */ I({
681
- __name: "DatePicker",
682
- props: {
683
- value: {},
684
- mode: { default: "date" },
685
- minDate: {},
686
- maxDate: {},
687
- disabledDates: {},
688
- format: { default: "YYYY-MM-DD" },
689
- disabled: { type: Boolean },
690
- readonly: { type: Boolean },
691
- timeFormat: { default: "24h" },
692
- timeInterval: { default: 15 }
693
- },
694
- emits: ["update:value", "change", "select"],
695
- setup(t, { emit: r }) {
696
- const e = t, u = r, n = F(null), d = F(0), {
697
- currentDate: i,
698
- viewMode: a,
699
- selectedDate: l,
700
- canGoPrev: m,
701
- canGoNext: D,
702
- goToPrevMonth: s,
703
- goToNextMonth: M,
704
- goToPrevYear: k,
705
- goToNextYear: f,
706
- goToPrevDecade: c,
707
- goToNextDecade: b,
708
- goToCurrentDate: y,
709
- onHeaderClick: C,
710
- onDateSelect: _,
711
- onWeekSelect: g,
712
- onMonthSelect: $,
713
- onYearSelect: H,
714
- emitValue: A
715
- } = Oe(e, u), q = (w) => {
716
- A(w);
717
- };
718
- return U(() => {
719
- n.value && (d.value = n.value.clientHeight);
720
- }), (w, z) => (v(), p("div", Je, [
721
- w.mode !== "time" ? (v(), V(Ae, {
722
- key: 0,
723
- "current-date": o(i),
724
- "view-mode": o(a),
725
- "can-go-prev": o(m),
726
- "can-go-next": o(D),
727
- onPrev: z[0] || (z[0] = (Q) => o(a) === "year" ? o(c)() : o(a) === "month" ? o(k)() : o(s)()),
728
- onNext: z[1] || (z[1] = (Q) => o(a) === "year" ? o(b)() : o(a) === "month" ? o(f)() : o(M)()),
729
- onHeaderClick: o(C),
730
- onCurrentDate: o(y)
731
- }, null, 8, ["current-date", "view-mode", "can-go-prev", "can-go-next", "onHeaderClick", "onCurrentDate"])) : N("", !0),
732
- h("div", {
733
- class: x({
734
- "date-picker-datetime-layout": w.mode === "dateTime" && o(a) === "date"
735
- }),
736
- style: X({
737
- height: d.value !== 0 ? d.value + "px" : "100%"
738
- })
739
- }, [
740
- h("div", {
741
- class: "date-picker-date-section",
742
- ref_key: "datePickerContent",
743
- ref: n
744
- }, [
745
- o(a) === "date" && (w.mode === "date" || w.mode === "dateTime") ? (v(), V(ce, {
746
- key: 0,
747
- "current-date": o(i),
748
- "selected-date": o(l),
749
- "min-date": w.minDate,
750
- "max-date": w.maxDate,
751
- "disabled-dates": w.disabledDates,
752
- onSelect: o(_)
753
- }, null, 8, ["current-date", "selected-date", "min-date", "max-date", "disabled-dates", "onSelect"])) : N("", !0),
754
- w.mode === "week" && o(a) === "date" ? (v(), V(ge, {
755
- key: 1,
756
- "current-date": o(i),
757
- "selected-date": o(l),
758
- onSelect: o(g)
759
- }, null, 8, ["current-date", "selected-date", "onSelect"])) : N("", !0),
760
- o(a) !== "year" && (o(a) === "month" || w.mode === "month") ? (v(), V(xe, {
761
- key: 2,
762
- "current-date": o(i),
763
- "selected-date": o(l),
764
- onSelect: o($)
765
- }, null, 8, ["current-date", "selected-date", "onSelect"])) : N("", !0),
766
- o(a) === "year" ? (v(), V(Te, {
767
- key: 3,
768
- "current-date": o(i),
769
- "selected-date": o(l),
770
- onSelect: o(H),
771
- onMonthSelect: o($)
772
- }, null, 8, ["current-date", "selected-date", "onSelect", "onMonthSelect"])) : N("", !0)
773
- ], 512),
774
- w.mode === "dateTime" && o(a) === "date" ? (v(), p("div", Ue, [
775
- Z(J, {
776
- "selected-time": o(l),
777
- "time-format": w.timeFormat,
778
- "time-interval": w.timeInterval,
779
- onUpdate: q
780
- }, null, 8, ["selected-time", "time-format", "time-interval"])
781
- ])) : N("", !0)
782
- ], 6),
783
- w.mode === "time" ? (v(), V(J, {
784
- key: 1,
785
- "selected-time": o(l),
786
- "time-format": w.timeFormat,
787
- "time-interval": w.timeInterval,
788
- onUpdate: q
789
- }, null, 8, ["selected-time", "time-format", "time-interval"])) : N("", !0)
790
- ]));
791
- }
792
- });
793
- export {
794
- Ee as default
795
- };
1074
+ const Je = { class: 'date-picker' },
1075
+ Ue = {
1076
+ key: 0,
1077
+ class: 'date-picker-time-section',
1078
+ },
1079
+ Ee = /* @__PURE__ */ V({
1080
+ __name: 'DatePicker',
1081
+ props: {
1082
+ value: {},
1083
+ mode: { default: 'date' },
1084
+ minDate: {},
1085
+ maxDate: {},
1086
+ disabledDates: {},
1087
+ format: { default: 'YYYY-MM-DD' },
1088
+ disabled: { type: Boolean },
1089
+ readonly: { type: Boolean },
1090
+ timeFormat: { default: '24h' },
1091
+ timeInterval: { default: 15 },
1092
+ },
1093
+ emits: ['update:value', 'change', 'select'],
1094
+ setup(t, { emit: r }) {
1095
+ const e = t,
1096
+ u = r,
1097
+ s = F(null),
1098
+ d = F(0),
1099
+ {
1100
+ currentDate: i,
1101
+ viewMode: a,
1102
+ selectedDate: n,
1103
+ canGoPrev: m,
1104
+ canGoNext: D,
1105
+ goToPrevMonth: l,
1106
+ goToNextMonth: _,
1107
+ goToPrevYear: k,
1108
+ goToNextYear: f,
1109
+ goToPrevDecade: c,
1110
+ goToNextDecade: b,
1111
+ goToCurrentDate: y,
1112
+ onHeaderClick: C,
1113
+ onDateSelect: M,
1114
+ onWeekSelect: g,
1115
+ onMonthSelect: $,
1116
+ onYearSelect: H,
1117
+ emitValue: L,
1118
+ } = Oe(e, u),
1119
+ B = (w) => {
1120
+ if (e.mode === 'dateTime' && n.value) {
1121
+ const N = new Date(n.value.getTime())
1122
+ N.setHours(w.getHours(), w.getMinutes(), 0, 0), L(N)
1123
+ } else L(w)
1124
+ }
1125
+ return (
1126
+ U(async () => {
1127
+ q(() => {
1128
+ s.value && (d.value = s.value.clientHeight)
1129
+ })
1130
+ }),
1131
+ (w, N) => (
1132
+ v(),
1133
+ p('div', Je, [
1134
+ w.mode !== 'time'
1135
+ ? (v(),
1136
+ G(
1137
+ Ae,
1138
+ {
1139
+ key: 0,
1140
+ 'current-date': o(i),
1141
+ 'view-mode': o(a),
1142
+ 'can-go-prev': o(m),
1143
+ 'can-go-next': o(D),
1144
+ onPrev:
1145
+ N[0] ||
1146
+ (N[0] = (Q) =>
1147
+ o(a) === 'year' ? o(c)() : o(a) === 'month' ? o(k)() : o(l)()),
1148
+ onNext:
1149
+ N[1] ||
1150
+ (N[1] = (Q) =>
1151
+ o(a) === 'year' ? o(b)() : o(a) === 'month' ? o(f)() : o(_)()),
1152
+ onHeaderClick: o(C),
1153
+ onCurrentDate: o(y),
1154
+ },
1155
+ null,
1156
+ 8,
1157
+ [
1158
+ 'current-date',
1159
+ 'view-mode',
1160
+ 'can-go-prev',
1161
+ 'can-go-next',
1162
+ 'onHeaderClick',
1163
+ 'onCurrentDate',
1164
+ ]
1165
+ ))
1166
+ : I('', !0),
1167
+ h(
1168
+ 'div',
1169
+ {
1170
+ class: x({
1171
+ 'date-picker-datetime-layout': w.mode === 'dateTime' && o(a) === 'date',
1172
+ }),
1173
+ style: X({
1174
+ height: d.value !== 0 ? d.value + 'px' : '100%',
1175
+ }),
1176
+ },
1177
+ [
1178
+ h(
1179
+ 'div',
1180
+ {
1181
+ class: 'date-picker-date-section',
1182
+ ref_key: 'datePickerContent',
1183
+ ref: s,
1184
+ },
1185
+ [
1186
+ o(a) === 'date' && (w.mode === 'date' || w.mode === 'dateTime')
1187
+ ? (v(),
1188
+ G(
1189
+ ce,
1190
+ {
1191
+ key: 0,
1192
+ 'current-date': o(i),
1193
+ 'selected-date': o(n),
1194
+ 'min-date': w.minDate,
1195
+ 'max-date': w.maxDate,
1196
+ 'disabled-dates': w.disabledDates,
1197
+ onSelect: o(M),
1198
+ },
1199
+ null,
1200
+ 8,
1201
+ [
1202
+ 'current-date',
1203
+ 'selected-date',
1204
+ 'min-date',
1205
+ 'max-date',
1206
+ 'disabled-dates',
1207
+ 'onSelect',
1208
+ ]
1209
+ ))
1210
+ : I('', !0),
1211
+ w.mode === 'week' && o(a) === 'date'
1212
+ ? (v(),
1213
+ G(
1214
+ ge,
1215
+ {
1216
+ key: 1,
1217
+ 'current-date': o(i),
1218
+ 'selected-date': o(n),
1219
+ onSelect: o(g),
1220
+ },
1221
+ null,
1222
+ 8,
1223
+ ['current-date', 'selected-date', 'onSelect']
1224
+ ))
1225
+ : I('', !0),
1226
+ o(a) !== 'year' && (o(a) === 'month' || w.mode === 'month')
1227
+ ? (v(),
1228
+ G(
1229
+ xe,
1230
+ {
1231
+ key: 2,
1232
+ 'current-date': o(i),
1233
+ 'selected-date': o(n),
1234
+ onSelect: o($),
1235
+ },
1236
+ null,
1237
+ 8,
1238
+ ['current-date', 'selected-date', 'onSelect']
1239
+ ))
1240
+ : I('', !0),
1241
+ o(a) === 'year'
1242
+ ? (v(),
1243
+ G(
1244
+ Ye,
1245
+ {
1246
+ key: 3,
1247
+ 'current-date': o(i),
1248
+ 'selected-date': o(n),
1249
+ onSelect: o(H),
1250
+ onMonthSelect: o($),
1251
+ },
1252
+ null,
1253
+ 8,
1254
+ ['current-date', 'selected-date', 'onSelect', 'onMonthSelect']
1255
+ ))
1256
+ : I('', !0),
1257
+ ],
1258
+ 512
1259
+ ),
1260
+ w.mode === 'dateTime' && o(a) === 'date'
1261
+ ? (v(),
1262
+ p('div', Ue, [
1263
+ Z(
1264
+ J,
1265
+ {
1266
+ 'selected-time': o(n),
1267
+ 'time-format': w.timeFormat,
1268
+ 'time-interval': w.timeInterval,
1269
+ onUpdate: B,
1270
+ },
1271
+ null,
1272
+ 8,
1273
+ ['selected-time', 'time-format', 'time-interval']
1274
+ ),
1275
+ ]))
1276
+ : I('', !0),
1277
+ ],
1278
+ 6
1279
+ ),
1280
+ w.mode === 'time'
1281
+ ? (v(),
1282
+ G(
1283
+ J,
1284
+ {
1285
+ key: 1,
1286
+ 'selected-time': o(n),
1287
+ 'time-format': w.timeFormat,
1288
+ 'time-interval': w.timeInterval,
1289
+ onUpdate: B,
1290
+ },
1291
+ null,
1292
+ 8,
1293
+ ['selected-time', 'time-format', 'time-interval']
1294
+ ))
1295
+ : I('', !0),
1296
+ ])
1297
+ )
1298
+ )
1299
+ },
1300
+ })
1301
+ export { Ee as default }