DatePicker
É uma view que permite o usuário selecionar uma data de um calendário, e opcionalmente um horário. Possui com uma variedade de opções de customização para controlar sua aparência e suas funcionalidades.
Assim como todos os controles que armazenam valores, o DatePicker precisa estar associado a algum @State
em seu app.
Criando um DatePicker
O exemplo a seguir cria um DatePicker
básico, limitado a mostrar apenas o calendário. Quando o usuário clicar em cima da view o calendário abrirá com uma animação onde será possível selecionar uma data.
Quando o usuário selecionar uma data, a view automaticamente atualizará o @State
Date
associado.
Limitando Datas
Ao utilizar um range
é possível especificar qual data pode ser selecionada no calendário. Podemos definir, por exemplo, que o usuário possa escolher apenas datas do dia atual em diante ao usar in: Date()...
, mas também é possível delimitar datas específicas.
Selecionando Horário
Além de selecionar uma data, é possível selecionar horas e minutos.
Mudando o Estilo do DatePicker
É possível alterar o estilo do date picker através do método .datePickerStyle
, podendo selecionar opções como:
.graphical: Mostra um calendário interativo na tela.
.whell: Mostra cada componente em colunas em uma view com scroll.
.compact: Mostra os componentes em forma de texto.