@react-spectrum/calendar 3.0.0-alpha.3 → 3.0.0-alpha.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.
- package/dist/main.css +1 -1
- package/dist/main.js +219 -235
- package/dist/main.js.map +1 -1
- package/dist/module.js +218 -234
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +14 -13
- package/src/Calendar.tsx +8 -2
- package/src/CalendarBase.tsx +13 -8
- package/src/CalendarCell.tsx +27 -32
- package/src/CalendarMonth.tsx +14 -22
- package/src/RangeCalendar.tsx +8 -2
package/dist/module.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {createCalendar as $
|
|
3
|
-
import $
|
|
4
|
-
import {useCalendar as $
|
|
5
|
-
import {useCalendarState as $
|
|
6
|
-
import {useLocale as $
|
|
7
|
-
import {ActionButton as $
|
|
8
|
-
import $
|
|
9
|
-
import $
|
|
10
|
-
import {classNames as $
|
|
11
|
-
import {useProviderProps as $
|
|
12
|
-
import {VisuallyHidden as $
|
|
13
|
-
import {mergeProps as $
|
|
14
|
-
import {useFocusRing as $
|
|
15
|
-
import {useHover as $
|
|
2
|
+
import {createCalendar as $40VnT$createCalendar, endOfMonth as $40VnT$endOfMonth, startOfWeek as $40VnT$startOfWeek, getWeeksInMonth as $40VnT$getWeeksInMonth, isSameMonth as $40VnT$isSameMonth, isSameDay as $40VnT$isSameDay, getDayOfWeek as $40VnT$getDayOfWeek, isToday as $40VnT$isToday} from "@internationalized/date";
|
|
3
|
+
import $40VnT$react, {useMemo as $40VnT$useMemo, useRef as $40VnT$useRef, useState as $40VnT$useState, useEffect as $40VnT$useEffect} from "react";
|
|
4
|
+
import {useCalendar as $40VnT$useCalendar, useCalendarGrid as $40VnT$useCalendarGrid, useCalendarCell as $40VnT$useCalendarCell, useRangeCalendar as $40VnT$useRangeCalendar} from "@react-aria/calendar";
|
|
5
|
+
import {useCalendarState as $40VnT$useCalendarState, useRangeCalendarState as $40VnT$useRangeCalendarState} from "@react-stately/calendar";
|
|
6
|
+
import {useLocale as $40VnT$useLocale, useDateFormatter as $40VnT$useDateFormatter} from "@react-aria/i18n";
|
|
7
|
+
import {ActionButton as $40VnT$ActionButton} from "@react-spectrum/button";
|
|
8
|
+
import $40VnT$spectrumiconsuiChevronLeftLarge from "@spectrum-icons/ui/ChevronLeftLarge";
|
|
9
|
+
import $40VnT$spectrumiconsuiChevronRightLarge from "@spectrum-icons/ui/ChevronRightLarge";
|
|
10
|
+
import {classNames as $40VnT$classNames} from "@react-spectrum/utils";
|
|
11
|
+
import {useProviderProps as $40VnT$useProviderProps} from "@react-spectrum/provider";
|
|
12
|
+
import {VisuallyHidden as $40VnT$VisuallyHidden} from "@react-aria/visually-hidden";
|
|
13
|
+
import {mergeProps as $40VnT$mergeProps} from "@react-aria/utils";
|
|
14
|
+
import {useFocusRing as $40VnT$useFocusRing} from "@react-aria/focus";
|
|
15
|
+
import {useHover as $40VnT$useHover} from "@react-aria/interactions";
|
|
16
16
|
|
|
17
17
|
function $parcel$export(e, n, v, s) {
|
|
18
18
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
@@ -20,164 +20,154 @@ function $parcel$export(e, n, v, s) {
|
|
|
20
20
|
function $parcel$interopDefault(a) {
|
|
21
21
|
return a && a.__esModule ? a.default : a;
|
|
22
22
|
}
|
|
23
|
-
var $
|
|
24
|
-
|
|
25
|
-
$parcel$export($
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var $
|
|
33
|
-
|
|
34
|
-
$parcel$export($
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
$parcel$export($
|
|
39
|
-
$parcel$export($
|
|
40
|
-
$parcel$export($
|
|
41
|
-
$parcel$export($
|
|
42
|
-
$parcel$export($
|
|
43
|
-
$parcel$export($
|
|
44
|
-
$parcel$export($
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
$parcel$export($
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
$parcel$export($
|
|
61
|
-
|
|
62
|
-
var $
|
|
63
|
-
var $
|
|
64
|
-
var $
|
|
65
|
-
var $
|
|
66
|
-
var $
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
var $
|
|
70
|
-
var $
|
|
71
|
-
var $
|
|
72
|
-
var $
|
|
73
|
-
var $
|
|
74
|
-
var $
|
|
75
|
-
var $
|
|
76
|
-
var $
|
|
77
|
-
var $
|
|
78
|
-
var $
|
|
79
|
-
var $
|
|
80
|
-
var $
|
|
81
|
-
var $
|
|
82
|
-
var $
|
|
83
|
-
var $
|
|
84
|
-
var $
|
|
85
|
-
var $
|
|
86
|
-
var $
|
|
87
|
-
var $
|
|
88
|
-
$
|
|
89
|
-
$
|
|
90
|
-
$
|
|
91
|
-
$
|
|
92
|
-
$
|
|
93
|
-
$
|
|
94
|
-
$
|
|
95
|
-
$
|
|
96
|
-
$
|
|
97
|
-
$
|
|
98
|
-
$
|
|
99
|
-
$
|
|
100
|
-
$
|
|
101
|
-
$
|
|
102
|
-
$
|
|
103
|
-
$
|
|
104
|
-
$
|
|
105
|
-
$
|
|
106
|
-
$
|
|
107
|
-
$
|
|
108
|
-
$
|
|
109
|
-
$
|
|
110
|
-
$
|
|
111
|
-
$
|
|
112
|
-
$
|
|
113
|
-
$
|
|
114
|
-
$
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
23
|
+
var $d2b8d4577dd88671$exports = {};
|
|
24
|
+
|
|
25
|
+
$parcel$export($d2b8d4577dd88671$exports, "Calendar", () => $d2b8d4577dd88671$export$e1aef45b828286de);
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
var $52c51313300b3b3e$exports = {};
|
|
33
|
+
|
|
34
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar", () => $52c51313300b3b3e$export$2d9837ea36f7a875, (v) => $52c51313300b3b3e$export$2d9837ea36f7a875 = v);
|
|
35
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar--padded", () => $52c51313300b3b3e$export$8d90e3a3d21fe428, (v) => $52c51313300b3b3e$export$8d90e3a3d21fe428 = v);
|
|
36
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-header", () => $52c51313300b3b3e$export$7efb9b56af6e2d09, (v) => $52c51313300b3b3e$export$7efb9b56af6e2d09 = v);
|
|
37
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-monthHeader", () => $52c51313300b3b3e$export$185018e73e57145f, (v) => $52c51313300b3b3e$export$185018e73e57145f = v);
|
|
38
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-title", () => $52c51313300b3b3e$export$98ee27555a2b7c01, (v) => $52c51313300b3b3e$export$98ee27555a2b7c01 = v);
|
|
39
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-prevMonth", () => $52c51313300b3b3e$export$d4c1c2a202a50db2, (v) => $52c51313300b3b3e$export$d4c1c2a202a50db2 = v);
|
|
40
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-nextMonth", () => $52c51313300b3b3e$export$7876229ab722b448, (v) => $52c51313300b3b3e$export$7876229ab722b448 = v);
|
|
41
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-months", () => $52c51313300b3b3e$export$5dacd232bfef6687, (v) => $52c51313300b3b3e$export$5dacd232bfef6687 = v);
|
|
42
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-dayOfWeek", () => $52c51313300b3b3e$export$7ff21fe81b21fa51, (v) => $52c51313300b3b3e$export$7ff21fe81b21fa51 = v);
|
|
43
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-body", () => $52c51313300b3b3e$export$33407a73687c0e62, (v) => $52c51313300b3b3e$export$33407a73687c0e62 = v);
|
|
44
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-table", () => $52c51313300b3b3e$export$27f4c38933cceedf, (v) => $52c51313300b3b3e$export$27f4c38933cceedf = v);
|
|
45
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-tableCell", () => $52c51313300b3b3e$export$292b81cfd590634d, (v) => $52c51313300b3b3e$export$292b81cfd590634d = v);
|
|
46
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-date", () => $52c51313300b3b3e$export$c20fe43d14f8fa36, (v) => $52c51313300b3b3e$export$c20fe43d14f8fa36 = v);
|
|
47
|
+
$parcel$export($52c51313300b3b3e$exports, "spectrum-Calendar-dateText", () => $52c51313300b3b3e$export$cc48a6e73fdb7719, (v) => $52c51313300b3b3e$export$cc48a6e73fdb7719 = v);
|
|
48
|
+
$parcel$export($52c51313300b3b3e$exports, "is-disabled", () => $52c51313300b3b3e$export$d35bc1e505d1ebbf, (v) => $52c51313300b3b3e$export$d35bc1e505d1ebbf = v);
|
|
49
|
+
$parcel$export($52c51313300b3b3e$exports, "is-unavailable", () => $52c51313300b3b3e$export$38b08f1df825800e, (v) => $52c51313300b3b3e$export$38b08f1df825800e = v);
|
|
50
|
+
$parcel$export($52c51313300b3b3e$exports, "is-outsideMonth", () => $52c51313300b3b3e$export$93ff5b06817b3d41, (v) => $52c51313300b3b3e$export$93ff5b06817b3d41 = v);
|
|
51
|
+
$parcel$export($52c51313300b3b3e$exports, "is-focused", () => $52c51313300b3b3e$export$e7dc768d35940237, (v) => $52c51313300b3b3e$export$e7dc768d35940237 = v);
|
|
52
|
+
$parcel$export($52c51313300b3b3e$exports, "is-range-selection", () => $52c51313300b3b3e$export$cd2839d8bb0c6407, (v) => $52c51313300b3b3e$export$cd2839d8bb0c6407 = v);
|
|
53
|
+
$parcel$export($52c51313300b3b3e$exports, "is-range-start", () => $52c51313300b3b3e$export$4ce7d3d24e42e411, (v) => $52c51313300b3b3e$export$4ce7d3d24e42e411 = v);
|
|
54
|
+
$parcel$export($52c51313300b3b3e$exports, "is-selection-start", () => $52c51313300b3b3e$export$f0091c9d6b8c19d3, (v) => $52c51313300b3b3e$export$f0091c9d6b8c19d3 = v);
|
|
55
|
+
$parcel$export($52c51313300b3b3e$exports, "is-range-end", () => $52c51313300b3b3e$export$52890a3cb1ab46b, (v) => $52c51313300b3b3e$export$52890a3cb1ab46b = v);
|
|
56
|
+
$parcel$export($52c51313300b3b3e$exports, "is-selection-end", () => $52c51313300b3b3e$export$50722ae5663230f9, (v) => $52c51313300b3b3e$export$50722ae5663230f9 = v);
|
|
57
|
+
$parcel$export($52c51313300b3b3e$exports, "is-range-selecting", () => $52c51313300b3b3e$export$7a763a0407a04336, (v) => $52c51313300b3b3e$export$7a763a0407a04336 = v);
|
|
58
|
+
$parcel$export($52c51313300b3b3e$exports, "is-today", () => $52c51313300b3b3e$export$189f6cc7eaf68d8b, (v) => $52c51313300b3b3e$export$189f6cc7eaf68d8b = v);
|
|
59
|
+
$parcel$export($52c51313300b3b3e$exports, "is-selected", () => $52c51313300b3b3e$export$1e0fb04f31d3c22a, (v) => $52c51313300b3b3e$export$1e0fb04f31d3c22a = v);
|
|
60
|
+
$parcel$export($52c51313300b3b3e$exports, "is-hovered", () => $52c51313300b3b3e$export$b8813cd5d7824ce7, (v) => $52c51313300b3b3e$export$b8813cd5d7824ce7 = v);
|
|
61
|
+
$parcel$export($52c51313300b3b3e$exports, "is-pressed", () => $52c51313300b3b3e$export$15b73a232798b8d3, (v) => $52c51313300b3b3e$export$15b73a232798b8d3 = v);
|
|
62
|
+
var $52c51313300b3b3e$export$2d9837ea36f7a875;
|
|
63
|
+
var $52c51313300b3b3e$export$8d90e3a3d21fe428;
|
|
64
|
+
var $52c51313300b3b3e$export$7efb9b56af6e2d09;
|
|
65
|
+
var $52c51313300b3b3e$export$185018e73e57145f;
|
|
66
|
+
var $52c51313300b3b3e$export$98ee27555a2b7c01;
|
|
67
|
+
var $52c51313300b3b3e$export$d4c1c2a202a50db2;
|
|
68
|
+
var $52c51313300b3b3e$export$7876229ab722b448;
|
|
69
|
+
var $52c51313300b3b3e$export$5dacd232bfef6687;
|
|
70
|
+
var $52c51313300b3b3e$export$7ff21fe81b21fa51;
|
|
71
|
+
var $52c51313300b3b3e$export$33407a73687c0e62;
|
|
72
|
+
var $52c51313300b3b3e$export$27f4c38933cceedf;
|
|
73
|
+
var $52c51313300b3b3e$export$292b81cfd590634d;
|
|
74
|
+
var $52c51313300b3b3e$export$c20fe43d14f8fa36;
|
|
75
|
+
var $52c51313300b3b3e$export$cc48a6e73fdb7719;
|
|
76
|
+
var $52c51313300b3b3e$export$d35bc1e505d1ebbf;
|
|
77
|
+
var $52c51313300b3b3e$export$38b08f1df825800e;
|
|
78
|
+
var $52c51313300b3b3e$export$93ff5b06817b3d41;
|
|
79
|
+
var $52c51313300b3b3e$export$e7dc768d35940237;
|
|
80
|
+
var $52c51313300b3b3e$export$cd2839d8bb0c6407;
|
|
81
|
+
var $52c51313300b3b3e$export$4ce7d3d24e42e411;
|
|
82
|
+
var $52c51313300b3b3e$export$f0091c9d6b8c19d3;
|
|
83
|
+
var $52c51313300b3b3e$export$52890a3cb1ab46b;
|
|
84
|
+
var $52c51313300b3b3e$export$50722ae5663230f9;
|
|
85
|
+
var $52c51313300b3b3e$export$7a763a0407a04336;
|
|
86
|
+
var $52c51313300b3b3e$export$189f6cc7eaf68d8b;
|
|
87
|
+
var $52c51313300b3b3e$export$1e0fb04f31d3c22a;
|
|
88
|
+
var $52c51313300b3b3e$export$b8813cd5d7824ce7;
|
|
89
|
+
var $52c51313300b3b3e$export$15b73a232798b8d3;
|
|
90
|
+
$52c51313300b3b3e$export$2d9837ea36f7a875 = "spectrum-Calendar_6099b6";
|
|
91
|
+
$52c51313300b3b3e$export$8d90e3a3d21fe428 = "spectrum-Calendar--padded_6099b6";
|
|
92
|
+
$52c51313300b3b3e$export$7efb9b56af6e2d09 = "spectrum-Calendar-header_6099b6";
|
|
93
|
+
$52c51313300b3b3e$export$185018e73e57145f = "spectrum-Calendar-monthHeader_6099b6";
|
|
94
|
+
$52c51313300b3b3e$export$98ee27555a2b7c01 = "spectrum-Calendar-title_6099b6";
|
|
95
|
+
$52c51313300b3b3e$export$d4c1c2a202a50db2 = "spectrum-Calendar-prevMonth_6099b6";
|
|
96
|
+
$52c51313300b3b3e$export$7876229ab722b448 = "spectrum-Calendar-nextMonth_6099b6";
|
|
97
|
+
$52c51313300b3b3e$export$5dacd232bfef6687 = "spectrum-Calendar-months_6099b6";
|
|
98
|
+
$52c51313300b3b3e$export$7ff21fe81b21fa51 = "spectrum-Calendar-dayOfWeek_6099b6";
|
|
99
|
+
$52c51313300b3b3e$export$33407a73687c0e62 = "spectrum-Calendar-body_6099b6";
|
|
100
|
+
$52c51313300b3b3e$export$27f4c38933cceedf = "spectrum-Calendar-table_6099b6";
|
|
101
|
+
$52c51313300b3b3e$export$292b81cfd590634d = "spectrum-Calendar-tableCell_6099b6";
|
|
102
|
+
$52c51313300b3b3e$export$c20fe43d14f8fa36 = "spectrum-Calendar-date_6099b6";
|
|
103
|
+
$52c51313300b3b3e$export$cc48a6e73fdb7719 = "spectrum-Calendar-dateText_6099b6";
|
|
104
|
+
$52c51313300b3b3e$export$d35bc1e505d1ebbf = "is-disabled_6099b6";
|
|
105
|
+
$52c51313300b3b3e$export$38b08f1df825800e = "is-unavailable_6099b6";
|
|
106
|
+
$52c51313300b3b3e$export$93ff5b06817b3d41 = "is-outsideMonth_6099b6";
|
|
107
|
+
$52c51313300b3b3e$export$e7dc768d35940237 = "is-focused_6099b6";
|
|
108
|
+
$52c51313300b3b3e$export$cd2839d8bb0c6407 = "is-range-selection_6099b6";
|
|
109
|
+
$52c51313300b3b3e$export$4ce7d3d24e42e411 = "is-range-start_6099b6";
|
|
110
|
+
$52c51313300b3b3e$export$f0091c9d6b8c19d3 = "is-selection-start_6099b6";
|
|
111
|
+
$52c51313300b3b3e$export$52890a3cb1ab46b = "is-range-end_6099b6";
|
|
112
|
+
$52c51313300b3b3e$export$50722ae5663230f9 = "is-selection-end_6099b6";
|
|
113
|
+
$52c51313300b3b3e$export$7a763a0407a04336 = "is-range-selecting_6099b6";
|
|
114
|
+
$52c51313300b3b3e$export$189f6cc7eaf68d8b = "is-today_6099b6";
|
|
115
|
+
$52c51313300b3b3e$export$1e0fb04f31d3c22a = "is-selected_6099b6";
|
|
116
|
+
$52c51313300b3b3e$export$b8813cd5d7824ce7 = "is-hovered_6099b6";
|
|
117
|
+
$52c51313300b3b3e$export$15b73a232798b8d3 = "is-pressed_6099b6";
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
function $453c556b9066da11$export$5d847498420df57b({ state: state , currentMonth: currentMonth , ...props }) {
|
|
124
|
+
let ref = $40VnT$useRef();
|
|
125
|
+
let { cellProps: cellProps , buttonProps: buttonProps , isPressed: isPressed , isSelected: isSelected , isDisabled: isDisabled , isFocused: isFocused , formattedDate: formattedDate } = $40VnT$useCalendarCell({
|
|
123
126
|
...props,
|
|
124
|
-
isDisabled: !$
|
|
127
|
+
isDisabled: !$40VnT$isSameMonth(props.date, currentMonth)
|
|
125
128
|
}, state, ref);
|
|
126
|
-
let
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
});
|
|
133
|
-
let isSelected = state.isSelected(props.date);
|
|
129
|
+
let isUnavailable = state.isCellUnavailable(props.date) && !isDisabled;
|
|
130
|
+
let isLastSelectedBeforeDisabled = !isDisabled && state.isCellUnavailable(props.date.add({
|
|
131
|
+
days: 1
|
|
132
|
+
}));
|
|
133
|
+
let isFirstSelectedAfterDisabled = !isDisabled && state.isCellUnavailable(props.date.subtract({
|
|
134
|
+
days: 1
|
|
135
|
+
}));
|
|
134
136
|
let highlightedRange = 'highlightedRange' in state && state.highlightedRange;
|
|
135
|
-
let isSelectionStart = highlightedRange && $
|
|
136
|
-
let isSelectionEnd = highlightedRange && $
|
|
137
|
-
let { locale: locale } = $
|
|
138
|
-
let dayOfWeek = $
|
|
139
|
-
let isRangeStart = isSelected && (dayOfWeek === 0 || props.date.day === 1);
|
|
140
|
-
let isRangeEnd = isSelected && (dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
|
|
141
|
-
let { focusProps: focusProps , isFocusVisible: isFocusVisible } = $
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
if (lastDate.current && $l6lmJ$isEqualDay(date, lastDate.current)) date = lastDate.current;
|
|
147
|
-
lastDate.current = date;
|
|
148
|
-
let nativeDate = $l6lmJ$useMemo(()=>date.toDate(state.timeZone)
|
|
149
|
-
, [
|
|
150
|
-
date,
|
|
151
|
-
state.timeZone
|
|
152
|
-
]);
|
|
153
|
-
let formatted = $l6lmJ$useMemo(()=>dateFormatter.format(nativeDate)
|
|
154
|
-
, [
|
|
155
|
-
dateFormatter,
|
|
156
|
-
nativeDate
|
|
157
|
-
]);
|
|
158
|
-
return(/*#__PURE__*/ $l6lmJ$react.createElement("td", {
|
|
137
|
+
let isSelectionStart = isSelected && highlightedRange && $40VnT$isSameDay(props.date, highlightedRange.start);
|
|
138
|
+
let isSelectionEnd = isSelected && highlightedRange && $40VnT$isSameDay(props.date, highlightedRange.end);
|
|
139
|
+
let { locale: locale } = $40VnT$useLocale();
|
|
140
|
+
let dayOfWeek = $40VnT$getDayOfWeek(props.date, locale);
|
|
141
|
+
let isRangeStart = isSelected && (isFirstSelectedAfterDisabled || dayOfWeek === 0 || props.date.day === 1);
|
|
142
|
+
let isRangeEnd = isSelected && (isLastSelectedBeforeDisabled || dayOfWeek === 6 || props.date.day === currentMonth.calendar.getDaysInMonth(currentMonth));
|
|
143
|
+
let { focusProps: focusProps , isFocusVisible: isFocusVisible } = $40VnT$useFocusRing();
|
|
144
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $40VnT$useHover({
|
|
145
|
+
isDisabled: isDisabled || isUnavailable || state.isReadOnly
|
|
146
|
+
});
|
|
147
|
+
return(/*#__PURE__*/ $40VnT$react.createElement("td", {
|
|
159
148
|
...cellProps,
|
|
160
|
-
className: $
|
|
161
|
-
}, /*#__PURE__*/ $
|
|
162
|
-
...$
|
|
149
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-tableCell')
|
|
150
|
+
}, /*#__PURE__*/ $40VnT$react.createElement("span", {
|
|
151
|
+
...$40VnT$mergeProps(buttonProps, hoverProps, focusProps),
|
|
163
152
|
ref: ref,
|
|
164
|
-
className: $
|
|
165
|
-
'is-today': $
|
|
153
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-date', {
|
|
154
|
+
'is-today': $40VnT$isToday(props.date, state.timeZone),
|
|
166
155
|
'is-selected': isSelected,
|
|
167
|
-
'is-focused':
|
|
168
|
-
'is-disabled':
|
|
169
|
-
'is-
|
|
156
|
+
'is-focused': isFocused && isFocusVisible,
|
|
157
|
+
'is-disabled': isDisabled,
|
|
158
|
+
'is-unavailable': isUnavailable,
|
|
159
|
+
'is-outsideMonth': !$40VnT$isSameMonth(props.date, currentMonth),
|
|
170
160
|
'is-range-start': isRangeStart,
|
|
171
161
|
'is-range-end': isRangeEnd,
|
|
172
162
|
'is-range-selection': isSelected && 'highlightedRange' in state,
|
|
173
163
|
'is-selection-start': isSelectionStart,
|
|
174
164
|
'is-selection-end': isSelectionEnd,
|
|
175
165
|
'is-hovered': isHovered,
|
|
176
|
-
'is-pressed': isPressed
|
|
166
|
+
'is-pressed': isPressed && !state.isReadOnly
|
|
177
167
|
})
|
|
178
|
-
}, /*#__PURE__*/ $
|
|
179
|
-
className: $
|
|
180
|
-
},
|
|
168
|
+
}, /*#__PURE__*/ $40VnT$react.createElement("span", {
|
|
169
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-dateText')
|
|
170
|
+
}, /*#__PURE__*/ $40VnT$react.createElement("span", null, formattedDate)))));
|
|
181
171
|
}
|
|
182
172
|
|
|
183
173
|
|
|
@@ -189,23 +179,17 @@ function $bf39886a7efcdf09$export$5d847498420df57b({ state: state , currentMonth
|
|
|
189
179
|
|
|
190
180
|
|
|
191
181
|
|
|
192
|
-
function $
|
|
193
|
-
props = $
|
|
182
|
+
function $faa2f3867773cfe5$export$26e2752316b9a375(props) {
|
|
183
|
+
props = $40VnT$useProviderProps(props);
|
|
194
184
|
let { state: state , startDate: startDate } = props;
|
|
195
|
-
let { gridProps: gridProps } = $
|
|
185
|
+
let { gridProps: gridProps , weekDays: weekDays } = $40VnT$useCalendarGrid({
|
|
196
186
|
...props,
|
|
197
|
-
endDate: $
|
|
187
|
+
endDate: $40VnT$endOfMonth(startDate)
|
|
198
188
|
}, state);
|
|
199
|
-
let
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
let
|
|
203
|
-
weekday: 'long'
|
|
204
|
-
});
|
|
205
|
-
let { locale: locale } = $l6lmJ$useLocale();
|
|
206
|
-
let monthStart = $l6lmJ$startOfWeek(startDate, locale);
|
|
207
|
-
let weeksInMonth = $l6lmJ$getWeeksInMonth(startDate, locale);
|
|
208
|
-
let [isRangeSelecting, setRangeSelecting] = $l6lmJ$useState(false);
|
|
189
|
+
let { locale: locale } = $40VnT$useLocale();
|
|
190
|
+
let monthStart = $40VnT$startOfWeek(startDate, locale);
|
|
191
|
+
let weeksInMonth = $40VnT$getWeeksInMonth(startDate, locale);
|
|
192
|
+
let [isRangeSelecting, setRangeSelecting] = $40VnT$useState(false);
|
|
209
193
|
let hasAnchorDate = 'anchorDate' in state && state.anchorDate != null;
|
|
210
194
|
// Update isRangeSelecting immediately when it becomes true.
|
|
211
195
|
// This feels weird but is actually fine...
|
|
@@ -213,7 +197,7 @@ function $6795bf0e676a4ec5$export$26e2752316b9a375(props) {
|
|
|
213
197
|
if (hasAnchorDate && !isRangeSelecting) setRangeSelecting(true);
|
|
214
198
|
// Delay removing the is-range-selecting class for a frame after selection ends.
|
|
215
199
|
// This avoids an undesired animation on touch devices.
|
|
216
|
-
$
|
|
200
|
+
$40VnT$useEffect(()=>{
|
|
217
201
|
if (!hasAnchorDate && isRangeSelecting) {
|
|
218
202
|
let raf = requestAnimationFrame(()=>setRangeSelecting(false)
|
|
219
203
|
);
|
|
@@ -224,34 +208,25 @@ function $6795bf0e676a4ec5$export$26e2752316b9a375(props) {
|
|
|
224
208
|
hasAnchorDate,
|
|
225
209
|
isRangeSelecting
|
|
226
210
|
]);
|
|
227
|
-
return(/*#__PURE__*/ $
|
|
211
|
+
return(/*#__PURE__*/ $40VnT$react.createElement("table", {
|
|
228
212
|
...gridProps,
|
|
229
|
-
className: $
|
|
213
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-body', 'spectrum-Calendar-table', {
|
|
230
214
|
'is-range-selecting': isRangeSelecting
|
|
231
215
|
})
|
|
232
|
-
}, /*#__PURE__*/ $
|
|
233
|
-
...new Array(7).keys()
|
|
234
|
-
].map((index)=>{
|
|
235
|
-
let date = monthStart.add({
|
|
236
|
-
days: index
|
|
237
|
-
});
|
|
238
|
-
let dateDay = date.toDate(state.timeZone);
|
|
239
|
-
let day = dayFormatter.format(dateDay);
|
|
240
|
-
let dayLong = dayFormatterLong.format(dateDay);
|
|
241
|
-
return(/*#__PURE__*/ $l6lmJ$react.createElement("th", {
|
|
216
|
+
}, /*#__PURE__*/ $40VnT$react.createElement("thead", null, /*#__PURE__*/ $40VnT$react.createElement("tr", null, weekDays.map((day, index)=>/*#__PURE__*/ $40VnT$react.createElement("th", {
|
|
242
217
|
key: index,
|
|
243
|
-
className: $
|
|
244
|
-
}, /*#__PURE__*/ $
|
|
218
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-tableCell')
|
|
219
|
+
}, /*#__PURE__*/ $40VnT$react.createElement($40VnT$VisuallyHidden, null, day.long), /*#__PURE__*/ $40VnT$react.createElement("span", {
|
|
245
220
|
"aria-hidden": "true",
|
|
246
|
-
className: $
|
|
247
|
-
}, day))
|
|
248
|
-
|
|
221
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-dayOfWeek')
|
|
222
|
+
}, day.narrow))
|
|
223
|
+
))), /*#__PURE__*/ $40VnT$react.createElement("tbody", null, [
|
|
249
224
|
...new Array(weeksInMonth).keys()
|
|
250
|
-
].map((weekIndex)=>/*#__PURE__*/ $
|
|
225
|
+
].map((weekIndex)=>/*#__PURE__*/ $40VnT$react.createElement("tr", {
|
|
251
226
|
key: weekIndex
|
|
252
227
|
}, [
|
|
253
228
|
...new Array(7).keys()
|
|
254
|
-
].map((dayIndex)=>/*#__PURE__*/ $
|
|
229
|
+
].map((dayIndex)=>/*#__PURE__*/ $40VnT$react.createElement($453c556b9066da11$export$5d847498420df57b, {
|
|
255
230
|
key: dayIndex,
|
|
256
231
|
state: state,
|
|
257
232
|
date: monthStart.add({
|
|
@@ -272,56 +247,55 @@ function $6795bf0e676a4ec5$export$26e2752316b9a375(props) {
|
|
|
272
247
|
|
|
273
248
|
|
|
274
249
|
|
|
275
|
-
function $
|
|
276
|
-
props = $
|
|
277
|
-
let { state: state ,
|
|
278
|
-
let { direction: direction } = $
|
|
250
|
+
function $62cd1e80f0dffb66$export$bfd52a43017368fe(props) {
|
|
251
|
+
props = $40VnT$useProviderProps(props);
|
|
252
|
+
let { state: state , calendarProps: calendarProps , nextButtonProps: nextButtonProps , prevButtonProps: prevButtonProps , calendarRef: ref , visibleMonths: visibleMonths = 1 } = props;
|
|
253
|
+
let { direction: direction } = $40VnT$useLocale();
|
|
279
254
|
let currentMonth = state.visibleRange.start;
|
|
280
|
-
let monthDateFormatter = $
|
|
255
|
+
let monthDateFormatter = $40VnT$useDateFormatter({
|
|
281
256
|
month: 'long',
|
|
282
257
|
year: 'numeric',
|
|
283
258
|
era: currentMonth.calendar.identifier !== 'gregory' ? 'long' : undefined,
|
|
284
|
-
calendar: currentMonth.calendar.identifier
|
|
259
|
+
calendar: currentMonth.calendar.identifier,
|
|
260
|
+
timeZone: state.timeZone
|
|
285
261
|
});
|
|
286
|
-
let ref = $l6lmJ$useRef(null);
|
|
287
|
-
let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps } = useCalendar(props, state, ref);
|
|
288
262
|
let titles = [];
|
|
289
263
|
let calendars = [];
|
|
290
264
|
for(let i = 0; i < visibleMonths; i++){
|
|
291
|
-
titles.push(/*#__PURE__*/ $
|
|
265
|
+
titles.push(/*#__PURE__*/ $40VnT$react.createElement("div", {
|
|
292
266
|
key: i,
|
|
293
|
-
className: $
|
|
294
|
-
}, i === 0 && /*#__PURE__*/ $
|
|
267
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-monthHeader')
|
|
268
|
+
}, i === 0 && /*#__PURE__*/ $40VnT$react.createElement($40VnT$ActionButton, {
|
|
295
269
|
...prevButtonProps,
|
|
296
|
-
UNSAFE_className: $
|
|
270
|
+
UNSAFE_className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-prevMonth'),
|
|
297
271
|
isQuiet: true
|
|
298
|
-
}, direction === 'rtl' ? /*#__PURE__*/ $
|
|
299
|
-
className: $
|
|
272
|
+
}, direction === 'rtl' ? /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronRightLarge, null) : /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronLeftLarge, null)), /*#__PURE__*/ $40VnT$react.createElement("h2", {
|
|
273
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-title')
|
|
300
274
|
}, monthDateFormatter.format(currentMonth.add({
|
|
301
275
|
months: i
|
|
302
|
-
}).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ $
|
|
276
|
+
}).toDate(state.timeZone))), i === visibleMonths - 1 && /*#__PURE__*/ $40VnT$react.createElement($40VnT$ActionButton, {
|
|
303
277
|
...nextButtonProps,
|
|
304
|
-
UNSAFE_className: $
|
|
278
|
+
UNSAFE_className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-nextMonth'),
|
|
305
279
|
isQuiet: true
|
|
306
|
-
}, direction === 'rtl' ? /*#__PURE__*/ $
|
|
280
|
+
}, direction === 'rtl' ? /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronLeftLarge, null) : /*#__PURE__*/ $40VnT$react.createElement($40VnT$spectrumiconsuiChevronRightLarge, null))));
|
|
307
281
|
let d = currentMonth.add({
|
|
308
282
|
months: i
|
|
309
283
|
});
|
|
310
|
-
calendars.push(/*#__PURE__*/ $
|
|
284
|
+
calendars.push(/*#__PURE__*/ $40VnT$react.createElement($faa2f3867773cfe5$export$26e2752316b9a375, {
|
|
311
285
|
...props,
|
|
312
286
|
key: `${d.year}-${d.month}-${d.day}`,
|
|
313
287
|
state: state,
|
|
314
288
|
startDate: d
|
|
315
289
|
}));
|
|
316
290
|
}
|
|
317
|
-
return(/*#__PURE__*/ $
|
|
291
|
+
return(/*#__PURE__*/ $40VnT$react.createElement("div", {
|
|
318
292
|
...calendarProps,
|
|
319
293
|
ref: ref,
|
|
320
|
-
className: $
|
|
321
|
-
}, /*#__PURE__*/ $
|
|
322
|
-
className: $
|
|
323
|
-
}, titles), /*#__PURE__*/ $
|
|
324
|
-
className: $
|
|
294
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar')
|
|
295
|
+
}, /*#__PURE__*/ $40VnT$react.createElement("div", {
|
|
296
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-header')
|
|
297
|
+
}, titles), /*#__PURE__*/ $40VnT$react.createElement("div", {
|
|
298
|
+
className: $40VnT$classNames((/*@__PURE__*/$parcel$interopDefault($52c51313300b3b3e$exports)), 'spectrum-Calendar-months')
|
|
325
299
|
}, calendars)));
|
|
326
300
|
}
|
|
327
301
|
|
|
@@ -331,62 +305,72 @@ function $1e346cf3c64f1f29$export$bfd52a43017368fe(props) {
|
|
|
331
305
|
|
|
332
306
|
|
|
333
307
|
|
|
334
|
-
function $
|
|
308
|
+
function $d2b8d4577dd88671$export$e1aef45b828286de(props) {
|
|
335
309
|
let { visibleMonths: visibleMonths = 1 } = props;
|
|
336
|
-
let visibleDuration = $
|
|
310
|
+
let visibleDuration = $40VnT$useMemo(()=>({
|
|
337
311
|
months: visibleMonths
|
|
338
312
|
})
|
|
339
313
|
, [
|
|
340
314
|
visibleMonths
|
|
341
315
|
]);
|
|
342
|
-
let { locale: locale } = $
|
|
343
|
-
let state = $
|
|
316
|
+
let { locale: locale } = $40VnT$useLocale();
|
|
317
|
+
let state = $40VnT$useCalendarState({
|
|
344
318
|
...props,
|
|
345
319
|
locale: locale,
|
|
346
320
|
visibleDuration: visibleDuration,
|
|
347
|
-
createCalendar: $
|
|
321
|
+
createCalendar: $40VnT$createCalendar
|
|
348
322
|
});
|
|
349
|
-
|
|
323
|
+
let ref = $40VnT$useRef();
|
|
324
|
+
let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps } = $40VnT$useCalendar(props, state);
|
|
325
|
+
return(/*#__PURE__*/ $40VnT$react.createElement($62cd1e80f0dffb66$export$bfd52a43017368fe, {
|
|
350
326
|
...props,
|
|
351
327
|
state: state,
|
|
352
|
-
|
|
328
|
+
calendarRef: ref,
|
|
329
|
+
calendarProps: calendarProps,
|
|
330
|
+
prevButtonProps: prevButtonProps,
|
|
331
|
+
nextButtonProps: nextButtonProps
|
|
353
332
|
}));
|
|
354
333
|
}
|
|
355
334
|
|
|
356
335
|
|
|
357
|
-
var $
|
|
336
|
+
var $8b1e8eddbf3b15de$exports = {};
|
|
358
337
|
|
|
359
|
-
$parcel$export($
|
|
338
|
+
$parcel$export($8b1e8eddbf3b15de$exports, "RangeCalendar", () => $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d);
|
|
360
339
|
|
|
361
340
|
|
|
362
341
|
|
|
363
342
|
|
|
364
343
|
|
|
365
344
|
|
|
366
|
-
function $
|
|
345
|
+
function $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d(props) {
|
|
367
346
|
let { visibleMonths: visibleMonths = 1 } = props;
|
|
368
|
-
let visibleDuration = $
|
|
347
|
+
let visibleDuration = $40VnT$useMemo(()=>({
|
|
369
348
|
months: visibleMonths
|
|
370
349
|
})
|
|
371
350
|
, [
|
|
372
351
|
visibleMonths
|
|
373
352
|
]);
|
|
374
|
-
let { locale: locale } = $
|
|
375
|
-
let state = $
|
|
353
|
+
let { locale: locale } = $40VnT$useLocale();
|
|
354
|
+
let state = $40VnT$useRangeCalendarState({
|
|
376
355
|
...props,
|
|
377
356
|
locale: locale,
|
|
378
357
|
visibleDuration: visibleDuration,
|
|
379
|
-
createCalendar: $
|
|
358
|
+
createCalendar: $40VnT$createCalendar
|
|
380
359
|
});
|
|
381
|
-
|
|
360
|
+
let ref = $40VnT$useRef();
|
|
361
|
+
let { calendarProps: calendarProps , prevButtonProps: prevButtonProps , nextButtonProps: nextButtonProps } = $40VnT$useRangeCalendar(props, state, ref);
|
|
362
|
+
return(/*#__PURE__*/ $40VnT$react.createElement($62cd1e80f0dffb66$export$bfd52a43017368fe, {
|
|
382
363
|
...props,
|
|
383
364
|
state: state,
|
|
384
|
-
|
|
365
|
+
calendarRef: ref,
|
|
366
|
+
calendarProps: calendarProps,
|
|
367
|
+
prevButtonProps: prevButtonProps,
|
|
368
|
+
nextButtonProps: nextButtonProps
|
|
385
369
|
}));
|
|
386
370
|
}
|
|
387
371
|
|
|
388
372
|
|
|
389
373
|
|
|
390
374
|
|
|
391
|
-
export {$
|
|
375
|
+
export {$d2b8d4577dd88671$export$e1aef45b828286de as Calendar, $8b1e8eddbf3b15de$export$a4f5c8b89d277a8d as RangeCalendar};
|
|
392
376
|
//# sourceMappingURL=module.js.map
|