Pular para o conteúdo

Seletores Data / Hora

Seletores de data e seletores de hora fornecem uma maneira simples de selecionar um único valor de um conjunto pré-determinado.

  • Em dispositivos móveis, seletores são melhores aplicados quando mostrados em diálogos de confirmação.
  • Para exibição em linha, como em um formulário, considere usar controles compactos, como botões suspensos segmentados.

Componentes React

Seletores nativos

⚠️ O suporte dos navegadores aos controles de entrada nativos não é perfeito.

Seletor de data

Um exemplo de seletor de data nativo com type="date".

⚠️ Missing demo `pages/components/pickers/DatePickers.js` ⚠️

Seletores Data & Hora

Um exemplo de seletor de data & hora nativo com type="datetime-local".

⚠️ Missing demo `pages/components/pickers/DateAndTimePickers.js` ⚠️

Seletor de hora

Um exemplo de seletor de hora nativo com type="time".

⚠️ Missing demo `pages/components/pickers/TimePickers.js` ⚠️