title: Material UI: Remove up/down arrow dials from TextView
body: <p>I have this TextView in Material UI:</p>
  
  <pre><code>&lt;TextField
        id="contact phone number"
        label="Contact phone number"
        type="number"
        value={this.state.contactPhoneNumber}
        onChange={this.handleChange('contactPhoneNumber')}
        placeholder="Contact phone number"
        margin="normal"
  /&gt;
  </code></pre>
  
  <p>It looks like this:
  <a href="https://i.stack.imgur.com/7wJVC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7wJVC.png" alt="enter image description here"></a></p>
  
  <p>How would I remove the up and down arrow dials from the TextView?</p>