title: Pass from parent to child onChange function which does not work
body: <p>There is parent component which have handleChange function, I pass to the child that function. </p>
  
  <p>And provide to the input fileds, then there is bug with input fileds, I am not able to change values at all.</p>
  
  <p>ParentComp: </p>
  
  <pre><code> handleChange = (e, data) =&gt; {
      if (data &amp;&amp; data.name) {
        this.props.setFieldValue(data.name, data.value)
  
        if (data.name === 'pay_rate') {
          console.log('PAY_RATE: ', data)
        }
      }
    }
  
  
    return (
      &lt;Grid.Column width={8}&gt;
        &lt;Segment raised&gt;
          &lt;Header&gt;
            &lt;p style={{ fontSize: '1.2rem' }}&gt;
              Church Mutual Worker\'s Compensation Claim
              &lt;span style={{ float: 'right' }}&gt;{`Claim #${props.claim.claimNumber}`}&lt;/span&gt;
            &lt;/p&gt;
          &lt;/Header&gt;
  
          &lt;Form onSubmit={handleSubmit}&gt;
  
      // Here called is Child component
              &lt;EditStandaloneClaimDetails
              claim={props.claim}
              loading={loading}
              handleChange={props.handleChange}
              /&gt;    
          &lt;/Form&gt;
        &lt;Comment currentClaim={props.currentClaim} /&gt;
      &lt;/Segment&gt;
    &lt;/Grid.Column&gt;
  )
  </code></pre>
  
  <p>ChildComponent:</p>
  
  <pre><code>const EditStandaloneClaimDetails = ({ handleChange, claim, loading, testChange }) =&gt; {
    if (!claim || loading) {
      return null
    }
  
    const { noticeOnly, recieveDate, accountNumber } = claim
  
    return (
      &lt;Segment
        raised
        style={{
          backgroundColor: '#F0F0F0',
        }}
      &gt;
        &lt;h5&gt;Claim Details&lt;/h5&gt;
        &lt;Form.Group &gt;
  
          &lt;Form.Field&gt;
          // CANNOT ENTER A NEW VALUE FOR DATE INPUT FILED
            &lt;label&gt;Date Received&lt;/label&gt;
            &lt;DateInput
              name={'recieveDate'}
              placeholder="Date received"
              value={recieveDate}
              onChange={handleChange}
              style={{ width: '65%' }}
              dateFormat={'MM/DD/YYYY'}
            /&gt;
          &lt;/Form.Field&gt;
  
         &lt;/Form.Group &gt;
  </code></pre>
  
  <p>Maybe problem is in this attribute value={recieveDate}? </p>