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
| |
|---|
| Atributo | disabled |
| Descrição | Desabilita digitação e abertura do picker quando ativo. |
| Tipo | boolean |
| Valor padrão | false |
mode
| |
|---|
| Atributo | mode |
| Descrição | Define o modo de entrada: date, time ou datetime. |
| Tipo | "date" | "datetime" | "time" |
| Valor padrão | 'datetime' |
placeholder
| |
|---|
| Atributo | placeholder |
| Descrição | Define o placeholder do campo de entrada. |
| Tipo | string |
| Valor padrão | '' |
rangeEnd
| |
|---|
| Atributo | --- |
| Descrição | Data final do intervalo quando em modo range. |
| Tipo | Date |
| Valor padrão | null |
rangeStart
| |
|---|
| Atributo | --- |
| Descrição | Data inicial do intervalo quando em modo range. |
| Tipo | Date |
| Valor padrão | null |
referenceDate
| |
|---|
| Atributo | --- |
| Descrição | Data de referência que orienta a navegação visual do calendário. |
| Tipo | Date |
| Valor padrão | new Date() |
selectionMode
| |
|---|
| Atributo | selection-mode |
| Descrição | Define se a seleção ocorre por data única ou por intervalo. |
| Tipo | "range" | "single" |
| Valor padrão | 'single' |
value
| |
|---|
| Atributo | --- |
| Descrição | Valor selecionado pelo usuário, ou null quando nada foi escolhido. |
| Tipo | Date |
| Valor padrão | null |
Eventos
| Evento | Descrição | Propagação |
|---|
dateStateChange | Emite quando o valor é alterado via input ou parsing. | true |
togglePicker | Solicita ao componente pai a alternância da abertura do picker. | true |
CSS Shadow Parts
| Nome | Descriçã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 Vue | Propriedade Stencil | Descrição | Tipo | Padrão |
|---|
🟥 Propriedades removidas
| Propriedade | Descrição | Tipo | Padrão |
|---|
🟩 Novas propriedades
| Propriedade | Descrição | Tipo | Padrão |
|---|
Eventos
🟦 Eventos renomeados
| Evento Vue | Evento Stencil | Descrição |
|---|
🟥 Eventos removidos
| Propriedade | Descrição | Tipo | Padrão |
|---|
🟩 Novos eventos
Slots
🟦 Slots renomeados
| Slot Vue | Slot Stencil | Descrição |
|---|
🟥 Eventos removidos
| Propriedade | Descrição | Tipo | Padrão |
|---|
🟩 Slots criados