@rjsf/core 5.3.0 → 5.3.1

package/dist/core.umd.development.js

@@ -2744,22 +2744,25 @@
       onChange = _ref2.onChange,
       value = _ref2.value;
     var translateString = registry.translateString;
+    var _useState = react.useState(value),
+      lastValue = _useState[0],
+      setLastValue = _useState[1];
     var _useReducer = react.useReducer(function (state, action) {
         return _extends({}, state, action);
       }, utils.parseDateString(value, time)),
       state = _useReducer[0],
       setState = _useReducer[1];
     react.useEffect(function () {
-      if (value && value !== utils.toDateString(state, time)) {
+      var stateValue = utils.toDateString(state, time);
+      if (readyForChange(state) && stateValue !== value) {
+        // The user changed the date to a new valid data via the comboboxes, so call onChange
+        onChange(stateValue);
+      } else if (lastValue !== value) {
+        // We got a new value in the props
+        setLastValue(value);
         setState(utils.parseDateString(value, time));
       }
-    }, [value, state, time]);
-    react.useEffect(function () {
-      if (readyForChange(state)) {
-        // Only propagate to parent state if we have a complete date{time}
-        onChange(utils.toDateString(state, time));
-      }
-    }, [state, time, onChange]);
+    }, [time, value, onChange, state, lastValue]);
     var handleChange = react.useCallback(function (property, value) {
       var _setState;
       setState((_setState = {}, _setState[property] = value, _setState));
@@ -2769,17 +2772,16 @@
       if (disabled || readonly) {
         return;
       }
-      var nowDateObj = utils.parseDateString(new Date().toJSON(), time);
-      setState(nowDateObj);
+      var nextState = utils.parseDateString(new Date().toJSON(), time);
+      onChange(utils.toDateString(nextState, time));
     }, [disabled, readonly, time]);
     var handleClear = react.useCallback(function (event) {
       event.preventDefault();
       if (disabled || readonly) {
         return;
       }
-      setState(utils.parseDateString('', time));
       onChange(undefined);
-    }, [disabled, readonly, time, onChange]);
+    }, [disabled, readonly, onChange]);
     return jsxRuntime.jsxs("ul", {
       className: 'list-inline',
       children: [dateElementProps(state, time, options.yearsRange).map(function (elemProps, i) {