@majoo-ui/react 1.61.2-rc.1 → 1.61.3-rc.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/index.esm.js +6 -6
- package/index.umd.js +6 -6
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -19415,15 +19415,10 @@ const CalendarRangePicker = _a => {
|
|
|
19415
19415
|
props = __rest(_a, ["isMultiDatePicker", "isRangeControl", "onChange", "onDateSelected", "onClose", "onReset", "advanceView", "selected", "disabled", "minDate", "maxDate", "allowReset", "showTimePicker"]);
|
|
19416
19416
|
const today = new Date();
|
|
19417
19417
|
const prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1, 0);
|
|
19418
|
-
const [dateValue, setDateValue] = useState([]);
|
|
19418
|
+
const [dateValue, setDateValue] = useState(selected || []);
|
|
19419
19419
|
const [calendarDate, setCalendarDate] = useState(selected ? selected[0] : !advanceView ? today : prevMonth);
|
|
19420
19420
|
const [isMultiDate, setIsMultiDate] = useState(isMultiDatePicker);
|
|
19421
19421
|
const isMobile = useMediaQuery('(max-width: 767px)');
|
|
19422
|
-
useEffect(() => {
|
|
19423
|
-
if (selected) {
|
|
19424
|
-
setDateValue(selected);
|
|
19425
|
-
}
|
|
19426
|
-
}, [selected]);
|
|
19427
19422
|
const onDateSelected = selectedDate => {
|
|
19428
19423
|
if (isRangeControl) {
|
|
19429
19424
|
onChange === null || onChange === void 0 ? void 0 : onChange([selectedDate.date]);
|
|
@@ -19466,6 +19461,11 @@ const CalendarRangePicker = _a => {
|
|
|
19466
19461
|
}
|
|
19467
19462
|
onClose();
|
|
19468
19463
|
};
|
|
19464
|
+
useMountedLayoutEffect(() => {
|
|
19465
|
+
if (selected) {
|
|
19466
|
+
setDateValue(selected);
|
|
19467
|
+
}
|
|
19468
|
+
}, [selected]);
|
|
19469
19469
|
return isMobile ? jsx(MobileCalendarBox, Object.assign({
|
|
19470
19470
|
onUpdate: isMultiDatePicker ? updateHandler : undefined,
|
|
19471
19471
|
onCancel: onClose,
|
package/index.umd.js
CHANGED
|
@@ -19688,7 +19688,7 @@
|
|
|
19688
19688
|
props = __rest(_a, ["isMultiDatePicker", "isRangeControl", "onChange", "onDateSelected", "onClose", "onReset", "advanceView", "selected", "disabled", "minDate", "maxDate", "allowReset", "showTimePicker"]);
|
|
19689
19689
|
var today = new Date();
|
|
19690
19690
|
var prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1, 0);
|
|
19691
|
-
var _b = React.useState([]),
|
|
19691
|
+
var _b = React.useState(selected || []),
|
|
19692
19692
|
dateValue = _b[0],
|
|
19693
19693
|
setDateValue = _b[1];
|
|
19694
19694
|
var _c = React.useState(selected ? selected[0] : !advanceView ? today : prevMonth),
|
|
@@ -19698,11 +19698,6 @@
|
|
|
19698
19698
|
isMultiDate = _d[0],
|
|
19699
19699
|
setIsMultiDate = _d[1];
|
|
19700
19700
|
var isMobile = useMediaQuery('(max-width: 767px)');
|
|
19701
|
-
React.useEffect(function () {
|
|
19702
|
-
if (selected) {
|
|
19703
|
-
setDateValue(selected);
|
|
19704
|
-
}
|
|
19705
|
-
}, [selected]);
|
|
19706
19701
|
var onDateSelected = function onDateSelected(selectedDate) {
|
|
19707
19702
|
if (isRangeControl) {
|
|
19708
19703
|
onChange === null || onChange === void 0 ? void 0 : onChange([selectedDate.date]);
|
|
@@ -19745,6 +19740,11 @@
|
|
|
19745
19740
|
}
|
|
19746
19741
|
onClose();
|
|
19747
19742
|
};
|
|
19743
|
+
reactTable.useMountedLayoutEffect(function () {
|
|
19744
|
+
if (selected) {
|
|
19745
|
+
setDateValue(selected);
|
|
19746
|
+
}
|
|
19747
|
+
}, [selected]);
|
|
19748
19748
|
return isMobile ? jsxRuntime.jsx(MobileCalendarBox, __assign({
|
|
19749
19749
|
onUpdate: isMultiDatePicker ? updateHandler : undefined,
|
|
19750
19750
|
onCancel: onClose,
|