@rjsf/core 5.3.0 → 5.3.1

package/dist/core.esm.js

@@ -2740,22 +2740,25 @@ function AltDateWidget(_ref2) {
     onChange = _ref2.onChange,
     value = _ref2.value;
   var translateString = registry.translateString;
+  var _useState = useState(value),
+    lastValue = _useState[0],
+    setLastValue = _useState[1];
   var _useReducer = useReducer(function (state, action) {
       return _extends({}, state, action);
     }, parseDateString(value, time)),
     state = _useReducer[0],
     setState = _useReducer[1];
   useEffect(function () {
-    if (value && value !== toDateString(state, time)) {
+    var stateValue = 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(parseDateString(value, time));
     }
-  }, [value, state, time]);
-  useEffect(function () {
-    if (readyForChange(state)) {
-      // Only propagate to parent state if we have a complete date{time}
-      onChange(toDateString(state, time));
-    }
-  }, [state, time, onChange]);
+  }, [time, value, onChange, state, lastValue]);
   var handleChange = useCallback(function (property, value) {
     var _setState;
     setState((_setState = {}, _setState[property] = value, _setState));
@@ -2765,17 +2768,16 @@ function AltDateWidget(_ref2) {
     if (disabled || readonly) {
       return;
     }
-    var nowDateObj = parseDateString(new Date().toJSON(), time);
-    setState(nowDateObj);
+    var nextState = parseDateString(new Date().toJSON(), time);
+    onChange(toDateString(nextState, time));
   }, [disabled, readonly, time]);
   var handleClear = useCallback(function (event) {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
-    setState(parseDateString('', time));
     onChange(undefined);
-  }, [disabled, readonly, time, onChange]);
+  }, [disabled, readonly, onChange]);
   return jsxs("ul", {
     className: 'list-inline',
     children: [dateElementProps(state, time, options.yearsRange).map(function (elemProps, i) {