I have a datetimepicker with a datetime selected fro menus, when i adjust manually the date (for example from 2022-xx-yy to 2032-xx-yy):

*Expected behavior*The datetimepicker calls onChange handler and show the new date

*Actual behavior*The datetimepicker start an infinite loop of call to the onChange handler alternating the old and the new date.

Resources (screenshots, code snippets etc.)

const date2EnStr = date => date?.getFullYear() + (((date?.getMonth() + 1) > 9) ? "-" : "-0")     
        + (date?.getMonth() + 1) + ((date?.getDate() > 9) ? "-" : "-0") + date?.getDate() ;
const time2str24 = date => ((date.getHours() < 10) ? "0" : "") + date.getHours() + ((date.getMinutes() < 10) ? ":0" : ":") + date.getMinutes();
const datePlusMinutes = (date, minutes) => moment(date).add(minutes, 'm').toDate();

  function DateTimePickerManager(props) {

function onChangeHandler(dateTimeStr) {
    //console.log("DateTimePickerManager onChangeHandler: ", dateTimeStr);
    props.onChange(dateTimeStr);
}

let dateOptions = {}
let  timeOptions = {
    format: '24h',
    minTime: '00:00',
    maxTime: '23:59'
};

if (props.dateOptions) {
    dateOptions = {...dateOptions, ...props.dateOptions};
}

return (
    <MDBDateTimepicker id={props.id} inline
                       label=''
                       defaultDate={props.date}
                       defaultTime={props.time}
                       dateFormat="yyyy-mm-dd"
                       datepickerOptions={dateOptions}
                       timepickerOptions={timeOptions}
                       onChange={onChangeHandler}/>
);}

export function App() {
const now = datePlusMinutes(new Date(), 15);
const [currDate, setCurrDate] = useState('');

function onChangeHandler(dateTimeStr) {
    console.log("onChangeHandler: ", dateTimeStr);
    setCurrDate(dateTimeStr);
}

let dtpDate = (currDate === '') ? date2EnStr(now) : currDate.split(", ")[0];
let dtpTime = (currDate === '') ? time2str24(now) : currDate.split(", ")[1];

let DateOptions = {value: dtpDate};
let TimeOptions = {}

console.log("call DTPManager: ", dtpDate, dtpTime, DateOptions);

return (
    <DateTimePickerManager id="dpstart" date={dtpDate} time={dtpTime}  onChange={onChangeHandler}
                           dateOptions={DateOptions}
                           timeOptions={TimeOptions}/>
);}

Package.json

  "dependencies": {
  ...
  "react-moment": "^1.1.2",
  "moment-timezone": "^0.5.34"}