title: Material-ui : Pass object detail on KeyboardDatePicker onchange
body: <p>I want to use <code>KeyboardDatePicker</code> for selecting the date for each row object in an array.</p>
  <pre><code>const meetings = [
    {id: 1, title: 'a', date: '14/5/2020'},
    {id: 2, title: 'b', date: '15/5/2020'}
  ];
    
  const renderMeeting = () =&gt; 
    meetings.map(row =&gt; (
      &lt;&gt;
        &lt;h2&gt;{row.title}&lt;/h2&gt;
        &lt;KeyboardDatePicker 
          margin=&quot;normal&quot; 
          label=&quot;Meeting Date&quot; 
          value={row.date} 
          format=&quot;dd/MM/yyyy&quot; 
          onChange={this.handleMeetingDateChange}
        /&gt;
      &lt;/&gt;
    ))
  </code></pre>
  <p>How do I pass the <code>row</code> object along with the selected <code>date</code> to <code>handleMeetingDateChange()</code>?</p>
  <p>P.S. I tried <code>react-datepicker</code> but the design is not consistent with other components on the page, that is the reason why I'm trying to make <code>KeyboardDatePicker</code> works.</p>