Как мне заставить React TextField открыть цифровую клавиатуру при вводе на мобильном устройстве?

Question

У меня есть React TextField, который принимает пользовательский ввод и представляет дату.Когда пользователь нажимает на поле, я хочу, чтобы открылась цифровая клавиатура вместо полного алфавита.Я смотрел на документы React здесь и пытался имитировать их пример.

Мой TextField выглядит следующим образом:

  <TextField
    { ...materialConfiguration }
    floatingLabelFixed={value.length > 0}
    floatingLabelText={label}
    errorText={errorText}
    onChange={this.onChange}
    onKeyUp={this.debouncedOnKeyUp}
    onBlur={this.onBlur}
    type="number"
    label="Number"
    id="standard-number"
    >
    <Cleave value={value} options={{date: true, datePattern: ['m', 'd', 'Y']}} />
  </TextField>

Я добавил type *Поля 1009 * и id из примера React, думающие, что именно это заставило клавиатуру измениться, но она не работает.Как я могу получить этот ввод, чтобы открыть цифровую клавиатуру?

Вот пример React:

<TextField
  id="standard-number"
  label="Number"
  value={this.state.age}
  onChange={this.handleChange('age')}
  type="number"
  className={classes.textField}
  InputLabelProps={{
    shrink: true,
  }}
  margin="normal"
/>

Спасибо

Answer 1

Вам нужно добавить эти атрибуты в ваш тег ввода:

<input type='number' inputMode='numeric' pattern="[0-9]*" />