title: how to set an empty initial value for react-date-picker?
body: <p>I have a redux form which uses react-date-picker as it's date component, now on opening the form in edit mode, there in some cases the date field doesn't have a value or it has a blank (" ") value. Now in this case if my react-date-picker component doesn't find any suitable value to parse it shows "invalid date" on component, i tried with passing null, or by setting a check if there isn't any date or if it is blank pass undefined or null, i have googled it a lot but didn't find any suitable answer. My code looks like this</p>
  
  <p>my custom date-picker component in my redux form :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>import { _dateField, } from '../../../containers/reduxFormFields/formFields';
  
  &lt;Row&gt;
            &lt;Col md={6}&gt;
             &lt;FormGroup&gt;
              &lt;ControlLabel bsClass=""&gt;Actual Start Date&lt;/ControlLabel&gt;
              &lt;div className="dateTimeSdiv"&gt;
               &lt;Field name="actualStartDate" component={_dateField} className="form-control" formType="edit" defaultValue={moment(this.props.initialValues.actualStartDate)} /&gt;
              &lt;/div&gt;
             &lt;/FormGroup&gt;
            &lt;/Col&gt;
            &lt;Col md={6}&gt;
             &lt;FormGroup&gt;
              &lt;ControlLabel bsClass=""&gt;Actual End Date&lt;/ControlLabel&gt;
              &lt;div className="dateTimeSdiv"&gt;
               &lt;Field name="actualEndDate" component={_dateField} className="form-control" formType="edit" defaultValue={moment(this.props.initialValues.actualEndDate)} /&gt;
              &lt;/div&gt;
             &lt;/FormGroup&gt;
            &lt;/Col&gt;
           &lt;/Row&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>and my date-picker component looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>export const _dateField = ({ input, placeholder, defaultValue, className, formType,disabledValue, meta: { touched, error } }) =&gt; {console.log('values');console.log(defaultValue)
  switch (formType) {
    case "edit":
     return (
      &lt;div className="dateTimeSdiv"&gt;
       &lt;DateField className={(touched &amp;&amp; error) ? className + " error" : className} expandOnFocus={false} dateFormat="YYYY-MM-DD HH:mm:ss" updateOnDateClick forceValidDate defaultValue={defaultValue}  minDate={moment()} disabled = {disabledValue}&gt;
        &lt;DatePicker {...input} selected={input.value ? moment(input.value) : null} navigation locale="en" forceValidDate highlightWeekends highlightToday weekNumbers={false} weekStartDay={1} todayButton={false}&gt;&lt;/DatePicker&gt;
       &lt;/DateField&gt;
       {touched &amp;&amp; error &amp;&amp; &lt;span&gt; {error} &lt;/span&gt;}
      &lt;/div&gt;
     );
    case "create":
     return (
      &lt;div className="dateTimeSdiv"&gt;
       &lt;DateField className={(touched &amp;&amp; error) ? className + " error" : className} expandOnFocus={false} dateFormat="YYYY-MM-DD HH:mm:ss" updateOnDateClick forceValidDate defaultValue={moment()}  minDate={moment()} disabled = {disabledValue}&gt;
        &lt;DatePicker {...input} selected={input.value ? moment(input.value) : null} navigation locale="en" forceValidDate highlightWeekends highlightToday weekNumbers={false} weekStartDay={1} todayButton={false}&gt;&lt;/DatePicker&gt;
       &lt;/DateField&gt;
       {touched &amp;&amp; error &amp;&amp; &lt;span&gt; {error} &lt;/span&gt;}
      &lt;/div&gt;
     );
   }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>there are two seprate component which i am using for edit and create from each.
  any help will be appreciable.</p>