title: Material UI Autocomplete - disable keyboard input (on mobile)
body: <p>I am using the Material UI <a href="https://material-ui.com/components/autocomplete/#autocomplete-autofill" rel="nofollow noreferrer">Autocomplete</a> component with multi select. It works great on desktop, but on mobile, I would like to disable keyboard input and only allow touch selection. In other words, I don't want the smartphone keyboard to appear.</p>
  <p>I did not find any params for this in the docs: <a href="https://material-ui.com/api/autocomplete/#props" rel="nofollow noreferrer">https://material-ui.com/api/autocomplete/#props</a></p>
  <p>I tried to disable the TextField, but I could still enter text - it seems that the disabled param does not get added to the input field in the page source:</p>
  <pre><code>&lt;Autocomplete
      disableClearable
      options={[...]}
      renderInput={(params) =&gt; &lt;TextField {...params} label=&quot;xxx&quot; disabled /&gt;}
      blurOnSelect=&quot;touch&quot;
  /&gt;
  </code></pre>
  <p>I need the autocomplete component without the autocomplete feature :) - I could also switch to the default Select component, but i would like to keep autocomplete on desktop. Also, the Autocomplete component offers multi-selection with checkboxes.</p>