title: How can I open the mui KeyboardDatePicker dialog when the input field is clicked
body: <p>Currently what happens is the datepicker is only opened when you click the calendar icon but i need it to open both when the input field is clicked and when the calendar icon is clicked. I have found that there is an onclick prop but I don't know how to add the function to trigger the dialog to open.
  Here is my code</p>
  
  <pre><code>&lt;MuiPickersUtilsProvider utils={DateFnsUtils}&gt;
    &lt;KeyboardDatePicker
      variant="inline"
      fullWidth
      margin="normal"
      format={dateFormat}
      KeyboardButtonProps={{
        "aria-label": "change date",
      }}
      autoOk
      name={field.name}
      value={field.value || null}
      helperText={showError &amp;&amp; error}
      error={Boolean(showError)}
      onClose={handleTouch}
      onChange={handleChange}
      onTouchEnd={handleTouch}
      onBlur={handleTouch}
      onClick={}
      PopoverProps={{
        anchorOrigin: { horizontal: "left", vertical: "bottom" },
        transformOrigin: { horizontal: "left", vertical: "top" },
      }}
      {...other}
    /&gt;
  &lt;/MuiPickersUtilsProvider&gt;
  </code></pre>