@simplybusiness/mobius-datepicker 6.5.10 → 6.5.12
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/CHANGELOG.md +14 -0
- package/dist/cjs/index.js +22 -34
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/{DatePickerModal-JS34UA4A.js → DatePickerModal-HIVKNYON.js} +10 -16
- package/dist/esm/index.js +1 -1
- package/package.json +2 -2
- package/src/components/DatePicker/DatePicker.test.tsx +1 -1
- package/src/components/DatePicker/DatePickerModal.test.tsx +0 -16
- package/src/components/DatePicker/DatePickerModal.tsx +3 -4
- package/src/components/DatePicker/utils/dateObjToString.test.ts +2 -1
- package/src/components/DatePicker/utils/dateObjToString.ts +7 -4
- package/src/components/DatePicker/utils/weekdayAsOneLetter.test.ts +3 -2
- package/src/components/DatePicker/utils/weekdayAsOneLetter.ts +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 6.5.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 85cbdbf: Fix tests and date formatting for UK and US
|
|
8
|
+
|
|
9
|
+
## 6.5.11
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- e32bd89: Update themes to produce unhashed filenames for assets
|
|
14
|
+
- Updated dependencies [e32bd89]
|
|
15
|
+
- @simplybusiness/mobius@5.26.1
|
|
16
|
+
|
|
3
17
|
## 6.5.10
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/index.js
CHANGED
|
@@ -30,36 +30,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
30
30
|
));
|
|
31
31
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
32
32
|
|
|
33
|
-
// src/components/DatePicker/utils/timezoneOffset.ts
|
|
34
|
-
function toUTC(localDate) {
|
|
35
|
-
return new Date(localDate.getTime() - localDate.getTimezoneOffset() * 6e4);
|
|
36
|
-
}
|
|
37
|
-
function toLocal(utcDate) {
|
|
38
|
-
return new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 6e4);
|
|
39
|
-
}
|
|
40
|
-
var init_timezoneOffset = __esm({
|
|
41
|
-
"src/components/DatePicker/utils/timezoneOffset.ts"() {
|
|
42
|
-
"use strict";
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
|
|
46
33
|
// src/components/DatePicker/utils/dateObjToString.ts
|
|
47
|
-
var
|
|
34
|
+
var dateObjToString;
|
|
48
35
|
var init_dateObjToString = __esm({
|
|
49
36
|
"src/components/DatePicker/utils/dateObjToString.ts"() {
|
|
50
37
|
"use strict";
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
38
|
+
dateObjToString = (date) => {
|
|
39
|
+
const year = date.getFullYear();
|
|
40
|
+
const month = String(date.getMonth() + 1).padStart(2, "0");
|
|
41
|
+
const day = String(date.getDate()).padStart(2, "0");
|
|
42
|
+
return `${year}-${month}-${day}`;
|
|
43
|
+
};
|
|
54
44
|
}
|
|
55
45
|
});
|
|
56
46
|
|
|
57
47
|
// src/components/DatePicker/utils/formatErrorMessageText.ts
|
|
58
|
-
var
|
|
48
|
+
var import_date_fns, DEFAULT_INVALID_DATE_MESSAGE, DEFAULT_BEFORE_MIN, DEFAULT_AFTER_MAX, formatErrorMessageText;
|
|
59
49
|
var init_formatErrorMessageText = __esm({
|
|
60
50
|
"src/components/DatePicker/utils/formatErrorMessageText.ts"() {
|
|
61
51
|
"use strict";
|
|
62
|
-
|
|
52
|
+
import_date_fns = require("date-fns");
|
|
63
53
|
DEFAULT_INVALID_DATE_MESSAGE = "Please enter a valid date";
|
|
64
54
|
DEFAULT_BEFORE_MIN = "The date you selected is before the earliest allowed date";
|
|
65
55
|
DEFAULT_AFTER_MAX = "The date you selected is after the latest allowed date";
|
|
@@ -67,10 +57,10 @@ var init_formatErrorMessageText = __esm({
|
|
|
67
57
|
const actualDate = new Date(actual);
|
|
68
58
|
const minDate = min && new Date(min);
|
|
69
59
|
const maxDate = max && new Date(max);
|
|
70
|
-
if (minDate && (0,
|
|
60
|
+
if (minDate && (0, import_date_fns.isBefore)(actualDate, minDate)) {
|
|
71
61
|
return DEFAULT_BEFORE_MIN;
|
|
72
62
|
}
|
|
73
|
-
if (maxDate && (0,
|
|
63
|
+
if (maxDate && (0, import_date_fns.isAfter)(actualDate, maxDate)) {
|
|
74
64
|
return DEFAULT_AFTER_MAX;
|
|
75
65
|
}
|
|
76
66
|
return DEFAULT_INVALID_DATE_MESSAGE;
|
|
@@ -79,17 +69,17 @@ var init_formatErrorMessageText = __esm({
|
|
|
79
69
|
});
|
|
80
70
|
|
|
81
71
|
// src/components/DatePicker/utils/validateDateFormat.ts
|
|
82
|
-
var
|
|
72
|
+
var import_date_fns2, DATE_FORMAT, validateDateFormat;
|
|
83
73
|
var init_validateDateFormat = __esm({
|
|
84
74
|
"src/components/DatePicker/utils/validateDateFormat.ts"() {
|
|
85
75
|
"use strict";
|
|
86
|
-
|
|
76
|
+
import_date_fns2 = require("date-fns");
|
|
87
77
|
DATE_FORMAT = "yyyy-MM-dd";
|
|
88
78
|
validateDateFormat = (date) => {
|
|
89
79
|
if (date === "") {
|
|
90
80
|
return "";
|
|
91
81
|
}
|
|
92
|
-
if ((0,
|
|
82
|
+
if ((0, import_date_fns2.isMatch)(date, DATE_FORMAT)) {
|
|
93
83
|
return date;
|
|
94
84
|
}
|
|
95
85
|
throw Error(
|
|
@@ -116,10 +106,9 @@ var init_weekdayAsOneLetter = __esm({
|
|
|
116
106
|
"src/components/DatePicker/utils/weekdayAsOneLetter.ts"() {
|
|
117
107
|
"use strict";
|
|
118
108
|
init_constants();
|
|
119
|
-
init_timezoneOffset();
|
|
120
109
|
weekdayAsOneLetter = (date) => {
|
|
121
110
|
const locale = navigator.language || DEFAULT_LOCALE;
|
|
122
|
-
const oneLetter =
|
|
111
|
+
const oneLetter = date.toLocaleString(locale, {
|
|
123
112
|
weekday: "narrow"
|
|
124
113
|
});
|
|
125
114
|
return oneLetter;
|
|
@@ -205,7 +194,7 @@ var DatePickerModal_exports = {};
|
|
|
205
194
|
__export(DatePickerModal_exports, {
|
|
206
195
|
default: () => DatePickerModal_default
|
|
207
196
|
});
|
|
208
|
-
var import_icons, import_mobius, import_dedupe,
|
|
197
|
+
var import_icons, import_mobius, import_dedupe, import_date_fns3, import_react2, import_react_day_picker, import_jsx_runtime2, PARENT_NODE, ChevronComponent, startWeekday, DatePickerModal, DatePickerModal_default;
|
|
209
198
|
var init_DatePickerModal = __esm({
|
|
210
199
|
"src/components/DatePicker/DatePickerModal.tsx"() {
|
|
211
200
|
"use strict";
|
|
@@ -213,13 +202,12 @@ var init_DatePickerModal = __esm({
|
|
|
213
202
|
import_icons = require("@simplybusiness/icons");
|
|
214
203
|
import_mobius = require("@simplybusiness/mobius");
|
|
215
204
|
import_dedupe = __toESM(require("classnames/dedupe"));
|
|
216
|
-
|
|
205
|
+
import_date_fns3 = require("date-fns");
|
|
217
206
|
import_react2 = require("react");
|
|
218
207
|
import_react_day_picker = require("react-day-picker");
|
|
219
208
|
init_useFocusTrap();
|
|
220
209
|
init_utils();
|
|
221
210
|
init_getStartWeekday();
|
|
222
|
-
init_timezoneOffset();
|
|
223
211
|
import_jsx_runtime2 = require("react/jsx-runtime");
|
|
224
212
|
PARENT_NODE = typeof document !== "undefined" && document.body;
|
|
225
213
|
ChevronComponent = ({
|
|
@@ -240,9 +228,9 @@ var init_DatePickerModal = __esm({
|
|
|
240
228
|
max
|
|
241
229
|
}) => {
|
|
242
230
|
const modalRef = (0, import_react2.useRef)(null);
|
|
243
|
-
const initialDate = date ?
|
|
244
|
-
const minDate = min ?
|
|
245
|
-
const maxDate = max ?
|
|
231
|
+
const initialDate = date ? new Date(date) : void 0;
|
|
232
|
+
const minDate = min ? new Date(min) : void 0;
|
|
233
|
+
const maxDate = max ? new Date(max) : void 0;
|
|
246
234
|
const hiddenId = `screen-reader-title-${(0, import_react2.useId)()}`;
|
|
247
235
|
if (isOpen && PARENT_NODE) {
|
|
248
236
|
PARENT_NODE?.setAttribute("aria-hidden", "true");
|
|
@@ -280,8 +268,8 @@ var init_DatePickerModal = __esm({
|
|
|
280
268
|
...minDate && { startMonth: minDate },
|
|
281
269
|
...maxDate && { endMonth: maxDate },
|
|
282
270
|
disabled: {
|
|
283
|
-
...min && { before: (0,
|
|
284
|
-
...max && { after: (0,
|
|
271
|
+
...min && { before: (0, import_date_fns3.parseISO)(min) },
|
|
272
|
+
...max && { after: (0, import_date_fns3.parseISO)(max) }
|
|
285
273
|
},
|
|
286
274
|
selected: initialDate,
|
|
287
275
|
defaultMonth: initialDate,
|