Ir para o conteúdo principal

TimePicker

Visão Geral​

Design System​

Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.

Exemplos​

Propriedades​

disabled​

Atributodisabled
DescriçãoDesabilita todos os controles de navegação e edição de hora/minuto.
Tipoboolean
Valor padrãofalse

referenceDate​

Atributo---
DescriçãoData de referência usada para exibir e ajustar hora e minuto.
TipoDate
Valor padrãonew Date()

value​

Atributo---
DescriçãoValor atualmente selecionado pelo usuário, ou null quando vazio.
TipoDate
Valor padrãonull

Eventos​

EventoDescriçãoPropagação
dateStateChangeEvento emitido quando a data de referência ou o valor selecionado mudam.true

CSS Shadow Parts​

NomeDescrição
"container"Parte para o container base do seletor de horários.
"field"Campo individual de entrada de tempo (com botões de ajuste).
"input"Campo de entrada textual interno do tempo.
"separator"Separador visual de hora e minuto.
"timer"Container para o grupo de hora e minuto.

Dependências​

Componente pai​

Usado por​

Depende de​

Gráfico​

Migração: Vue 1.x → Stencil 2.x​

Propriedades​

🟦 Propriedades renomeadas​

Propriedade VuePropriedade StencilDescriçãoTipoPadrão

🟥 Propriedades removidas​

PropriedadeDescriçãoTipoPadrão

🟩 Novas propriedades​

PropriedadeDescriçãoTipoPadrão

Eventos​

🟦 Eventos renomeados​

Evento VueEvento StencilDescrição

🟥 Eventos removidos​

PropriedadeDescriçãoTipoPadrão

🟩 Novos eventos​

EventoDescrição

Slots​

🟦 Slots renomeados​

Slot VueSlot StencilDescrição

🟥 Eventos removidos​

PropriedadeDescriçãoTipoPadrão

🟩 Slots criados​

SlotDescrição