title: Material UI datetime-local input open the calendar dropdown
body: <p>I am using the following code, taken from <a href="https://material-ui.com/components/pickers/#date-time-pickers" rel="nofollow noreferrer">https://material-ui.com/components/pickers/#date-time-pickers</a></p>
  <pre><code>&lt;form className={classes.container} noValidate&gt;
    &lt;TextField
      id=&quot;datetime-local&quot;
      label=&quot;Next appointment&quot;
      type=&quot;datetime-local&quot;
      defaultValue=&quot;2017-05-24T10:30&quot;
      className={classes.textField}
      InputLabelProps={{
        shrink: true,
      }}
    /&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Now, what I want to do is when the user clicks anywhere in the input, open the calendar drop down.At the moment it only opens if the user clicks the calendar icon. I've looked at other answers but did not get anything.</p>
  <p>Thanks.</p>