title: Unable to get Material-Ui datepicker date on the first change
body: <p>So I am unable, to get date from material-ui dateandtimepicker on the first select, somehow, i get value only on second click, and that value is previous one,
  Also would love to know if there is any other way to convert date to format like this yyyy:mm:dd:hh:mm without using moment.js</p>
  
  <p>Here is my code:</p>
  
  <pre><code>import React, { Component } from 'react'
  import DataPicker from './UI-components/DataPicker'
  
  class EventForm extends Component {
    constructor(props) {
      super(props);
      this.state = {
        text: '',
        errors: {},
        start:'',
        end:''
      }
    }
  
    onChange1(e) {
      this.setState({
        start: e.target.value,
      });
      console.log(this.state.start)
    }
  
    render() {
      return (
        &lt;div&gt;
          &lt;DataPicker
            label="Event Starts"
            onChange={this.onChange1.bind(this)} 
            defaultas="2017-05-24T10:30"
          /&gt;
        &lt;/div&gt;
      )
    }
  }
  export default EventForm;
  </code></pre>
  
  <p>DatePicker.js</p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import { withStyles } from '@material-ui/core/styles';
  import TextField from '@material-ui/core/TextField';
  
  const styles = theme =&gt; ({
    container: {
      display: 'flex',
      flexWrap: 'wrap',
    },
    textField: {
      marginLeft: theme.spacing.unit,
      marginRight: theme.spacing.unit,
      width: 300,
    },
  });
  
  function DateAndTimePickers(props) {
    const { classes } = props;
  
    return (
      &lt;form className={classes.container} noValidate&gt;
        &lt;TextField
          id="datetime-local"
          label={props.label}
          type="datetime-local"
          defaultValue={props.defaultas}
          className={classes.textField}
          onChange = {props.onChange} 
          value = {props.value} 
          InputLabelProps={{
            shrink: true,
          }}
        /&gt;
      &lt;/form&gt;
    );
  }
  
  DateAndTimePickers.propTypes = {
    classes: PropTypes.object.isRequired,
  };
  
  export default withStyles(styles)(DateAndTimePickers);
  </code></pre>