@navikt/ds-react 1.3.28 → 1.3.30
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/cjs/date/hooks/useDatepicker.js +14 -11
- package/cjs/date/hooks/useMonthPicker.js +15 -12
- package/cjs/date/hooks/useRangeDatepicker.js +20 -19
- package/cjs/util/useId.js +2 -33
- package/esm/date/hooks/useDatepicker.js +14 -11
- package/esm/date/hooks/useDatepicker.js.map +1 -1
- package/esm/date/hooks/useMonthPicker.js +15 -12
- package/esm/date/hooks/useMonthPicker.js.map +1 -1
- package/esm/date/hooks/useRangeDatepicker.js +20 -19
- package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
- package/esm/util/useId.js +2 -10
- package/esm/util/useId.js.map +1 -1
- package/package.json +3 -3
- package/src/date/datepicker/datepicker.test.tsx +25 -0
- package/src/date/hooks/useDatepicker.tsx +13 -10
- package/src/date/hooks/useMonthPicker.tsx +16 -12
- package/src/date/hooks/useRangeDatepicker.tsx +22 -28
- package/src/util/useId.ts +2 -11
|
@@ -23,16 +23,19 @@ const useDatepicker = (opt = {}) => {
|
|
|
23
23
|
? (0, utils_1.formatDateForInput)(defaultSelected, locale, "date")
|
|
24
24
|
: "";
|
|
25
25
|
const [inputValue, setInputValue] = (0, react_1.useState)(defaultInputValue);
|
|
26
|
-
const
|
|
26
|
+
const updateDate = (date) => {
|
|
27
27
|
onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(date);
|
|
28
|
-
|
|
28
|
+
setSelectedDay(date);
|
|
29
29
|
};
|
|
30
30
|
const handleFocusIn = (0, react_1.useCallback)((e) => {
|
|
31
|
-
var _a;
|
|
31
|
+
var _a, _b;
|
|
32
|
+
if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
32
35
|
![
|
|
33
36
|
daypickerRef.current,
|
|
34
37
|
inputRef.current,
|
|
35
|
-
(
|
|
38
|
+
(_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
|
|
36
39
|
].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
|
|
37
40
|
open &&
|
|
38
41
|
setOpen(false);
|
|
@@ -47,13 +50,13 @@ const useDatepicker = (opt = {}) => {
|
|
|
47
50
|
};
|
|
48
51
|
}, [handleFocusIn]);
|
|
49
52
|
const reset = () => {
|
|
50
|
-
|
|
53
|
+
updateDate(defaultSelected);
|
|
51
54
|
setMonth(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
|
|
52
55
|
setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
|
|
53
56
|
setDefaultSelected(_defaultSelected);
|
|
54
57
|
};
|
|
55
58
|
const setSelected = (date) => {
|
|
56
|
-
|
|
59
|
+
updateDate(date);
|
|
57
60
|
setMonth(date !== null && date !== void 0 ? date : today);
|
|
58
61
|
setInputValue(date ? (0, utils_1.formatDateForInput)(date, locale, "date") : "");
|
|
59
62
|
};
|
|
@@ -76,11 +79,11 @@ const useDatepicker = (opt = {}) => {
|
|
|
76
79
|
inputRef.current && inputRef.current.focus();
|
|
77
80
|
}
|
|
78
81
|
if (!required && selected) {
|
|
79
|
-
|
|
82
|
+
updateDate(undefined);
|
|
80
83
|
setInputValue("");
|
|
81
84
|
return;
|
|
82
85
|
}
|
|
83
|
-
|
|
86
|
+
updateDate(day);
|
|
84
87
|
setMonth(day);
|
|
85
88
|
setInputValue(day ? (0, utils_1.formatDateForInput)(day, locale, "date") : "");
|
|
86
89
|
};
|
|
@@ -93,16 +96,16 @@ const useDatepicker = (opt = {}) => {
|
|
|
93
96
|
if (!(0, utils_1.isValidDate)(day) ||
|
|
94
97
|
(disabled &&
|
|
95
98
|
((disableWeekends && (0, isWeekend_1.default)(day)) || (0, react_day_picker_1.isMatch)(day, disabled)))) {
|
|
96
|
-
|
|
99
|
+
updateDate(undefined);
|
|
97
100
|
return;
|
|
98
101
|
}
|
|
99
102
|
const isBefore = fromDate && (0, differenceInCalendarDays_1.default)(fromDate, day) > 0;
|
|
100
103
|
const isAfter = toDate && (0, differenceInCalendarDays_1.default)(day, toDate) > 0;
|
|
101
104
|
if (isBefore || isAfter) {
|
|
102
|
-
|
|
105
|
+
updateDate(undefined);
|
|
103
106
|
return;
|
|
104
107
|
}
|
|
105
|
-
|
|
108
|
+
updateDate(day);
|
|
106
109
|
setMonth(day);
|
|
107
110
|
};
|
|
108
111
|
const handleClose = (0, react_1.useCallback)(() => {
|
|
@@ -18,16 +18,19 @@ const useMonthpicker = (opt = {}) => {
|
|
|
18
18
|
? (0, utils_1.formatDateForInput)(defaultSelected, locale, "month")
|
|
19
19
|
: "";
|
|
20
20
|
const [inputValue, setInputValue] = (0, react_1.useState)(defaultInputValue);
|
|
21
|
-
const
|
|
21
|
+
const updateMonth = (date) => {
|
|
22
22
|
onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(date);
|
|
23
|
-
|
|
23
|
+
setSelectedMonth(date);
|
|
24
24
|
};
|
|
25
25
|
const handleFocusIn = (0, react_1.useCallback)((e) => {
|
|
26
|
-
var _a;
|
|
27
|
-
|
|
26
|
+
var _a, _b;
|
|
27
|
+
if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
![
|
|
28
31
|
monthpickerRef.current,
|
|
29
32
|
inputRef.current,
|
|
30
|
-
(
|
|
33
|
+
(_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
|
|
31
34
|
].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
|
|
32
35
|
open &&
|
|
33
36
|
setOpen(false);
|
|
@@ -42,13 +45,13 @@ const useMonthpicker = (opt = {}) => {
|
|
|
42
45
|
};
|
|
43
46
|
}, [handleFocusIn]);
|
|
44
47
|
const reset = () => {
|
|
45
|
-
|
|
48
|
+
updateMonth(defaultSelected);
|
|
46
49
|
setYear(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
|
|
47
50
|
setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
|
|
48
51
|
setDefaultSelected(_defaultSelected);
|
|
49
52
|
};
|
|
50
53
|
const setSelected = (date) => {
|
|
51
|
-
|
|
54
|
+
updateMonth(date);
|
|
52
55
|
setYear(date !== null && date !== void 0 ? date : today);
|
|
53
56
|
setInputValue(date ? (0, utils_1.formatDateForInput)(date, locale, "month") : "");
|
|
54
57
|
};
|
|
@@ -71,11 +74,11 @@ const useMonthpicker = (opt = {}) => {
|
|
|
71
74
|
inputRef.current && inputRef.current.focus();
|
|
72
75
|
}
|
|
73
76
|
if (!required && !month) {
|
|
74
|
-
|
|
77
|
+
updateMonth(undefined);
|
|
75
78
|
setInputValue("");
|
|
76
79
|
return;
|
|
77
80
|
}
|
|
78
|
-
|
|
81
|
+
updateMonth(month);
|
|
79
82
|
setInputValue(month ? (0, utils_1.formatDateForInput)(month, locale, "month") : "");
|
|
80
83
|
};
|
|
81
84
|
// When changing the input field, save its value in state and check if the
|
|
@@ -85,7 +88,7 @@ const useMonthpicker = (opt = {}) => {
|
|
|
85
88
|
setInputValue(e.target.value);
|
|
86
89
|
const month = (0, utils_1.parseDate)(e.target.value, today, locale, "month");
|
|
87
90
|
if (!(0, utils_1.isValidDate)(month) || (disabled && (0, utils_1.isMatch)(month, disabled))) {
|
|
88
|
-
|
|
91
|
+
updateMonth(undefined);
|
|
89
92
|
return;
|
|
90
93
|
}
|
|
91
94
|
const isBefore = fromDate &&
|
|
@@ -99,10 +102,10 @@ const useMonthpicker = (opt = {}) => {
|
|
|
99
102
|
if (isAfter ||
|
|
100
103
|
isBefore ||
|
|
101
104
|
(fromDate && toDate && !(0, utils_1.isMatch)(month, [{ from: fromDate, to: toDate }]))) {
|
|
102
|
-
|
|
105
|
+
updateMonth(undefined);
|
|
103
106
|
return;
|
|
104
107
|
}
|
|
105
|
-
|
|
108
|
+
updateMonth(month);
|
|
106
109
|
setYear(month);
|
|
107
110
|
};
|
|
108
111
|
const handleClose = (0, react_1.useCallback)(() => {
|
|
@@ -30,18 +30,21 @@ const useRangeDatepicker = (opt = {}) => {
|
|
|
30
30
|
? (0, utils_1.formatDateForInput)(defaultSelected.to, locale, "date")
|
|
31
31
|
: "");
|
|
32
32
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
33
|
-
const
|
|
33
|
+
const updateRange = (range) => {
|
|
34
34
|
onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
|
|
35
|
-
|
|
35
|
+
setSelectedRange(range);
|
|
36
36
|
};
|
|
37
37
|
const handleFocusIn = (0, react_1.useCallback)((e) => {
|
|
38
|
-
var _a, _b;
|
|
39
|
-
|
|
38
|
+
var _a, _b, _c;
|
|
39
|
+
if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
![
|
|
40
43
|
datePickerRef.current,
|
|
41
44
|
inputRefTo.current,
|
|
42
45
|
inputRefFrom.current,
|
|
43
|
-
(
|
|
44
|
-
(
|
|
46
|
+
(_b = inputRefTo.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
|
|
47
|
+
(_c = inputRefFrom.current) === null || _c === void 0 ? void 0 : _c.nextSibling,
|
|
45
48
|
].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
|
|
46
49
|
open &&
|
|
47
50
|
setOpen(false);
|
|
@@ -56,7 +59,7 @@ const useRangeDatepicker = (opt = {}) => {
|
|
|
56
59
|
};
|
|
57
60
|
}, [handleFocusIn]);
|
|
58
61
|
const reset = () => {
|
|
59
|
-
|
|
62
|
+
updateRange(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined });
|
|
60
63
|
setMonth(defaultSelected ? defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from : today);
|
|
61
64
|
setFromInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
|
|
62
65
|
? (0, utils_1.formatDateForInput)(defaultSelected.from, locale, "date")
|
|
@@ -67,7 +70,7 @@ const useRangeDatepicker = (opt = {}) => {
|
|
|
67
70
|
setDefaultSelected(_defaultSelected);
|
|
68
71
|
};
|
|
69
72
|
const setSelected = (range) => {
|
|
70
|
-
|
|
73
|
+
updateRange(range);
|
|
71
74
|
setFromInputValue((range === null || range === void 0 ? void 0 : range.from) ? (0, utils_1.formatDateForInput)(range.from, locale, "date") : "");
|
|
72
75
|
setToInputValue((range === null || range === void 0 ? void 0 : range.to) ? (0, utils_1.formatDateForInput)(range === null || range === void 0 ? void 0 : range.to, locale, "date") : "");
|
|
73
76
|
};
|
|
@@ -123,7 +126,7 @@ const useRangeDatepicker = (opt = {}) => {
|
|
|
123
126
|
prevToRange
|
|
124
127
|
? setToInputValue((0, utils_1.formatDateForInput)(prevToRange, locale, "date"))
|
|
125
128
|
: setToInputValue("");
|
|
126
|
-
|
|
129
|
+
updateRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange });
|
|
127
130
|
};
|
|
128
131
|
/* live-update datepicker based on changes in inputfields */
|
|
129
132
|
const handleChange = (e, src) => {
|
|
@@ -134,23 +137,23 @@ const useRangeDatepicker = (opt = {}) => {
|
|
|
134
137
|
if (!(0, utils_1.isValidDate)(day) ||
|
|
135
138
|
(disabled &&
|
|
136
139
|
((disableWeekends && (0, isWeekend_1.default)(day)) || (0, react_day_picker_1.isMatch)(day, disabled)))) {
|
|
137
|
-
|
|
138
|
-
? Object.assign(Object.assign({},
|
|
140
|
+
updateRange(src === RANGE.FROM
|
|
141
|
+
? Object.assign(Object.assign({}, selectedRange), { from: undefined }) : { from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
|
|
139
142
|
return;
|
|
140
143
|
}
|
|
141
144
|
const isBefore = fromDate && (0, differenceInCalendarDays_1.default)(fromDate, day) > 0;
|
|
142
145
|
const isAfter = toDate && (0, differenceInCalendarDays_1.default)(day, toDate) > 0;
|
|
143
146
|
if (isBefore || isAfter) {
|
|
144
147
|
src === RANGE.FROM
|
|
145
|
-
?
|
|
146
|
-
:
|
|
148
|
+
? updateRange(Object.assign(Object.assign({}, selectedRange), { from: undefined }))
|
|
149
|
+
: updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
|
|
147
150
|
return;
|
|
148
151
|
}
|
|
149
152
|
/* If to-value < from-value, switch places in state */
|
|
150
153
|
if (src === RANGE.TO &&
|
|
151
154
|
(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
|
|
152
155
|
(0, differenceInCalendarDays_1.default)(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) >= 0) {
|
|
153
|
-
|
|
156
|
+
updateRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from });
|
|
154
157
|
setMonth(day);
|
|
155
158
|
return;
|
|
156
159
|
}
|
|
@@ -158,14 +161,12 @@ const useRangeDatepicker = (opt = {}) => {
|
|
|
158
161
|
if (src === RANGE.FROM &&
|
|
159
162
|
(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
|
|
160
163
|
(0, differenceInCalendarDays_1.default)(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) >= 0) {
|
|
161
|
-
|
|
164
|
+
updateRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to });
|
|
162
165
|
setMonth(day);
|
|
163
166
|
return;
|
|
164
167
|
}
|
|
165
|
-
src === RANGE.FROM &&
|
|
166
|
-
|
|
167
|
-
src === RANGE.TO &&
|
|
168
|
-
setSelectedRange((x) => getSelectedRange({ from: x === null || x === void 0 ? void 0 : x.from, to: day }));
|
|
168
|
+
src === RANGE.FROM && updateRange(Object.assign(Object.assign({}, selectedRange), { from: day }));
|
|
169
|
+
src === RANGE.TO && updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: day });
|
|
169
170
|
setMonth(day);
|
|
170
171
|
};
|
|
171
172
|
const handleClose = (0, react_1.useCallback)(() => {
|
package/cjs/util/useId.js
CHANGED
|
@@ -1,31 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
3
|
exports.useId = void 0;
|
|
27
4
|
//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
|
|
28
|
-
const react_1 =
|
|
5
|
+
const react_1 = require("react");
|
|
29
6
|
let globalId = 0;
|
|
30
7
|
function useGlobalId(idOverride) {
|
|
31
8
|
const [defaultId, setDefaultId] = (0, react_1.useState)(idOverride);
|
|
@@ -37,15 +14,11 @@ function useGlobalId(idOverride) {
|
|
|
37
14
|
// We can't use it server-side.
|
|
38
15
|
// If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
|
|
39
16
|
globalId += 1;
|
|
40
|
-
setDefaultId(`
|
|
17
|
+
setDefaultId(`aksel-id-${globalId}`);
|
|
41
18
|
}
|
|
42
19
|
}, [defaultId]);
|
|
43
20
|
return id;
|
|
44
21
|
}
|
|
45
|
-
// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
|
|
46
|
-
const maybeReactUseId = react_1.default[
|
|
47
|
-
// eslint-disable-next-line no-useless-concat
|
|
48
|
-
"useId" + ""];
|
|
49
22
|
/**
|
|
50
23
|
*
|
|
51
24
|
* @example <div id={useId()} />
|
|
@@ -53,10 +26,6 @@ const maybeReactUseId = react_1.default[
|
|
|
53
26
|
* @returns {string}
|
|
54
27
|
*/
|
|
55
28
|
function useId(idOverride) {
|
|
56
|
-
if (maybeReactUseId !== undefined) {
|
|
57
|
-
const reactId = maybeReactUseId();
|
|
58
|
-
return idOverride !== null && idOverride !== void 0 ? idOverride : reactId;
|
|
59
|
-
}
|
|
60
29
|
// eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
|
|
61
30
|
return useGlobalId(idOverride);
|
|
62
31
|
}
|
|
@@ -17,16 +17,19 @@ export const useDatepicker = (opt = {}) => {
|
|
|
17
17
|
? formatDateForInput(defaultSelected, locale, "date")
|
|
18
18
|
: "";
|
|
19
19
|
const [inputValue, setInputValue] = useState(defaultInputValue);
|
|
20
|
-
const
|
|
20
|
+
const updateDate = (date) => {
|
|
21
21
|
onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(date);
|
|
22
|
-
|
|
22
|
+
setSelectedDay(date);
|
|
23
23
|
};
|
|
24
24
|
const handleFocusIn = useCallback((e) => {
|
|
25
|
-
var _a;
|
|
25
|
+
var _a, _b;
|
|
26
|
+
if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
26
29
|
![
|
|
27
30
|
daypickerRef.current,
|
|
28
31
|
inputRef.current,
|
|
29
|
-
(
|
|
32
|
+
(_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
|
|
30
33
|
].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
|
|
31
34
|
open &&
|
|
32
35
|
setOpen(false);
|
|
@@ -41,13 +44,13 @@ export const useDatepicker = (opt = {}) => {
|
|
|
41
44
|
};
|
|
42
45
|
}, [handleFocusIn]);
|
|
43
46
|
const reset = () => {
|
|
44
|
-
|
|
47
|
+
updateDate(defaultSelected);
|
|
45
48
|
setMonth(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
|
|
46
49
|
setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
|
|
47
50
|
setDefaultSelected(_defaultSelected);
|
|
48
51
|
};
|
|
49
52
|
const setSelected = (date) => {
|
|
50
|
-
|
|
53
|
+
updateDate(date);
|
|
51
54
|
setMonth(date !== null && date !== void 0 ? date : today);
|
|
52
55
|
setInputValue(date ? formatDateForInput(date, locale, "date") : "");
|
|
53
56
|
};
|
|
@@ -70,11 +73,11 @@ export const useDatepicker = (opt = {}) => {
|
|
|
70
73
|
inputRef.current && inputRef.current.focus();
|
|
71
74
|
}
|
|
72
75
|
if (!required && selected) {
|
|
73
|
-
|
|
76
|
+
updateDate(undefined);
|
|
74
77
|
setInputValue("");
|
|
75
78
|
return;
|
|
76
79
|
}
|
|
77
|
-
|
|
80
|
+
updateDate(day);
|
|
78
81
|
setMonth(day);
|
|
79
82
|
setInputValue(day ? formatDateForInput(day, locale, "date") : "");
|
|
80
83
|
};
|
|
@@ -87,16 +90,16 @@ export const useDatepicker = (opt = {}) => {
|
|
|
87
90
|
if (!isValidDate(day) ||
|
|
88
91
|
(disabled &&
|
|
89
92
|
((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))) {
|
|
90
|
-
|
|
93
|
+
updateDate(undefined);
|
|
91
94
|
return;
|
|
92
95
|
}
|
|
93
96
|
const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
|
|
94
97
|
const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
|
|
95
98
|
if (isBefore || isAfter) {
|
|
96
|
-
|
|
99
|
+
updateDate(undefined);
|
|
97
100
|
return;
|
|
98
101
|
}
|
|
99
|
-
|
|
102
|
+
updateDate(day);
|
|
100
103
|
setMonth(day);
|
|
101
104
|
};
|
|
102
105
|
const handleClose = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAwB,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,MAAM,UAAU,CAAC;AAqDlB,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAA4B,EAAE,EACV,EAAE;IACtB,MAAM,EACJ,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,QAAQ,EACR,eAAe,EAAE,gBAAgB,EACjC,KAAK,GAAG,IAAI,IAAI,EAAE,EAClB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,YAAY,GACb,GAAG,GAAG,CAAC;IAER,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useDatepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAwB,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,MAAM,UAAU,CAAC;AAqDlB,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAA4B,EAAE,EACV,EAAE;IACtB,MAAM,EACJ,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,QAAQ,EACR,eAAe,EAAE,gBAAgB,EACjC,KAAK,GAAG,IAAI,IAAI,EAAE,EAClB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,YAAY,GACb,GAAG,GAAG,CAAC;IAER,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEzE,oBAAoB;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,eAAe;QACvC,CAAC,CAAC,kBAAkB,CAAC,eAAe,EAAE,MAAM,EAAE,MAAM,CAAC;QACrD,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,CAAC,IAAW,EAAE,EAAE;QACjC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;QACrB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAC,EAAE,EAAE;;QACJ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA,IAAI,CAAC,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,0CAAE,QAAQ,CAAA,EAAE;YACtC,OAAO;SACR;QACD,CAAC;YACC,YAAY,CAAC,OAAO;YACpB,QAAQ,CAAC,OAAO;YAChB,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW;SAC9B,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI;YACJ,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;;YACV,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,uDAAG,SAAS,EAAE,aAAa,CAAC,CAAC;YACxD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,uDAAG,OAAO,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,UAAU,CAAC,eAAe,CAAC,CAAC;QAC5B,QAAQ,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,CAAC;QACnC,aAAa,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,CAAC,CAAC;QACvC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAsB,EAAE,EAAE;QAC7C,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,KAAK,CAAC,CAAC;QACxB,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,WAAW,GAA8C,CAAC,CAAC,EAAE,EAAE;QACnE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAEvB,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACpB,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;SACxD;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAA8C,CAAC,CAAC,EAAE,EAAE;QAClE,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,WAAW,CAAC,GAAG,CAAC,IAAI,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,6CAA6C;IAC7C,MAAM,cAAc,GAAyB,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;QACjE,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC9C;QAED,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,OAAO;SACR;QACD,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,0EAA0E;IAC1E,8EAA8E;IAC9E,wBAAwB;IACxB,MAAM,YAAY,GAA+C,CAAC,CAAC,EAAE,EAAE;QACrE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAE7D,IACE,CAAC,WAAW,CAAC,GAAG,CAAC;YACjB,CAAC,QAAQ;gBACP,CAAC,CAAC,eAAe,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAClE;YACA,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,QAAQ,IAAI,wBAAwB,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACzE,MAAM,OAAO,GAAG,MAAM,IAAI,wBAAwB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QACpE,IAAI,QAAQ,IAAI,OAAO,EAAE;YACvB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QACD,UAAU,CAAC,GAAG,CAAC,CAAC;QAChB,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,WAAW,EAAE,EAClD,CAAC,WAAW,EAAE,IAAI,CAAC,CACpB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG;QACtB,KAAK;QACL,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzC,UAAU,EAAE,cAAc;QAC1B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,OAAO;QACf,QAAQ;QACR,MAAM;QACN,KAAK;QACL,IAAI;QACJ,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,GAAG,EAAE,YAAY;KAClB,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,QAAQ;KACd,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC1E,CAAC,CAAC"}
|
|
@@ -15,16 +15,19 @@ export const useMonthpicker = (opt = {}) => {
|
|
|
15
15
|
? formatDateForInput(defaultSelected, locale, "month")
|
|
16
16
|
: "";
|
|
17
17
|
const [inputValue, setInputValue] = useState(defaultInputValue);
|
|
18
|
-
const
|
|
18
|
+
const updateMonth = (date) => {
|
|
19
19
|
onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(date);
|
|
20
|
-
|
|
20
|
+
setSelectedMonth(date);
|
|
21
21
|
};
|
|
22
22
|
const handleFocusIn = useCallback((e) => {
|
|
23
|
-
var _a;
|
|
24
|
-
|
|
23
|
+
var _a, _b;
|
|
24
|
+
if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
![
|
|
25
28
|
monthpickerRef.current,
|
|
26
29
|
inputRef.current,
|
|
27
|
-
(
|
|
30
|
+
(_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
|
|
28
31
|
].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
|
|
29
32
|
open &&
|
|
30
33
|
setOpen(false);
|
|
@@ -39,13 +42,13 @@ export const useMonthpicker = (opt = {}) => {
|
|
|
39
42
|
};
|
|
40
43
|
}, [handleFocusIn]);
|
|
41
44
|
const reset = () => {
|
|
42
|
-
|
|
45
|
+
updateMonth(defaultSelected);
|
|
43
46
|
setYear(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
|
|
44
47
|
setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
|
|
45
48
|
setDefaultSelected(_defaultSelected);
|
|
46
49
|
};
|
|
47
50
|
const setSelected = (date) => {
|
|
48
|
-
|
|
51
|
+
updateMonth(date);
|
|
49
52
|
setYear(date !== null && date !== void 0 ? date : today);
|
|
50
53
|
setInputValue(date ? formatDateForInput(date, locale, "month") : "");
|
|
51
54
|
};
|
|
@@ -68,11 +71,11 @@ export const useMonthpicker = (opt = {}) => {
|
|
|
68
71
|
inputRef.current && inputRef.current.focus();
|
|
69
72
|
}
|
|
70
73
|
if (!required && !month) {
|
|
71
|
-
|
|
74
|
+
updateMonth(undefined);
|
|
72
75
|
setInputValue("");
|
|
73
76
|
return;
|
|
74
77
|
}
|
|
75
|
-
|
|
78
|
+
updateMonth(month);
|
|
76
79
|
setInputValue(month ? formatDateForInput(month, locale, "month") : "");
|
|
77
80
|
};
|
|
78
81
|
// When changing the input field, save its value in state and check if the
|
|
@@ -82,7 +85,7 @@ export const useMonthpicker = (opt = {}) => {
|
|
|
82
85
|
setInputValue(e.target.value);
|
|
83
86
|
const month = parseDate(e.target.value, today, locale, "month");
|
|
84
87
|
if (!isValidDate(month) || (disabled && isMatch(month, disabled))) {
|
|
85
|
-
|
|
88
|
+
updateMonth(undefined);
|
|
86
89
|
return;
|
|
87
90
|
}
|
|
88
91
|
const isBefore = fromDate &&
|
|
@@ -96,10 +99,10 @@ export const useMonthpicker = (opt = {}) => {
|
|
|
96
99
|
if (isAfter ||
|
|
97
100
|
isBefore ||
|
|
98
101
|
(fromDate && toDate && !isMatch(month, [{ from: fromDate, to: toDate }]))) {
|
|
99
|
-
|
|
102
|
+
updateMonth(undefined);
|
|
100
103
|
return;
|
|
101
104
|
}
|
|
102
|
-
|
|
105
|
+
updateMonth(month);
|
|
103
106
|
setYear(month);
|
|
104
107
|
};
|
|
105
108
|
const handleClose = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useMonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,OAAO,EACP,WAAW,EACX,SAAS,GACV,MAAM,UAAU,CAAC;AAyClB,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,MAA6B,EAAE,EACV,EAAE;IACvB,MAAM,EACJ,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,eAAe,EAAE,gBAAgB,EACjC,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,aAAa,GACd,GAAG,GAAG,CAAC;IAER,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE5C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,oBAAoB;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,eAAe;QACvC,CAAC,CAAC,kBAAkB,CAAC,eAAe,EAAE,MAAM,EAAE,OAAO,CAAC;QACtD,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,MAAM,
|
|
1
|
+
{"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,18 +24,21 @@ export const useRangeDatepicker = (opt = {}) => {
|
|
|
24
24
|
? formatDateForInput(defaultSelected.to, locale, "date")
|
|
25
25
|
: "");
|
|
26
26
|
const [open, setOpen] = useState(false);
|
|
27
|
-
const
|
|
27
|
+
const updateRange = (range) => {
|
|
28
28
|
onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
|
|
29
|
-
|
|
29
|
+
setSelectedRange(range);
|
|
30
30
|
};
|
|
31
31
|
const handleFocusIn = useCallback((e) => {
|
|
32
|
-
var _a, _b;
|
|
33
|
-
|
|
32
|
+
var _a, _b, _c;
|
|
33
|
+
if (!(e === null || e === void 0 ? void 0 : e.target) || !((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.nodeType)) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
![
|
|
34
37
|
datePickerRef.current,
|
|
35
38
|
inputRefTo.current,
|
|
36
39
|
inputRefFrom.current,
|
|
37
|
-
(
|
|
38
|
-
(
|
|
40
|
+
(_b = inputRefTo.current) === null || _b === void 0 ? void 0 : _b.nextSibling,
|
|
41
|
+
(_c = inputRefFrom.current) === null || _c === void 0 ? void 0 : _c.nextSibling,
|
|
39
42
|
].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.target)) &&
|
|
40
43
|
open &&
|
|
41
44
|
setOpen(false);
|
|
@@ -50,7 +53,7 @@ export const useRangeDatepicker = (opt = {}) => {
|
|
|
50
53
|
};
|
|
51
54
|
}, [handleFocusIn]);
|
|
52
55
|
const reset = () => {
|
|
53
|
-
|
|
56
|
+
updateRange(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined });
|
|
54
57
|
setMonth(defaultSelected ? defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from : today);
|
|
55
58
|
setFromInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
|
|
56
59
|
? formatDateForInput(defaultSelected.from, locale, "date")
|
|
@@ -61,7 +64,7 @@ export const useRangeDatepicker = (opt = {}) => {
|
|
|
61
64
|
setDefaultSelected(_defaultSelected);
|
|
62
65
|
};
|
|
63
66
|
const setSelected = (range) => {
|
|
64
|
-
|
|
67
|
+
updateRange(range);
|
|
65
68
|
setFromInputValue((range === null || range === void 0 ? void 0 : range.from) ? formatDateForInput(range.from, locale, "date") : "");
|
|
66
69
|
setToInputValue((range === null || range === void 0 ? void 0 : range.to) ? formatDateForInput(range === null || range === void 0 ? void 0 : range.to, locale, "date") : "");
|
|
67
70
|
};
|
|
@@ -117,7 +120,7 @@ export const useRangeDatepicker = (opt = {}) => {
|
|
|
117
120
|
prevToRange
|
|
118
121
|
? setToInputValue(formatDateForInput(prevToRange, locale, "date"))
|
|
119
122
|
: setToInputValue("");
|
|
120
|
-
|
|
123
|
+
updateRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange });
|
|
121
124
|
};
|
|
122
125
|
/* live-update datepicker based on changes in inputfields */
|
|
123
126
|
const handleChange = (e, src) => {
|
|
@@ -128,23 +131,23 @@ export const useRangeDatepicker = (opt = {}) => {
|
|
|
128
131
|
if (!isValidDate(day) ||
|
|
129
132
|
(disabled &&
|
|
130
133
|
((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))) {
|
|
131
|
-
|
|
132
|
-
? Object.assign(Object.assign({},
|
|
134
|
+
updateRange(src === RANGE.FROM
|
|
135
|
+
? Object.assign(Object.assign({}, selectedRange), { from: undefined }) : { from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
|
|
133
136
|
return;
|
|
134
137
|
}
|
|
135
138
|
const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
|
|
136
139
|
const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
|
|
137
140
|
if (isBefore || isAfter) {
|
|
138
141
|
src === RANGE.FROM
|
|
139
|
-
?
|
|
140
|
-
:
|
|
142
|
+
? updateRange(Object.assign(Object.assign({}, selectedRange), { from: undefined }))
|
|
143
|
+
: updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: undefined });
|
|
141
144
|
return;
|
|
142
145
|
}
|
|
143
146
|
/* If to-value < from-value, switch places in state */
|
|
144
147
|
if (src === RANGE.TO &&
|
|
145
148
|
(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
|
|
146
149
|
differenceInCalendarDays(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) >= 0) {
|
|
147
|
-
|
|
150
|
+
updateRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from });
|
|
148
151
|
setMonth(day);
|
|
149
152
|
return;
|
|
150
153
|
}
|
|
@@ -152,14 +155,12 @@ export const useRangeDatepicker = (opt = {}) => {
|
|
|
152
155
|
if (src === RANGE.FROM &&
|
|
153
156
|
(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
|
|
154
157
|
differenceInCalendarDays(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) >= 0) {
|
|
155
|
-
|
|
158
|
+
updateRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to });
|
|
156
159
|
setMonth(day);
|
|
157
160
|
return;
|
|
158
161
|
}
|
|
159
|
-
src === RANGE.FROM &&
|
|
160
|
-
|
|
161
|
-
src === RANGE.TO &&
|
|
162
|
-
setSelectedRange((x) => getSelectedRange({ from: x === null || x === void 0 ? void 0 : x.from, to: day }));
|
|
162
|
+
src === RANGE.FROM && updateRange(Object.assign(Object.assign({}, selectedRange), { from: day }));
|
|
163
|
+
src === RANGE.TO && updateRange({ from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, to: day });
|
|
163
164
|
setMonth(day);
|
|
164
165
|
};
|
|
165
166
|
const handleClose = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRangeDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useRangeDatepicker.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useRangeDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useRangeDatepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAa,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,MAAM,UAAU,CAAC;AAiDlB,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;CACA,CAAC;AAIX,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,MAAiC,EAAE,EACV,EAAE;IAC3B,MAAM,EACJ,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,eAAe,EAAE,gBAAgB,EACjC,KAAK,GAAG,IAAI,IAAI,EAAE,EAClB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,aAAa,GACd,GAAG,GAAG,CAAC;IAER,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAEzE,oBAAoB;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,eAAe,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAChD,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CACtD,CAAC;IAEF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI;QACnB,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC;QAC1D,CAAC,CAAC,EAAE,CACP,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE;QACjB,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC;QACxD,CAAC,CAAC,EAAE,CACP,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QACxC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,CAAC;QACvB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAC,EAAE,EAAE;;QACJ,IAAI,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,CAAA,IAAI,CAAC,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,0CAAE,QAAQ,CAAA,EAAE;YACtC,OAAO;SACR;QACD,CAAC;YACC,aAAa,CAAC,OAAO;YACrB,UAAU,CAAC,OAAO;YAClB,YAAY,CAAC,OAAO;YACpB,MAAA,UAAU,CAAC,OAAO,0CAAE,WAAW;YAC/B,MAAA,YAAY,CAAC,OAAO,0CAAE,WAAW;SAClC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI;YACJ,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;;YACV,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,uDAAG,SAAS,EAAE,aAAa,CAAC,CAAC;YACxD,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,uDAAG,OAAO,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,WAAW,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;QACnE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC1D,iBAAiB,CACf,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI;YACnB,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC;YAC1D,CAAC,CAAC,EAAE,CACP,CAAC;QACF,eAAe,CACb,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE;YACjB,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC;YACxD,CAAC,CAAC,EAAE,CACP,CAAC;QACF,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QACxC,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,iBAAiB,CACf,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAClE,CAAC;QACF,eAAe,CACb,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAC/D,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE;QACrC,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACpB,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,GAAG,KAAK,KAAK,CAAC,IAAI;gBAChB,CAAC,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC5D,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;SAC9D;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAS,EAAE,GAAW,EAAE,EAAE;QAC9C,IAAI,GAAG,KAAK,KAAK,CAAC,IAAI,EAAE;YACtB,MAAM,OAAO,GACX,YAAY;gBACZ,wBAAwB,CACtB,GAAG,EACH,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAC/C,GAAG,CAAC,CAAC;YAER,IAAI,OAAO,EAAE;gBACX,iBAAiB,CACf,kBAAkB,CAChB,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAC9C,MAAM,EACN,MAAM,CACP,CACF,CAAC;gBACF,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;aAC1D;iBAAM;gBACL,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;aAC5D;SACF;aAAM,IAAI,GAAG,KAAK,KAAK,CAAC,EAAE,EAAE;YAC3B,MAAM,QAAQ,GACZ,cAAc;gBACd,wBAAwB,CACtB,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAChD,GAAG,CACJ,GAAG,CAAC,CAAC;YAER,IAAI,QAAQ,EAAE;gBACZ,eAAe,CACb,kBAAkB,CAChB,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAChD,MAAM,EACN,MAAM,CACP,CACF,CAAC;gBACF,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;aAC5D;iBAAM;gBACL,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;aAC1D;SACF;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE;QACpC,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;QAC7B,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAA,EAAE;YAC5B,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;QACD,MAAM,WAAW,GACf,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAA,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC;QAE5E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI;YACT,CAAC,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YACpE,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC1B,WAAW;YACT,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;YAClE,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,4DAA4D;IAC5D,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE;QACtC,GAAG,KAAK,KAAK,CAAC,IAAI;YAChB,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YACnC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAE7D,IACE,CAAC,WAAW,CAAC,GAAG,CAAC;YACjB,CAAC,QAAQ;gBACP,CAAC,CAAC,eAAe,IAAI,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,EAClE;YACA,WAAW,CACT,GAAG,KAAK,KAAK,CAAC,IAAI;gBAChB,CAAC,iCAAM,aAAa,KAAE,IAAI,EAAE,SAAS,IACrC,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CACjD,CAAC;YACF,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,QAAQ,IAAI,wBAAwB,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACzE,MAAM,OAAO,GAAG,MAAM,IAAI,wBAAwB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QACpE,IAAI,QAAQ,IAAI,OAAO,EAAE;YACvB,GAAG,KAAK,KAAK,CAAC,IAAI;gBAChB,CAAC,CAAC,WAAW,iCAAM,aAAa,KAAE,IAAI,EAAE,SAAS,IAAG;gBACpD,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;YAC9D,OAAO;SACR;QAED,sDAAsD;QACtD,IACE,GAAG,KAAK,KAAK,CAAC,EAAE;aAChB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA;YACnB,wBAAwB,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,EACvD;YACA,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,CAAC,CAAC;YACpD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,OAAO;SACR;QAED,wDAAwD;QACxD,IACE,GAAG,KAAK,KAAK,CAAC,IAAI;aAClB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAA;YACjB,wBAAwB,CAAC,GAAG,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAC,IAAI,CAAC,EACrD;YACA,WAAW,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,EAAE,CAAC,CAAC;YAClD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,OAAO;SACR;QAED,GAAG,KAAK,KAAK,CAAC,IAAI,IAAI,WAAW,iCAAM,aAAa,KAAE,IAAI,EAAE,GAAG,IAAG,CAAC;QACnE,GAAG,KAAK,KAAK,CAAC,EAAE,IAAI,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;QACxE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;;QACnC,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAA,EAAE;YAC7C,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC9B;aAAM;YACL,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,WAAW,EAAE,EAClD,CAAC,WAAW,EAAE,IAAI,CAAC,CACpB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG;QACtB,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzC,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,aAAa;QACvB,MAAM,EAAE,OAAO;QACf,QAAQ;QACR,MAAM;QACN,KAAK;QACL,IAAI,EAAE,OAAgB;QACtB,IAAI;QACJ,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,GAAG,EAAE,aAAa;KACnB,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;QAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;QAC1C,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;QACxC,KAAK,EAAE,cAAc;QACrB,GAAG,EAAE,YAAY;KAClB,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACtC,KAAK,EAAE,YAAY;QACnB,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,OAAO;QACL,eAAe;QACf,cAAc;QACd,YAAY;QACZ,KAAK;QACL,aAAa;QACb,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC"}
|
package/esm/util/useId.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
|
|
2
|
-
import
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
3
|
let globalId = 0;
|
|
4
4
|
function useGlobalId(idOverride) {
|
|
5
5
|
const [defaultId, setDefaultId] = useState(idOverride);
|
|
@@ -11,15 +11,11 @@ function useGlobalId(idOverride) {
|
|
|
11
11
|
// We can't use it server-side.
|
|
12
12
|
// If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
|
|
13
13
|
globalId += 1;
|
|
14
|
-
setDefaultId(`
|
|
14
|
+
setDefaultId(`aksel-id-${globalId}`);
|
|
15
15
|
}
|
|
16
16
|
}, [defaultId]);
|
|
17
17
|
return id;
|
|
18
18
|
}
|
|
19
|
-
// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
|
|
20
|
-
const maybeReactUseId = React[
|
|
21
|
-
// eslint-disable-next-line no-useless-concat
|
|
22
|
-
"useId" + ""];
|
|
23
19
|
/**
|
|
24
20
|
*
|
|
25
21
|
* @example <div id={useId()} />
|
|
@@ -27,10 +23,6 @@ const maybeReactUseId = React[
|
|
|
27
23
|
* @returns {string}
|
|
28
24
|
*/
|
|
29
25
|
export function useId(idOverride) {
|
|
30
|
-
if (maybeReactUseId !== undefined) {
|
|
31
|
-
const reactId = maybeReactUseId();
|
|
32
|
-
return idOverride !== null && idOverride !== void 0 ? idOverride : reactId;
|
|
33
|
-
}
|
|
34
26
|
// eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
|
|
35
27
|
return useGlobalId(idOverride);
|
|
36
28
|
}
|
package/esm/util/useId.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/util/useId.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,OAAO,
|
|
1
|
+
{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/util/useId.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,WAAW,CAAC,UAAmB;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,6CAA6C;YAC7C,6DAA6D;YAC7D,+BAA+B;YAC/B,wHAAwH;YACxH,QAAQ,IAAI,CAAC,CAAC;YACd,YAAY,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,CAAC;AACZ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,UAAmB;IACvC,0FAA0F;IAC1F,OAAO,WAAW,CAAC,UAAU,CAAC,CAAC;AACjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.30",
|
|
4
4
|
"description": "NAV designsystem react components",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/react-dom-interactions": "0.9.2",
|
|
39
|
-
"@navikt/ds-icons": "^1.3.
|
|
39
|
+
"@navikt/ds-icons": "^1.3.30",
|
|
40
40
|
"@radix-ui/react-tabs": "1.0.0",
|
|
41
41
|
"@radix-ui/react-toggle-group": "1.0.0",
|
|
42
42
|
"clsx": "^1.2.1",
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"optional": true
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "12a0a4baaab8f0598c62cd67fb3ddc82d67f3f72"
|
|
79
79
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/* eslint-disable react/jsx-pascal-case */
|
|
2
|
+
import { render, screen } from "@testing-library/react";
|
|
3
|
+
import userEvent from "@testing-library/user-event";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { UNSAFE_DatePicker, UNSAFE_useDatepicker } from "..";
|
|
6
|
+
|
|
7
|
+
const App = () => {
|
|
8
|
+
const { datepickerProps, inputProps } = UNSAFE_useDatepicker({
|
|
9
|
+
fromDate: new Date("Aug 23 2019"),
|
|
10
|
+
onDateChange: console.log,
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
return (
|
|
14
|
+
<UNSAFE_DatePicker {...datepickerProps}>
|
|
15
|
+
<UNSAFE_DatePicker.Input {...inputProps} label="Velg dato" />
|
|
16
|
+
</UNSAFE_DatePicker>
|
|
17
|
+
);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
describe("Render datepicker", () => {
|
|
21
|
+
it("Should not crash when e.target is window", async () => {
|
|
22
|
+
const utils = render(<App />);
|
|
23
|
+
await userEvent.click(utils.getByText("Velg dato"));
|
|
24
|
+
});
|
|
25
|
+
});
|
|
@@ -79,7 +79,7 @@ export const useDatepicker = (
|
|
|
79
79
|
|
|
80
80
|
const locale = getLocaleFromString(_locale);
|
|
81
81
|
|
|
82
|
-
const inputRef = useRef<
|
|
82
|
+
const inputRef = useRef<HTMLInputElement>(null);
|
|
83
83
|
const daypickerRef = useRef<HTMLDivElement>(null);
|
|
84
84
|
|
|
85
85
|
const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);
|
|
@@ -94,13 +94,16 @@ export const useDatepicker = (
|
|
|
94
94
|
: "";
|
|
95
95
|
const [inputValue, setInputValue] = useState(defaultInputValue);
|
|
96
96
|
|
|
97
|
-
const
|
|
97
|
+
const updateDate = (date?: Date) => {
|
|
98
98
|
onDateChange?.(date);
|
|
99
|
-
|
|
99
|
+
setSelectedDay(date);
|
|
100
100
|
};
|
|
101
101
|
|
|
102
102
|
const handleFocusIn = useCallback(
|
|
103
103
|
(e) => {
|
|
104
|
+
if (!e?.target || !e?.target?.nodeType) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
104
107
|
![
|
|
105
108
|
daypickerRef.current,
|
|
106
109
|
inputRef.current,
|
|
@@ -122,14 +125,14 @@ export const useDatepicker = (
|
|
|
122
125
|
}, [handleFocusIn]);
|
|
123
126
|
|
|
124
127
|
const reset = () => {
|
|
125
|
-
|
|
128
|
+
updateDate(defaultSelected);
|
|
126
129
|
setMonth(defaultSelected ?? today);
|
|
127
130
|
setInputValue(defaultInputValue ?? "");
|
|
128
131
|
setDefaultSelected(_defaultSelected);
|
|
129
132
|
};
|
|
130
133
|
|
|
131
134
|
const setSelected = (date: Date | undefined) => {
|
|
132
|
-
|
|
135
|
+
updateDate(date);
|
|
133
136
|
setMonth(date ?? today);
|
|
134
137
|
setInputValue(date ? formatDateForInput(date, locale, "date") : "");
|
|
135
138
|
};
|
|
@@ -157,11 +160,11 @@ export const useDatepicker = (
|
|
|
157
160
|
}
|
|
158
161
|
|
|
159
162
|
if (!required && selected) {
|
|
160
|
-
|
|
163
|
+
updateDate(undefined);
|
|
161
164
|
setInputValue("");
|
|
162
165
|
return;
|
|
163
166
|
}
|
|
164
|
-
|
|
167
|
+
updateDate(day);
|
|
165
168
|
setMonth(day);
|
|
166
169
|
setInputValue(day ? formatDateForInput(day, locale, "date") : "");
|
|
167
170
|
};
|
|
@@ -178,17 +181,17 @@ export const useDatepicker = (
|
|
|
178
181
|
(disabled &&
|
|
179
182
|
((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))
|
|
180
183
|
) {
|
|
181
|
-
|
|
184
|
+
updateDate(undefined);
|
|
182
185
|
return;
|
|
183
186
|
}
|
|
184
187
|
|
|
185
188
|
const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
|
|
186
189
|
const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
|
|
187
190
|
if (isBefore || isAfter) {
|
|
188
|
-
|
|
191
|
+
updateDate(undefined);
|
|
189
192
|
return;
|
|
190
193
|
}
|
|
191
|
-
|
|
194
|
+
updateDate(day);
|
|
192
195
|
setMonth(day);
|
|
193
196
|
};
|
|
194
197
|
|
|
@@ -80,20 +80,24 @@ export const useMonthpicker = (
|
|
|
80
80
|
|
|
81
81
|
const [inputValue, setInputValue] = useState(defaultInputValue);
|
|
82
82
|
|
|
83
|
-
const
|
|
83
|
+
const updateMonth = (date?: Date) => {
|
|
84
84
|
onMonthChange?.(date);
|
|
85
|
-
|
|
85
|
+
setSelectedMonth(date);
|
|
86
86
|
};
|
|
87
87
|
|
|
88
88
|
const handleFocusIn = useCallback(
|
|
89
|
-
(e) =>
|
|
89
|
+
(e) => {
|
|
90
|
+
if (!e?.target || !e?.target?.nodeType) {
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
90
93
|
![
|
|
91
94
|
monthpickerRef.current,
|
|
92
95
|
inputRef.current,
|
|
93
96
|
inputRef.current?.nextSibling,
|
|
94
97
|
].some((element) => element?.contains(e.target)) &&
|
|
95
|
-
|
|
96
|
-
|
|
98
|
+
open &&
|
|
99
|
+
setOpen(false);
|
|
100
|
+
},
|
|
97
101
|
[open]
|
|
98
102
|
);
|
|
99
103
|
|
|
@@ -107,14 +111,14 @@ export const useMonthpicker = (
|
|
|
107
111
|
}, [handleFocusIn]);
|
|
108
112
|
|
|
109
113
|
const reset = () => {
|
|
110
|
-
|
|
114
|
+
updateMonth(defaultSelected);
|
|
111
115
|
setYear(defaultSelected ?? today);
|
|
112
116
|
setInputValue(defaultInputValue ?? "");
|
|
113
117
|
setDefaultSelected(_defaultSelected);
|
|
114
118
|
};
|
|
115
119
|
|
|
116
120
|
const setSelected = (date: Date | undefined) => {
|
|
117
|
-
|
|
121
|
+
updateMonth(date);
|
|
118
122
|
setYear(date ?? today);
|
|
119
123
|
setInputValue(date ? formatDateForInput(date, locale, "month") : "");
|
|
120
124
|
};
|
|
@@ -141,11 +145,11 @@ export const useMonthpicker = (
|
|
|
141
145
|
}
|
|
142
146
|
|
|
143
147
|
if (!required && !month) {
|
|
144
|
-
|
|
148
|
+
updateMonth(undefined);
|
|
145
149
|
setInputValue("");
|
|
146
150
|
return;
|
|
147
151
|
}
|
|
148
|
-
|
|
152
|
+
updateMonth(month);
|
|
149
153
|
setInputValue(month ? formatDateForInput(month, locale, "month") : "");
|
|
150
154
|
};
|
|
151
155
|
|
|
@@ -157,7 +161,7 @@ export const useMonthpicker = (
|
|
|
157
161
|
const month = parseDate(e.target.value, today, locale, "month");
|
|
158
162
|
|
|
159
163
|
if (!isValidDate(month) || (disabled && isMatch(month, disabled))) {
|
|
160
|
-
|
|
164
|
+
updateMonth(undefined);
|
|
161
165
|
return;
|
|
162
166
|
}
|
|
163
167
|
|
|
@@ -178,10 +182,10 @@ export const useMonthpicker = (
|
|
|
178
182
|
isBefore ||
|
|
179
183
|
(fromDate && toDate && !isMatch(month, [{ from: fromDate, to: toDate }]))
|
|
180
184
|
) {
|
|
181
|
-
|
|
185
|
+
updateMonth(undefined);
|
|
182
186
|
return;
|
|
183
187
|
}
|
|
184
|
-
|
|
188
|
+
updateMonth(month);
|
|
185
189
|
setYear(month);
|
|
186
190
|
};
|
|
187
191
|
|
|
@@ -108,13 +108,16 @@ export const useRangeDatepicker = (
|
|
|
108
108
|
);
|
|
109
109
|
const [open, setOpen] = useState(false);
|
|
110
110
|
|
|
111
|
-
const
|
|
111
|
+
const updateRange = (range?: DateRange) => {
|
|
112
112
|
onRangeChange?.(range);
|
|
113
|
-
|
|
113
|
+
setSelectedRange(range);
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
const handleFocusIn = useCallback(
|
|
117
|
-
(e) =>
|
|
117
|
+
(e) => {
|
|
118
|
+
if (!e?.target || !e?.target?.nodeType) {
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
118
121
|
![
|
|
119
122
|
datePickerRef.current,
|
|
120
123
|
inputRefTo.current,
|
|
@@ -122,8 +125,9 @@ export const useRangeDatepicker = (
|
|
|
122
125
|
inputRefTo.current?.nextSibling,
|
|
123
126
|
inputRefFrom.current?.nextSibling,
|
|
124
127
|
].some((element) => element?.contains(e.target)) &&
|
|
125
|
-
|
|
126
|
-
|
|
128
|
+
open &&
|
|
129
|
+
setOpen(false);
|
|
130
|
+
},
|
|
127
131
|
[open]
|
|
128
132
|
);
|
|
129
133
|
|
|
@@ -137,9 +141,7 @@ export const useRangeDatepicker = (
|
|
|
137
141
|
}, [handleFocusIn]);
|
|
138
142
|
|
|
139
143
|
const reset = () => {
|
|
140
|
-
|
|
141
|
-
getSelectedRange(defaultSelected ?? { from: undefined, to: undefined })
|
|
142
|
-
);
|
|
144
|
+
updateRange(defaultSelected ?? { from: undefined, to: undefined });
|
|
143
145
|
setMonth(defaultSelected ? defaultSelected?.from : today);
|
|
144
146
|
setFromInputValue(
|
|
145
147
|
defaultSelected?.from
|
|
@@ -155,7 +157,7 @@ export const useRangeDatepicker = (
|
|
|
155
157
|
};
|
|
156
158
|
|
|
157
159
|
const setSelected = (range?: DateRange) => {
|
|
158
|
-
|
|
160
|
+
updateRange(range);
|
|
159
161
|
setFromInputValue(
|
|
160
162
|
range?.from ? formatDateForInput(range.from, locale, "date") : ""
|
|
161
163
|
);
|
|
@@ -241,7 +243,7 @@ export const useRangeDatepicker = (
|
|
|
241
243
|
prevToRange
|
|
242
244
|
? setToInputValue(formatDateForInput(prevToRange, locale, "date"))
|
|
243
245
|
: setToInputValue("");
|
|
244
|
-
|
|
246
|
+
updateRange({ from: range?.from, to: prevToRange });
|
|
245
247
|
};
|
|
246
248
|
|
|
247
249
|
/* live-update datepicker based on changes in inputfields */
|
|
@@ -256,12 +258,10 @@ export const useRangeDatepicker = (
|
|
|
256
258
|
(disabled &&
|
|
257
259
|
((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))
|
|
258
260
|
) {
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
: { from: x?.from, to: undefined }
|
|
264
|
-
)
|
|
261
|
+
updateRange(
|
|
262
|
+
src === RANGE.FROM
|
|
263
|
+
? { ...selectedRange, from: undefined }
|
|
264
|
+
: { from: selectedRange?.from, to: undefined }
|
|
265
265
|
);
|
|
266
266
|
return;
|
|
267
267
|
}
|
|
@@ -270,10 +270,8 @@ export const useRangeDatepicker = (
|
|
|
270
270
|
const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
|
|
271
271
|
if (isBefore || isAfter) {
|
|
272
272
|
src === RANGE.FROM
|
|
273
|
-
?
|
|
274
|
-
:
|
|
275
|
-
getSelectedRange({ from: x?.from, to: undefined })
|
|
276
|
-
);
|
|
273
|
+
? updateRange({ ...selectedRange, from: undefined })
|
|
274
|
+
: updateRange({ from: selectedRange?.from, to: undefined });
|
|
277
275
|
return;
|
|
278
276
|
}
|
|
279
277
|
|
|
@@ -283,9 +281,7 @@ export const useRangeDatepicker = (
|
|
|
283
281
|
selectedRange?.from &&
|
|
284
282
|
differenceInCalendarDays(selectedRange?.from, day) >= 0
|
|
285
283
|
) {
|
|
286
|
-
|
|
287
|
-
getSelectedRange({ from: day, to: selectedRange?.from })
|
|
288
|
-
);
|
|
284
|
+
updateRange({ from: day, to: selectedRange?.from });
|
|
289
285
|
setMonth(day);
|
|
290
286
|
return;
|
|
291
287
|
}
|
|
@@ -296,15 +292,13 @@ export const useRangeDatepicker = (
|
|
|
296
292
|
selectedRange?.to &&
|
|
297
293
|
differenceInCalendarDays(day, selectedRange?.to) >= 0
|
|
298
294
|
) {
|
|
299
|
-
|
|
295
|
+
updateRange({ to: day, from: selectedRange?.to });
|
|
300
296
|
setMonth(day);
|
|
301
297
|
return;
|
|
302
298
|
}
|
|
303
299
|
|
|
304
|
-
src === RANGE.FROM &&
|
|
305
|
-
|
|
306
|
-
src === RANGE.TO &&
|
|
307
|
-
setSelectedRange((x) => getSelectedRange({ from: x?.from, to: day }));
|
|
300
|
+
src === RANGE.FROM && updateRange({ ...selectedRange, from: day });
|
|
301
|
+
src === RANGE.TO && updateRange({ from: selectedRange?.from, to: day });
|
|
308
302
|
setMonth(day);
|
|
309
303
|
};
|
|
310
304
|
|
package/src/util/useId.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
|
|
2
|
-
import
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
3
|
|
|
4
4
|
let globalId = 0;
|
|
5
5
|
function useGlobalId(idOverride?: string): string | undefined {
|
|
@@ -12,17 +12,12 @@ function useGlobalId(idOverride?: string): string | undefined {
|
|
|
12
12
|
// We can't use it server-side.
|
|
13
13
|
// If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
|
|
14
14
|
globalId += 1;
|
|
15
|
-
setDefaultId(`
|
|
15
|
+
setDefaultId(`aksel-id-${globalId}`);
|
|
16
16
|
}
|
|
17
17
|
}, [defaultId]);
|
|
18
18
|
return id;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
|
|
22
|
-
const maybeReactUseId: undefined | (() => string) = (React as any)[
|
|
23
|
-
// eslint-disable-next-line no-useless-concat
|
|
24
|
-
"useId" + ""
|
|
25
|
-
];
|
|
26
21
|
/**
|
|
27
22
|
*
|
|
28
23
|
* @example <div id={useId()} />
|
|
@@ -30,10 +25,6 @@ const maybeReactUseId: undefined | (() => string) = (React as any)[
|
|
|
30
25
|
* @returns {string}
|
|
31
26
|
*/
|
|
32
27
|
export function useId(idOverride?: string): string | undefined {
|
|
33
|
-
if (maybeReactUseId !== undefined) {
|
|
34
|
-
const reactId = maybeReactUseId();
|
|
35
|
-
return idOverride ?? reactId;
|
|
36
|
-
}
|
|
37
28
|
// eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
|
|
38
29
|
return useGlobalId(idOverride);
|
|
39
30
|
}
|