Can not reset the value of a Datepicker component

[glennverschooren]

The problem

It is not possible to reset (set the value to an empty string) the value of a Datepicker component.
I'm using the component inside a Formik form.
The user can reset the form but I can't find how to set the activeDate to an empty string.

static getDerivedStateFromProps(props, state) {
    // Does not allow empty strings here
    if (props.activeDate) {
      const momentDate = Moment(props.activeDate, props.format, true);
      if (momentDate.isValid()) {
        return {
          activeDate: momentDate,
          input: props.activeDate
        };
      }
    }

    return null;
  }

The solution

accept an empty string as activeDate (current value)

static getDerivedStateFromProps(props, state) {
    // Reset input value
    if (props.activeDate === '') {
        return {
          activeDate: null,
          input: props.activeDate
        };
    }
    if (props.activeDate) {
      const momentDate = Moment(props.activeDate, props.format, true);
      if (momentDate.isValid()) {
        return {
          activeDate: momentDate,
          input: props.activeDate
        };
      }
    }

    return null;
  }