title: How to get the date value from Material UI datepicker?
body: <p>I am new to React and I am creating a form with a Date picker in it for scheduling appointments and since one cannot book the appointment in the past, I want the date picker to have the days before today disabled in the calendar.</p>
  <p>I found material ui date picker that has the below code.</p>
  <pre><code>&lt;KeyboardDatePicker
          clearable
          value={selectedDate}
          placeholder=&quot;10/10/2018&quot;
          onChange={date =&gt; handleDateChange(date)}
          minDate={new Date()}
          format=&quot;MM/dd/yyyy&quot;
        /&gt;
  </code></pre>
  <p>However, in other textfields of my form such as this one,</p>
  <pre><code>&lt;TextField 
         InputProps={{
           classes: {
            notchedOutline: classes.notchedOutline
                   }
                    }}
                       value={name}
                       onChange={handleChange('name')}
                       className={classes.root}
                       autoComplete=&quot;fname&quot;
                       name=&quot;firstName&quot;
                       variant=&quot;outlined&quot;
                       required
                       fullWidth
                       id=&quot;firstName&quot;
                       label=&quot;Name&quot;
  /&gt;
  </code></pre>
  <p>my onChange function gets the value from the textfields and console logs it but with the datepicker, it already has an onChange function that I cannot work with.</p>
  <p>My code for getting the values from the form</p>
  <pre><code>const [values, setValues] = useState({
          name: '',
          phone: '',
          zipcode: '',
          appliance: '',
          date: '',
          time:'',
          error: '',
          success: false
        })
        const {name, phone, zipcode, appliance, date, time} = values;
        const handleChange = name =&gt; event =&gt;{
          setValues({...values, error: false, [name]:event.target.value});
        }
        const ClearForm =() =&gt; {
          setValues({
            ...values,
            name: '',
            phone: '',
            zipcode: '',
            appliance: '',
            date: '',
            time:'',
          })
        }
        const reqOnlineRepair = (name, phone, zipcode, appliance, date, time) =&gt; {
          console.log(name, phone, zipcode, appliance, date, time)
        }
        const clickSubmit = (event) =&gt; {
          event.preventDefault();
          reqOnlineRepair(name, phone, zipcode, appliance, date, time);
          handleClose(); 
          ClearForm();
        }
  </code></pre>
  <p>Can someone help me get the value of date from the material ui date picker and console log it?</p>