Материал пользовательского интерфейса DatePicker, открытый на вкладке

Question

Я пытаюсь открыть DatePicker, нажимая вкладку (когда вы вводите несколько полей, вкладку легко использовать вместо нажатия в текстовом поле). Единственная проблема в том, что я не знаю, как это сделать:

<MobileDatePicker
  variant="outlined"
  label="Date of birth"
  disableFuture
  openTo="year"
  views={['year', 'month', 'date']}
  format="dd/MM/yyyy"
  value={dateOfBirth}
    onChange={e => {
    setDateOfBirth(e);
    setDateOfBirthError(false);
  }}
  error={dateOfBirthError !== false}
  helperText={dateOfBirthError}
  fullWidth
/>

Кто-нибудь знает, как я могу открыть этот указатель даты при нажатии клавиши Tab?

Answer 1

Вы можете использовать onFocus и управляемую open опору, чтобы открыть ее onFocus Но вы, вероятно, захотите иметь доступную версию DatePicker, чтобы вы могли использовать версию v4.0.0-alpha и DesktopDatePicker или просто DatePicker для достижения встроенного а11у