title: How do I get my React TextField to open the number pad when inputting on a mobile device?
body: <p>I have a React TextField that is taking user input and it is representing a date. When the user clicks on the field I want the number keyboard to open instead of the full alphabet. I was looking at the React docs <a href="https://material-ui.com/demos/text-fields/" rel="noreferrer">here</a> and trying to mimic their example.</p>
  
  <p>My TextField looks like the following:</p>
  
  <pre><code>  &lt;TextField
      { ...materialConfiguration }
      floatingLabelFixed={value.length &gt; 0}
      floatingLabelText={label}
      errorText={errorText}
      onChange={this.onChange}
      onKeyUp={this.debouncedOnKeyUp}
      onBlur={this.onBlur}
      type="number"
      label="Number"
      id="standard-number"
      &gt;
      &lt;Cleave value={value} options={{date: true, datePattern: ['m', 'd', 'Y']}} /&gt;
    &lt;/TextField&gt;
  </code></pre>
  
  <p>I added the <code>type</code> <code>label</code> and <code>id</code> fields from the React example thinking that was what made the keyboard change but it does not work. How can I get this input to open the number pad?</p>
  
  <p>The React example is this:</p>
  
  <pre><code>&lt;TextField
    id="standard-number"
    label="Number"
    value={this.state.age}
    onChange={this.handleChange('age')}
    type="number"
    className={classes.textField}
    InputLabelProps={{
      shrink: true,
    }}
    margin="normal"
  /&gt;
  </code></pre>
  
  <p>Thanks</p>