Calendário

O calendário permite ao usuário navegar por diferentes datas e, a partir da seleção de uma delas, obter informações ou preencher formulários.

Quando usar

Um calendário pode ser usado tanto como filtro de informações relacionadas a datas (por exemplo, ver quais compromissos estão na agenda em um determinado dia), quanto para obter do usuário dados que devam ser fornecidos em formato de data (por exemplo, selecionar a data de nascimento no preenchimento de um formulário).


Anatomia

  • Título (opcional): informa a data desejada e o formato (dd/mm/aaaa).
  • Campo de texto: apresenta a data selecionada e permite ao usuário preencher a data desejada.
  • Controles de mês e ano: permite a navegação rápida por datas passadas e futuras.
  • Mês anterior: navega para o mês anterior ao que está sendo apresentado.
  • Próximo mês: navega para o mês seguinte ao que está sendo apresentado.
  • Dias da semana: separa os dias em colunas para cada dia da semana.
  • Dia: os dias do mês. O dia atual deve ser destacado, assim como a data atualmente selecionada. Se desejado, as datas com itens de interesse podem também ser destacadas através de cores diferentes.

Para usar este componente em seu leiaute, acesse o banco de recursos e veja as versões já disponíveis para aplicação.


Comportamento

  • Interações: existem várias formas de interagir com o calendário. A data pode ser digitada diretamente no campo de texto, ou selecionada dentro do calendário clicando na data desejada. Para navegar pelo passado e futuro, é possível usar as setas de navegação de meses ou a caixa de seleção de mês/ano.