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