Ir para o conteúdo principal
WBC - GovBR-DS
Copiar página como Markdown para IA

DatetimeInput

Anatomia, uso, comportamento visual e recomendações conceituais são mantidos pelo Padrão Digital de Governo. Esta página documenta a implementação Web Components e sua API executável.

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.

Exemplo(s)

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

rangeValue

Atributo---
DescriçãoIntervalo controlado no modo range.
Tipo{ start: Date; end: Date; }
Valor padrão---

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çãoDepreciaçã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