title: Material-UI: How to apply input attributes using TextField
body: <p>I have a couple of input fields (TextField) that I would like to add some aria-* attributes for accessibility.</p>
  
  <p>I am trying this way:</p>
  
  <pre><code>const props = {
    InputProps: {
      'aria-label': 'myAriaLabel'
    }
  }
  
  // ...
  
  &lt;TextField {...props}&gt;&lt;/TextField&gt;
  </code></pre>
  
  <p>But Material-UI ends up applying the attribute to the wrapping <code>div</code> that is generated. Something like:</p>
  
  <pre><code>&lt;div aria-label="myAriaLabel"&gt;&lt;input /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How can I place this attribute correctly to the <code>input</code> element?</p>