title: How to implement material text input in the material date picker in react native?
body: <p>Hello I am using material date picker in react native.</p>
  
  <pre><code>&lt;DatePicker
     // style={{width: 200}}
      date={this.state.date}
      mode="date"
      placeholder="Date Of Birth"
      format="YYYY-MM-DD"
      minDate="2016-05-01"
      maxDate="2016-06-01"
      confirmBtnText="Confirm"
       iconSource = {uri=require('/root/VS_Code/JavascriptProjects/MatrimonialAppSvn/MatrimonialApp/assets/Images/dateofbirth.png')}
  
      cancelBtnText="Cancel"
      customStyles={{
        dateInput:{borderWidth: 0,marginLeft:40},
        dateIcon: {
          position: 'absolute',
          left: 0,
          top: 4,
  
          marginRight:200,
          marginLeft: 0
        },
        // dateInput: {
        //   marginLeft: 36
        // }
        // ... You can check the source to find the other keys.
      }}
      onDateChange={(date) =&gt; {this.setState({date: date})}}
    /&gt;
  </code></pre>
  
  <p>For the date input I need to implement material date picker,where the hint escalates slighly up on focus. I know it can be done separately with placing an icon and view independently, but then I need to open datepicker on its click. If the above is not possible then is it possible to open date picker on click of my icon and implement it,if yes how ?</p>
  
  <p>Thanks :) </p>