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