Ir para o conteúdo principal

DatetimeInput

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 digitação e abertura do picker quando ativo.
Tipoboolean
Valor padrãofalse

mode​

Atributomode
DescriçãoDefine o modo de entrada: date, time ou datetime.
Tipo"date" | "datetime" | "time"
Valor padrão'datetime'

placeholder​

Atributoplaceholder
DescriçãoDefine o placeholder do campo de entrada.
Tipostring
Valor padrão''

rangeEnd​

Atributo---
DescriçãoData final do intervalo quando em modo range.
TipoDate
Valor padrãonull

rangeStart​

Atributo---
DescriçãoData inicial do intervalo quando em modo range.
TipoDate
Valor padrãonull

referenceDate​

Atributo---
DescriçãoData de referência que orienta a navegação visual do calendário.
TipoDate
Valor padrãonew Date()

selectionMode​

Atributoselection-mode
DescriçãoDefine se a seleção ocorre por data única ou por intervalo.
Tipo"range" | "single"
Valor padrão'single'

value​

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

Eventos​

EventoDescriçãoPropagação
dateStateChangeEmite quando o valor é alterado via input ou parsing.true
togglePickerSolicita ao componente pai a alternância da abertura do picker.true

CSS Shadow Parts​

NomeDescrição
"container"Parte para o container base do campo.
"icon"Parte para o ícone de ação (calendário/relógio).
"input"Parte para o campo textual interno.

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