Expected behavior

The value prop should set the default value for the field.

Actual behavior

It doesn't.

Resources (screenshots, code snippets etc.)

Here is the way I'm doing it, please help me find out what I'm doing wrong:

const DateComponent = (props) => {

const passIfDate = (date) => date instanceof Date && !isNaN(date) ? date : null;

const handleDate = (date, field) => {
    if (date !== props.dateKeeper[field]) {
      let newKeeper = { ...props.dateKeeper };
      newKeeper[field] = date;
      props.setDateKeeper(newKeeper);
    }
};

return (
<div>
  <MDBDatePickerV5
    labelTitle="Date"
    value={passIfDate(props.dateKeeper.Date)}
    getValue={(e) => {
      handleDate(e, "Date");
    }}
  />
<MDBDatePickerV5
    labelTitle="ArrivalDate"
    value={passIfDate(props.dateKeeper.ArrivalDate)}
    getValue={(e) => {
      handleDate(e, "ArrivalDate");
    }}
  />
</div>
);
};

export default DateComponent;