Date Picker

SobreCopiar link da âncora

Seletor de data que combina um campo de texto (gatilho) com um KasyCalendar sobreposto. O gatilho reusa KasyTextField em modo somente-leitura, então herda label, hint, ícone de sufixo, padding, borda e sombra do design system automaticamente.

• value / onChanged: data única (modo single, padrão).
• range / onRangeChanged: intervalo início/fim (selectionMode: KasyDateSelectionMode.range) — é assim que o DateRangePicker do catálogo é montado, não existe um widget KasyDateRangePicker separado.
• presentation: popover (padrão em desktop), dialog, bottomSheet (padrão em phone/tablet). Explícito sempre sobrescreve o adaptativo.
• dateFormat: preset regional (us, southAmerican, european, iso, eastAsian); formatDate permite formatação 100% customizada e tem prioridade.
• locale: nomes de mês, abreviação de dia da semana e formato padrão (KasyDatePickerLocale.en/es/pt); segue o idioma ativo do app quando omitido.
• minDate / maxDate: limita datas selecionáveis.
• monthsToShow: meses lado a lado (2 ou 3) para layouts amplos.
• variant: primary (padrão, superfície branca + sombra suave) ou secondary (visual "filled" sem sombra).
• label, showRequiredIndicator, description, errorText, isInvalid: mesmos campos de formulário do KasyTextField.
• showSuffix: mostra/esconde o ícone de calendário no sufixo.
• showBarrier: mostra/esconde o scrim escurecido atrás do popover.
• enabled: desabilita o campo inteiro.

PreviewCopiar link da âncora

Atualizado em 03/11/2026