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