@utrecht/calendar-react 1.0.0 → 1.0.2
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/CalendarButton.d.ts +5 -5
- package/dist/CalendarButton.d.ts.map +1 -1
- package/dist/CalendarIcon.d.ts +4 -4
- package/dist/CalendarIcon.d.ts.map +1 -1
- package/dist/CalendarNavigation.d.ts +4 -4
- package/dist/CalendarNavigation.d.ts.map +1 -1
- package/dist/CalendarNavigationButtons.d.ts +12 -12
- package/dist/CalendarNavigationButtons.d.ts.map +1 -1
- package/dist/CalendarNavigationLabel.d.ts +4 -4
- package/dist/CalendarNavigationLabel.d.ts.map +1 -1
- package/dist/CalendarTableDaysContainer.d.ts +4 -4
- package/dist/CalendarTableDaysContainer.d.ts.map +1 -1
- package/dist/CalendarTableDaysItem.d.ts +4 -4
- package/dist/CalendarTableDaysItem.d.ts.map +1 -1
- package/dist/CalendarTableDaysItemDay.d.ts +11 -11
- package/dist/CalendarTableDaysItemDay.d.ts.map +1 -1
- package/dist/CalendarTableWeeksContainer.d.ts +2 -2
- package/dist/CalendarTableWeeksItem.d.ts +4 -4
- package/dist/CalendarTableWeeksItem.d.ts.map +1 -1
- package/dist/IconArrowLeft.d.ts +7 -7
- package/dist/IconArrowLeft.d.ts.map +1 -1
- package/dist/IconArrowLeftDouble.d.ts +7 -7
- package/dist/IconArrowLeftDouble.d.ts.map +1 -1
- package/dist/IconArrowRight.d.ts +7 -7
- package/dist/IconArrowRight.d.ts.map +1 -1
- package/dist/IconArrowRightDouble.d.ts +7 -7
- package/dist/IconArrowRightDouble.d.ts.map +1 -1
- package/dist/css.d.ts +7 -7
- package/dist/css.js +271 -333
- package/dist/css.js.map +1 -1
- package/dist/css.mjs +276 -338
- package/dist/css.mjs.map +1 -1
- package/dist/index.cjs.js +270 -333
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +41 -41
- package/dist/index.esm.js +275 -338
- package/dist/index.esm.js.map +1 -1
- package/package.json +38 -10
package/dist/index.cjs.js
CHANGED
|
@@ -1,218 +1,134 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
3
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
5
|
var dateFns = require('date-fns');
|
|
5
6
|
var locale = require('date-fns/locale');
|
|
6
7
|
var chunk = require('lodash.chunk');
|
|
7
8
|
var react = require('react');
|
|
9
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
10
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
11
|
+
var buttonReact = require('@utrecht/button-react');
|
|
8
12
|
var clsx = require('clsx');
|
|
9
13
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
18
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
19
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
20
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
21
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
22
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
23
|
-
***************************************************************************** */
|
|
24
|
-
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
function __rest$1(s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
40
|
-
var e = new Error(message);
|
|
41
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
const CalendarNavigation = _a => {
|
|
45
|
-
var {
|
|
46
|
-
children
|
|
47
|
-
} = _a,
|
|
48
|
-
props = __rest$1(_a, ["children"]);
|
|
49
|
-
return jsxRuntime.jsx("div", Object.assign({
|
|
14
|
+
var _excluded$c = ["children"];
|
|
15
|
+
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
+
var CalendarNavigation = function CalendarNavigation(_ref) {
|
|
18
|
+
var children = _ref.children,
|
|
19
|
+
props = _objectWithoutProperties(_ref, _excluded$c);
|
|
20
|
+
return jsxRuntime.jsx("div", _objectSpread$c(_objectSpread$c({
|
|
50
21
|
className: "utrecht-calendar__navigation"
|
|
51
|
-
}, props, {
|
|
22
|
+
}, props), {}, {
|
|
52
23
|
children: children
|
|
53
24
|
}));
|
|
54
25
|
};
|
|
55
26
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
65
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
66
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
67
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
68
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
69
|
-
***************************************************************************** */
|
|
70
|
-
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
function __rest(s, e) {
|
|
74
|
-
var t = {};
|
|
75
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
76
|
-
t[p] = s[p];
|
|
77
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
78
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
79
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
80
|
-
t[p[i]] = s[p[i]];
|
|
81
|
-
}
|
|
82
|
-
return t;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
86
|
-
var e = new Error(message);
|
|
87
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
|
|
91
|
-
var {
|
|
92
|
-
appearance,
|
|
93
|
-
busy,
|
|
94
|
-
disabled,
|
|
95
|
-
children,
|
|
96
|
-
className,
|
|
97
|
-
hint,
|
|
98
|
-
pressed,
|
|
99
|
-
type
|
|
100
|
-
} = _a,
|
|
101
|
-
restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "hint", "pressed", "type"]);
|
|
102
|
-
return jsxRuntime.jsx("button", Object.assign({
|
|
103
|
-
ref: ref,
|
|
104
|
-
className: clsx('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', hint === 'danger' && 'utrecht-button--danger', hint === 'warning' && 'utrecht-button--warning', hint === 'ready' && 'utrecht-button--ready', pressed === true && 'utrecht-button--pressed', className),
|
|
105
|
-
"aria-busy": busy || undefined,
|
|
106
|
-
"aria-pressed": typeof pressed === 'boolean' ? pressed : undefined,
|
|
107
|
-
disabled: disabled,
|
|
108
|
-
type: type || 'button'
|
|
109
|
-
}, restProps, {
|
|
110
|
-
children: children
|
|
111
|
-
}));
|
|
112
|
-
});
|
|
113
|
-
Button.displayName = 'Button';
|
|
114
|
-
|
|
115
|
-
const CalendarButton = _a => {
|
|
116
|
-
var {
|
|
117
|
-
children,
|
|
118
|
-
className
|
|
119
|
-
} = _a,
|
|
120
|
-
props = __rest$1(_a, ["children", "className"]);
|
|
121
|
-
return jsxRuntime.jsx(Button, Object.assign({
|
|
27
|
+
var _excluded$b = ["children", "className"];
|
|
28
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
29
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
30
|
+
var CalendarButton = function CalendarButton(_ref) {
|
|
31
|
+
var children = _ref.children,
|
|
32
|
+
className = _ref.className,
|
|
33
|
+
props = _objectWithoutProperties(_ref, _excluded$b);
|
|
34
|
+
return jsxRuntime.jsx(buttonReact.Button, _objectSpread$b(_objectSpread$b({
|
|
122
35
|
appearance: "subtle-button"
|
|
123
|
-
}, props, {
|
|
124
|
-
className: clsx.clsx('utrecht-calendar__button', className)
|
|
125
|
-
}, {
|
|
36
|
+
}, props), {}, {
|
|
37
|
+
className: clsx.clsx('utrecht-calendar__button', className),
|
|
126
38
|
children: children
|
|
127
39
|
}));
|
|
128
40
|
};
|
|
129
41
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
42
|
+
var _excluded$a = ["children"];
|
|
43
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
44
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
45
|
+
var CalendarIcon = function CalendarIcon(_ref) {
|
|
46
|
+
var children = _ref.children,
|
|
47
|
+
props = _objectWithoutProperties(_ref, _excluded$a);
|
|
48
|
+
return jsxRuntime.jsx("div", _objectSpread$a(_objectSpread$a({
|
|
136
49
|
className: clsx.clsx('utrecht-calendar__icon')
|
|
137
|
-
}, props, {
|
|
50
|
+
}, props), {}, {
|
|
138
51
|
children: children
|
|
139
52
|
}));
|
|
140
53
|
};
|
|
141
54
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
children: [jsxRuntime.jsx(CalendarButton,
|
|
55
|
+
var _excluded$9 = ["onPreviousClick", "onNextClick", "previousIcon", "nextIcon", "children"];
|
|
56
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
57
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
58
|
+
var CalendarNavigationButtons = function CalendarNavigationButtons(_ref) {
|
|
59
|
+
var onPreviousClick = _ref.onPreviousClick,
|
|
60
|
+
onNextClick = _ref.onNextClick,
|
|
61
|
+
previousIcon = _ref.previousIcon,
|
|
62
|
+
nextIcon = _ref.nextIcon,
|
|
63
|
+
children = _ref.children,
|
|
64
|
+
props = _objectWithoutProperties(_ref, _excluded$9);
|
|
65
|
+
return jsxRuntime.jsxs("div", {
|
|
66
|
+
className: "utrecht-calendar__navigation-buttons",
|
|
67
|
+
children: [jsxRuntime.jsx(CalendarButton, _objectSpread$9(_objectSpread$9({
|
|
155
68
|
onClick: onPreviousClick
|
|
156
|
-
}, props, {
|
|
69
|
+
}, props), {}, {
|
|
157
70
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
158
71
|
children: previousIcon
|
|
159
72
|
})
|
|
160
|
-
})), children, jsxRuntime.jsx(CalendarButton,
|
|
73
|
+
})), children, jsxRuntime.jsx(CalendarButton, _objectSpread$9(_objectSpread$9({
|
|
161
74
|
onClick: onNextClick
|
|
162
|
-
}, props, {
|
|
75
|
+
}, props), {}, {
|
|
163
76
|
children: jsxRuntime.jsx(CalendarIcon, {
|
|
164
77
|
children: nextIcon
|
|
165
78
|
})
|
|
166
79
|
}))]
|
|
167
|
-
})
|
|
80
|
+
});
|
|
168
81
|
};
|
|
169
82
|
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
83
|
+
var _excluded$8 = ["children"];
|
|
84
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
85
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
86
|
+
var CalendarNavigationLabel = function CalendarNavigationLabel(_ref) {
|
|
87
|
+
var children = _ref.children,
|
|
88
|
+
props = _objectWithoutProperties(_ref, _excluded$8);
|
|
89
|
+
return jsxRuntime.jsx("time", _objectSpread$8(_objectSpread$8({
|
|
176
90
|
className: "utrecht-calendar__navigation-label"
|
|
177
|
-
}, props, {
|
|
91
|
+
}, props), {}, {
|
|
178
92
|
children: children
|
|
179
93
|
}));
|
|
180
94
|
};
|
|
181
95
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
96
|
+
var _excluded$7 = ["children"];
|
|
97
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
98
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
99
|
+
var CalendarTableDaysContainer = function CalendarTableDaysContainer(_ref) {
|
|
100
|
+
var children = _ref.children,
|
|
101
|
+
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
102
|
+
return jsxRuntime.jsx("tbody", _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
103
|
+
className: "utrecht-calendar__table-days-container",
|
|
190
104
|
children: children
|
|
191
105
|
}));
|
|
192
106
|
};
|
|
193
107
|
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
108
|
+
var _excluded$6 = ["children"];
|
|
109
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
110
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
111
|
+
var CalendarTableDaysItem = function CalendarTableDaysItem(_ref) {
|
|
112
|
+
var children = _ref.children,
|
|
113
|
+
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
114
|
+
return jsxRuntime.jsx("tr", _objectSpread$6(_objectSpread$6({}, props), {}, {
|
|
200
115
|
children: children
|
|
201
116
|
}));
|
|
202
117
|
};
|
|
203
118
|
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
119
|
+
var _excluded$5 = ["day", "dayOutOfTheMonth", "isToday", "emphasis", "selected", "disabled"];
|
|
120
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
121
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
122
|
+
var CalendarTableDaysItemDay = function CalendarTableDaysItemDay(_ref) {
|
|
123
|
+
var day = _ref.day,
|
|
124
|
+
dayOutOfTheMonth = _ref.dayOutOfTheMonth,
|
|
125
|
+
isToday = _ref.isToday,
|
|
126
|
+
emphasis = _ref.emphasis,
|
|
127
|
+
selected = _ref.selected,
|
|
128
|
+
disabled = _ref.disabled,
|
|
129
|
+
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
214
130
|
return jsxRuntime.jsx("td", {
|
|
215
|
-
children: jsxRuntime.jsx(CalendarButton,
|
|
131
|
+
children: jsxRuntime.jsx(CalendarButton, _objectSpread$5(_objectSpread$5({
|
|
216
132
|
className: clsx('utrecht-calendar__table-days-item-day', {
|
|
217
133
|
'utrecht-calendar__table-days-item-day--out-of-the-month': dayOutOfTheMonth
|
|
218
134
|
}, {
|
|
@@ -223,78 +139,77 @@ const CalendarTableDaysItemDay = _a => {
|
|
|
223
139
|
'utrecht-calendar__table-days-item-day--selected': selected
|
|
224
140
|
}),
|
|
225
141
|
disabled: disabled
|
|
226
|
-
}, props, {
|
|
142
|
+
}, props), {}, {
|
|
227
143
|
children: day
|
|
228
144
|
}))
|
|
229
145
|
});
|
|
230
146
|
};
|
|
231
147
|
|
|
232
|
-
|
|
233
|
-
children
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
}));
|
|
148
|
+
var CalendarTableWeeksContainer = function CalendarTableWeeksContainer(_ref) {
|
|
149
|
+
var children = _ref.children;
|
|
150
|
+
return jsxRuntime.jsx("thead", {
|
|
151
|
+
className: "utrecht-calendar__table-weeks-container",
|
|
152
|
+
children: jsxRuntime.jsx("tr", {
|
|
153
|
+
className: "utrecht-calendar__table-weeks-container-content",
|
|
154
|
+
children: children
|
|
155
|
+
})
|
|
156
|
+
});
|
|
157
|
+
};
|
|
243
158
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
159
|
+
var _excluded$4 = ["children"];
|
|
160
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
161
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
162
|
+
var CalendarTableWeeksItem = function CalendarTableWeeksItem(_ref) {
|
|
163
|
+
var children = _ref.children,
|
|
164
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
165
|
+
return jsxRuntime.jsx("th", _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
166
|
+
className: "utrecht-calendar__table-weeks-item",
|
|
252
167
|
children: children
|
|
253
168
|
}));
|
|
254
169
|
};
|
|
255
170
|
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
171
|
+
var _excluded$3 = ["title", "titleId"];
|
|
172
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
173
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
174
|
+
var IconArrowLeft = function IconArrowLeft(_ref) {
|
|
175
|
+
var title = _ref.title,
|
|
176
|
+
titleId = _ref.titleId,
|
|
177
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
178
|
+
return jsxRuntime.jsxs("svg", _objectSpread$3(_objectSpread$3({
|
|
263
179
|
width: "100%",
|
|
264
180
|
height: "100%",
|
|
265
181
|
fill: "none",
|
|
266
182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
267
183
|
"aria-labelledby": titleId
|
|
268
|
-
}, props, {
|
|
269
|
-
children: [title ? jsxRuntime.jsx("title",
|
|
270
|
-
id: titleId
|
|
271
|
-
}, {
|
|
184
|
+
}, props), {}, {
|
|
185
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
186
|
+
id: titleId,
|
|
272
187
|
children: title
|
|
273
|
-
})
|
|
188
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
274
189
|
d: "M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41Z",
|
|
275
190
|
fill: "currentColor"
|
|
276
191
|
})]
|
|
277
192
|
}));
|
|
278
193
|
};
|
|
279
194
|
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
195
|
+
var _excluded$2 = ["title", "titleId"];
|
|
196
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
197
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
198
|
+
var IconArrowLeftDouble = function IconArrowLeftDouble(_ref) {
|
|
199
|
+
var title = _ref.title,
|
|
200
|
+
titleId = _ref.titleId,
|
|
201
|
+
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
202
|
+
return jsxRuntime.jsxs("svg", _objectSpread$2(_objectSpread$2({
|
|
287
203
|
width: "100%",
|
|
288
204
|
height: "100%",
|
|
289
205
|
fill: "none",
|
|
290
206
|
xmlns: "http://www.w3.org/2000/svg",
|
|
291
207
|
"aria-labelledby": titleId
|
|
292
|
-
}, props, {
|
|
293
|
-
children: [title ? jsxRuntime.jsx("title",
|
|
294
|
-
id: titleId
|
|
295
|
-
}, {
|
|
208
|
+
}, props), {}, {
|
|
209
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
210
|
+
id: titleId,
|
|
296
211
|
children: title
|
|
297
|
-
})
|
|
212
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
298
213
|
d: "M17.59 18 19 16.59 14.42 12 19 7.41 17.59 6l-6 6 6 6Z",
|
|
299
214
|
fill: "currentColor"
|
|
300
215
|
}), jsxRuntime.jsx("path", {
|
|
@@ -304,48 +219,48 @@ const IconArrowLeftDouble = _a => {
|
|
|
304
219
|
}));
|
|
305
220
|
};
|
|
306
221
|
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
222
|
+
var _excluded$1 = ["title", "titleId"];
|
|
223
|
+
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
224
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
225
|
+
var IconArrowRight = function IconArrowRight(_ref) {
|
|
226
|
+
var title = _ref.title,
|
|
227
|
+
titleId = _ref.titleId,
|
|
228
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
229
|
+
return jsxRuntime.jsxs("svg", _objectSpread$1(_objectSpread$1({
|
|
314
230
|
width: "100%",
|
|
315
231
|
height: "100%",
|
|
316
232
|
fill: "none",
|
|
317
233
|
xmlns: "http://www.w3.org/2000/svg",
|
|
318
234
|
"aria-labelledby": titleId
|
|
319
|
-
}, props, {
|
|
320
|
-
children: [title ? jsxRuntime.jsx("title",
|
|
321
|
-
id: titleId
|
|
322
|
-
}, {
|
|
235
|
+
}, props), {}, {
|
|
236
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
237
|
+
id: titleId,
|
|
323
238
|
children: title
|
|
324
|
-
})
|
|
239
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
325
240
|
d: "M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41Z",
|
|
326
241
|
fill: "currentColor"
|
|
327
242
|
})]
|
|
328
243
|
}));
|
|
329
244
|
};
|
|
330
245
|
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
246
|
+
var _excluded = ["title", "titleId"];
|
|
247
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
248
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
249
|
+
var IconArrowRightDouble = function IconArrowRightDouble(_ref) {
|
|
250
|
+
var title = _ref.title,
|
|
251
|
+
titleId = _ref.titleId,
|
|
252
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
253
|
+
return jsxRuntime.jsxs("svg", _objectSpread(_objectSpread({
|
|
338
254
|
fill: "none",
|
|
339
255
|
width: "100%",
|
|
340
256
|
height: "100%",
|
|
341
257
|
xmlns: "http://www.w3.org/2000/svg",
|
|
342
258
|
"aria-labelledby": titleId
|
|
343
|
-
}, props, {
|
|
344
|
-
children: [title ? jsxRuntime.jsx("title",
|
|
345
|
-
id: titleId
|
|
346
|
-
}, {
|
|
259
|
+
}, props), {}, {
|
|
260
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
261
|
+
id: titleId,
|
|
347
262
|
children: title
|
|
348
|
-
})
|
|
263
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
349
264
|
d: "M6.41 6 5 7.41 9.58 12 5 16.59 6.41 18l6-6-6-6Z",
|
|
350
265
|
fill: "currentColor"
|
|
351
266
|
}), jsxRuntime.jsx("path", {
|
|
@@ -356,137 +271,159 @@ const IconArrowRightDouble = _a => {
|
|
|
356
271
|
};
|
|
357
272
|
|
|
358
273
|
function createCalendar(today) {
|
|
359
|
-
|
|
274
|
+
var start = dateFns.startOfWeek(dateFns.startOfMonth(today), {
|
|
360
275
|
weekStartsOn: 1 /* Monday */
|
|
361
276
|
});
|
|
362
|
-
|
|
277
|
+
var end = dateFns.endOfWeek(dateFns.addWeeks(start, 5), {
|
|
363
278
|
weekStartsOn: 1 /* Monday */
|
|
364
279
|
});
|
|
365
280
|
return dateFns.eachDayOfInterval({
|
|
366
|
-
start,
|
|
367
|
-
end
|
|
281
|
+
start: start,
|
|
282
|
+
end: end
|
|
368
283
|
});
|
|
369
284
|
}
|
|
370
|
-
/**
|
|
371
|
-
* Calendar Component
|
|
372
|
-
* powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
|
|
285
|
+
/**
|
|
286
|
+
* Calendar Component
|
|
287
|
+
* powered by date-fns, so that make it easy to use the `date-fns` date functions & locale
|
|
373
288
|
* */
|
|
374
|
-
|
|
375
|
-
onCalendarClick,
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
289
|
+
var Calendar = function Calendar(_ref) {
|
|
290
|
+
var onCalendarClick = _ref.onCalendarClick,
|
|
291
|
+
events = _ref.events,
|
|
292
|
+
currentDate = _ref.currentDate,
|
|
293
|
+
_ref$locale = _ref.locale,
|
|
294
|
+
locale$1 = _ref$locale === void 0 ? locale.enUS : _ref$locale,
|
|
295
|
+
_ref$previousYearButt = _ref.previousYearButtonTitle,
|
|
296
|
+
previousYearButtonTitle = _ref$previousYearButt === void 0 ? 'Previous year' : _ref$previousYearButt,
|
|
297
|
+
_ref$nextYearButtonTi = _ref.nextYearButtonTitle,
|
|
298
|
+
nextYearButtonTitle = _ref$nextYearButtonTi === void 0 ? 'Next year' : _ref$nextYearButtonTi,
|
|
299
|
+
_ref$previousMonthBut = _ref.previousMonthButtonTitle,
|
|
300
|
+
previousMonthButtonTitle = _ref$previousMonthBut === void 0 ? 'Previous month' : _ref$previousMonthBut,
|
|
301
|
+
_ref$nextMonthButtonT = _ref.nextMonthButtonTitle,
|
|
302
|
+
nextMonthButtonTitle = _ref$nextMonthButtonT === void 0 ? 'Next month' : _ref$nextMonthButtonT,
|
|
303
|
+
minDate = _ref.minDate,
|
|
304
|
+
maxDate = _ref.maxDate;
|
|
305
|
+
var _useState = react.useState(currentDate || new Date()),
|
|
306
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
307
|
+
visibleMonth = _useState2[0],
|
|
308
|
+
setVisibleMonth = _useState2[1];
|
|
309
|
+
var _useState3 = react.useState(currentDate),
|
|
310
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
311
|
+
selectedDate = _useState4[0],
|
|
312
|
+
setSelectedDate = _useState4[1];
|
|
313
|
+
var calendar = createCalendar(visibleMonth);
|
|
314
|
+
var start = dateFns.startOfWeek(visibleMonth, {
|
|
390
315
|
weekStartsOn: 1
|
|
391
316
|
});
|
|
392
|
-
|
|
317
|
+
var end = dateFns.endOfWeek(visibleMonth, {
|
|
393
318
|
weekStartsOn: 1
|
|
394
319
|
});
|
|
395
|
-
|
|
396
|
-
start,
|
|
397
|
-
end
|
|
398
|
-
}).map(
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
320
|
+
var currentWeek = dateFns.eachDayOfInterval({
|
|
321
|
+
start: start,
|
|
322
|
+
end: end
|
|
323
|
+
}).map(function (day) {
|
|
324
|
+
return day;
|
|
325
|
+
});
|
|
326
|
+
var chunksWeeks = chunk(calendar, calendar.length / 6);
|
|
327
|
+
var weeks = chunksWeeks.map(function (week) {
|
|
328
|
+
return week.map(function (date) {
|
|
329
|
+
var currentEvent = events && events.length > 0 && events.find(function (e) {
|
|
330
|
+
return dateFns.isSameDay(dateFns.endOfDay(dateFns.parseISO(e.date)), date);
|
|
331
|
+
});
|
|
332
|
+
if (currentEvent) {
|
|
333
|
+
return {
|
|
334
|
+
date: date,
|
|
335
|
+
emphasis: currentEvent.emphasis,
|
|
336
|
+
selected: currentEvent.selected,
|
|
337
|
+
disabled: currentEvent.disabled
|
|
338
|
+
};
|
|
339
|
+
} else {
|
|
340
|
+
return {
|
|
341
|
+
date: date,
|
|
342
|
+
emphasis: false,
|
|
343
|
+
selected: false,
|
|
344
|
+
disabled: false
|
|
345
|
+
};
|
|
346
|
+
}
|
|
347
|
+
});
|
|
348
|
+
});
|
|
349
|
+
return jsxRuntime.jsxs("div", {
|
|
350
|
+
className: "utrecht-calendar",
|
|
421
351
|
children: [jsxRuntime.jsx(CalendarNavigation, {
|
|
422
|
-
children: jsxRuntime.jsx(CalendarNavigationButtons,
|
|
352
|
+
children: jsxRuntime.jsx(CalendarNavigationButtons, {
|
|
423
353
|
previousIcon: jsxRuntime.jsx(IconArrowLeftDouble, {
|
|
424
354
|
title: previousYearButtonTitle
|
|
425
355
|
}),
|
|
426
356
|
nextIcon: jsxRuntime.jsx(IconArrowRightDouble, {
|
|
427
357
|
title: nextYearButtonTitle
|
|
428
358
|
}),
|
|
429
|
-
onPreviousClick:
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
359
|
+
onPreviousClick: function onPreviousClick() {
|
|
360
|
+
return setVisibleMonth(dateFns.setYear(visibleMonth, dateFns.getYear(visibleMonth) - 1));
|
|
361
|
+
},
|
|
362
|
+
onNextClick: function onNextClick() {
|
|
363
|
+
return setVisibleMonth(dateFns.addYears(visibleMonth, 1));
|
|
364
|
+
},
|
|
365
|
+
children: jsxRuntime.jsx(CalendarNavigationButtons, {
|
|
433
366
|
previousIcon: jsxRuntime.jsx(IconArrowLeft, {
|
|
434
367
|
title: previousMonthButtonTitle
|
|
435
368
|
}),
|
|
436
369
|
nextIcon: jsxRuntime.jsx(IconArrowRight, {
|
|
437
370
|
title: nextMonthButtonTitle
|
|
438
371
|
}),
|
|
439
|
-
onPreviousClick:
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
},
|
|
372
|
+
onPreviousClick: function onPreviousClick() {
|
|
373
|
+
return setVisibleMonth(dateFns.setMonth(visibleMonth, visibleMonth.getMonth() - 1));
|
|
374
|
+
},
|
|
375
|
+
onNextClick: function onNextClick() {
|
|
376
|
+
return setVisibleMonth(dateFns.addMonths(visibleMonth, 1));
|
|
377
|
+
},
|
|
378
|
+
children: jsxRuntime.jsx(CalendarNavigationLabel, {
|
|
379
|
+
dateTime: dateFns.format(visibleMonth, 'yyyy-mm'),
|
|
445
380
|
children: dateFns.format(visibleMonth, 'LLLL Y', {
|
|
446
381
|
locale: locale$1
|
|
447
382
|
})
|
|
448
|
-
})
|
|
449
|
-
})
|
|
450
|
-
})
|
|
451
|
-
}), jsxRuntime.jsxs("table",
|
|
383
|
+
})
|
|
384
|
+
})
|
|
385
|
+
})
|
|
386
|
+
}), jsxRuntime.jsxs("table", {
|
|
452
387
|
className: "utrecht-calendar__table",
|
|
453
|
-
role: "grid"
|
|
454
|
-
}, {
|
|
388
|
+
role: "grid",
|
|
455
389
|
children: [jsxRuntime.jsx(CalendarTableWeeksContainer, {
|
|
456
|
-
children: currentWeek && currentWeek.length > 0 && currentWeek.map((day, index)
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
390
|
+
children: currentWeek && currentWeek.length > 0 && currentWeek.map(function (day, index) {
|
|
391
|
+
return jsxRuntime.jsx(CalendarTableWeeksItem, {
|
|
392
|
+
scope: "col",
|
|
393
|
+
abbr: dateFns.format(day, 'EEEE', {
|
|
394
|
+
locale: locale$1
|
|
395
|
+
}),
|
|
396
|
+
children: dateFns.format(day, 'EEEEEE', {
|
|
397
|
+
locale: locale$1
|
|
398
|
+
})
|
|
399
|
+
}, index);
|
|
400
|
+
})
|
|
466
401
|
}), jsxRuntime.jsx(CalendarTableDaysContainer, {
|
|
467
|
-
children: weeks && weeks.length > 0 && weeks.map((week, index)
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
402
|
+
children: weeks && weeks.length > 0 && weeks.map(function (week, index) {
|
|
403
|
+
return jsxRuntime.jsx(CalendarTableDaysItem, {
|
|
404
|
+
children: week.map(function (day, index) {
|
|
405
|
+
return jsxRuntime.jsx(CalendarTableDaysItemDay, {
|
|
406
|
+
isToday: dateFns.isSameDay(day.date, Date.now()),
|
|
407
|
+
dayOutOfTheMonth: !dateFns.isSameMonth(day.date, visibleMonth),
|
|
408
|
+
onClick: function onClick() {
|
|
409
|
+
setVisibleMonth(day.date);
|
|
410
|
+
setSelectedDate(day.date);
|
|
411
|
+
onCalendarClick(dateFns.formatISO(day.date));
|
|
412
|
+
},
|
|
413
|
+
"aria-label": dateFns.format(day.date, 'eeee dd LLLL Y', {
|
|
414
|
+
locale: locale$1
|
|
415
|
+
}),
|
|
416
|
+
day: day.date.getDate().toString(),
|
|
417
|
+
emphasis: day.emphasis,
|
|
418
|
+
selected: day.selected || selectedDate && dateFns.isSameDay(day.date, selectedDate),
|
|
419
|
+
disabled: day.disabled || minDate && dateFns.isBefore(day.date, dateFns.startOfDay(minDate)) || maxDate && dateFns.isAfter(day.date, dateFns.endOfDay(maxDate))
|
|
420
|
+
}, index);
|
|
421
|
+
})
|
|
422
|
+
}, index);
|
|
423
|
+
})
|
|
487
424
|
})]
|
|
488
|
-
})
|
|
489
|
-
})
|
|
425
|
+
})]
|
|
426
|
+
});
|
|
490
427
|
};
|
|
491
428
|
|
|
492
429
|
exports.Calendar = Calendar;
|