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