title: Datepicker returning to initial value
body: <p>I'm using <a href="https://github.com/xgfe/react-native-datepicker" rel="nofollow noreferrer">react-native-date-picker</a> component to pick date and time values in my app.</p>
  
  <p>In Android it's working fine. But the same code on iOS is having a weird behavior. It is as if there is a range of choices to pick time - 20:10 until 20:25. Then, if it passes this range, the clock goes back inside it or to default initial value (20:10).</p>
  
  <p>GIF explains:</p>
  
  <p><a href="https://i.stack.imgur.com/lmO23.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lmO23.gif" alt="enter image description here"></a></p>
  
  <p>Code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import DatePicker from 'react-native-datepicker';
  
  export default class DatePick extends Component {
  
    constructor(props){
      super(props)
      this.state = {
        param: ''
      }
  
    }
  
    render(){
      return (
        &lt;DatePicker
          style={{width: 200, borderRadius: 5}}
          date={this.state.param} // date field
          mode={"time"}
          placeholder={"Hora Final"}
          format={"H:mm"}
          confirmBtnText="Confirm"
          cancelBtnText="Cancel"
          showIcon={false}
          locale={'pt-br'}
          customStyles={{
            dateIcon: {
              position: 'absolute',
              left: 0,
              top: 4,
              marginLeft: 0
            },
            dateInput: {
              marginLeft: 36
            }
  
          }}
          onDateChange={(selected) =&gt; {
            this.setState({
              param: selected,
            });
            this.props.atualizarDatas(this.props.tipo, selected); // method that update the date field
          }
        }
        /&gt;
      )
    }
  }
  </code></pre>