Empty inputField with useInput() is not behaving like unselect Date in DayPicker about react-day-picker

[Tim4497]

My solution:

import React from 'react';
import { DayPicker, useInput } from 'react-day-picker';
import 'react-day-picker/dist/style.css';

export function App() {

  const { dayPickerProps, inputProps } = useInput({
    defaultSelected: new Date(),
    format: 'dd/MM/yyyy',
  });
  
const handleEmpty = ( e ) => {
    if ( !e.target.value ) {
      return;
    }
    inputProps.onBlur( e );
};

  return (
    <div>
      <input {...inputProps} onBlur={ handleEmpty } />
      <DayPicker {...dayPickerProps} />
    </div>
  );
}

And this might be the place to add the change to make it happen (useInput.ts:141):

// Special case for _required_ fields: on blur, if the value of the input is not
  // a valid date, reset the calendar and the input value.
  const handleBlur: FocusEventHandler<HTMLInputElement> = (e) => {
    const value = e.target.value;
    if(!required && !value.length) {
      return;
    }
    const day = parseValue(value);
    if (!isValidDate(day)) {
      reset();
    }
  };