Time Picker

SobreCopiar link da âncora

Seletor de horário: um campo de texto (mesmo estilo do KasyTextField) que, ao ser tocado, abre um painel com roletas (hora / minuto / AM-PM) para escolher o horário. Adaptativo: popover no desktop, bottom sheet no phone/tablet — igual ao KasyDatePicker.

• presentation: popover, dialog ou bottomSheet; se omitido usa popover em telas grandes e bottom sheet no resto.
• value / onChanged: horário selecionado (TimeOfDay) e callback de mudança.
• use24HourFormat: força 24h ou 12h; se omitido segue a configuração do dispositivo.
• minuteInterval: passo da roleta de minutos (1, 5, 10, 15, 30...), com snap automático.
• formatTime: formatador customizado do texto exibido no campo.
• label, placeholder, description, errorText, isInvalid, showRequiredIndicator: mesmos campos de estado de um KasyTextField.
• variant, focusBorder, showSuffix: controlam a aparência do campo-gatilho (ícone de relógio por padrão).
• showBarrier: no modo popover, mostra/esconde o scrim escurecido atrás do painel.

Também existe a função imperativa showKasyTimePicker(context: ..., initialTime: ...), que abre o mesmo painel sem precisar de um campo de gatilho (dialog no desktop, bottom sheet no mobile) e retorna o TimeOfDay escolhido.

PreviewCopiar link da âncora

Atualizado em 03/11/2026