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