title: How to get the value of the Rangepicker which having the time with Ant Design?
body: <p>I have a table of Rangepicker of the date and  the time, this table is dynamically which I can add and remove these range picker as you look at the picture below : 
  <a href="https://i.stack.imgur.com/YRQbV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YRQbV.png" alt="enter image description here"></a></p>
  
  <p>I want to store these values on another table to send it to the backend and when I have value on the Rangepicker, I get an error.</p>
  
  <p>My code is :</p>
  
  <pre><code>import { DatePicker } from 'antd';
  import moment from 'moment-timezone';
  import fr_FR from 'antd/lib/locale-provider/fr_FR';
  import "moment/locale/fr";
  const { RangePicker } = DatePicker;
  export default class App extends Component {
  constructor(props) {
      super(props);
      this.state= {
          tranches :[{date:null}]
      }
    onChange(value, dateString) {
      console.log('Selected Time: ', value);
      console.log('Formatted Selected Time: ', dateString)
    }
    onOk(value) {
      console.log('onOk: ', value);
    }
    render() {
      return (
         &lt;div&gt;
           { 
                        this.state.tranches.map((el, i) =&gt; 
                          &lt;Row key={i}&gt;
                            &lt;Col span={12}&gt;
                              &amp;nbsp; &amp;nbsp; &amp;nbsp;
                              &lt;label className="pt-label .modifier"&gt;&lt;strong&gt;Période&lt;/strong&gt;&lt;/label&gt;
                              &lt;LocaleProvider locale={fr_FR}&gt;
                                &lt;RangePicker 
                                  allowClear={false}
                                  id="date" name= "date"
                                  style={{ width: '547px', marginLeft:'20px'}} 
                                  locale="fr" 
                                  //placeholder={["Date de début","Date de fin"]} 
                                  separator="-" 
                                  onChange={this.onChange}
                                  showTime={{ format: 'HH:mm' }}
                                  format="DD/MM/YYYY HH:mm"
                                  placeholder={['Date et heure de début', 'Date et heure de fin']}
                                  onOk={this.onOk}
                                /&gt;
                              &lt;/LocaleProvider&gt;
                            &lt;/Col&gt;
                            &lt;Col span={12}&gt;
                              {i === 0 ? 
                                          &lt;&gt;                      
                                        &lt;Icon type="plus-circle" theme="twoTone" twoToneColor="#52c41a"  onClick={this.ajouterTranche}/&gt; 
                                            &lt;br/&gt; 
                                          &lt;/&gt;
                                        :
                                          &lt;&gt;
                                         &lt;Icon type="close-circle" theme="twoTone" twoToneColor="red"  onClick={this.supprimerTranche(i)}/&gt;
  
                                            &lt;Icon type="plus-circle" theme="twoTone" twoToneColor="#52c41a"  onClick={this.ajouterTranche}/&gt;  
                                            &lt;br/&gt;
                                          &lt;/&gt; 
                                        }
                            &lt;/Col&gt;
  &lt;/Row&gt;
                      )}
  }
  </code></pre>
  
  <p>How can I fix it ? </p>