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 a interação do calendário quando ativo. |
| Tipo | boolean |
| Valor padrão | false |
disabledDates
| |
|---|
| Atributo | --- |
| Descrição | Lista de datas indisponíveis para seleção no calendário. |
| Tipo | Date[] |
| Valor padrão | [] |
fixedRowCount
| |
|---|
| Atributo | fixed-row-count |
| Descrição | Define se o calendário deve manter um número fixo de linhas (6 semanas = 42 dias)
ou variar conforme o mês.
Quando true, o calendário sempre exibe 6 semanas completas.
Quando false, o calendário adapta-se ao mês, exibindo apenas as semanas necessárias. |
| Tipo | boolean |
| Valor padrão | false |
locale
| |
|---|
| Atributo | locale |
| Descrição | Locale usado para gerar nomes de meses e dias da semana. |
| Tipo | string |
| Valor padrão | 'pt-BR' |
rangeEnd
| |
|---|
| Atributo | --- |
| Descrição | Data final selecionada quando o calendário opera no modo de intervalo. |
| Tipo | Date |
| Valor padrão | null |
rangeStart
| |
|---|
| Atributo | --- |
| Descrição | Data inicial selecionada quando o calendário opera no modo de intervalo. |
| Tipo | Date |
| Valor padrão | null |
referenceDate
| |
|---|
| Atributo | --- |
| Descrição | Data usada como base visual para o mês atualmente exibido. |
| 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 | Data atualmente selecionada pelo usuário, ou null quando não há seleção. |
| Tipo | Date |
| Valor padrão | null |
weekStartsOn
| |
|---|
| Atributo | week-starts-on |
| Descrição | Define o índice do dia em que a semana começa na interface do calendário. |
| Tipo | 0 | 1 | 2 | 3 | 4 | 5 | 6 |
| Valor padrão | 0 |
Eventos
| Evento | Descrição | Propagação |
|---|
dateStateChange | Evento emitido quando a data de referência ou a seleção mudam. | true |
CSS Shadow Parts
| Nome | Descrição |
|---|
"calendar" | Grade geral do calendário. |
"container" | Parte para o container base do calendário. |
"day" | Célula individual do dia no calendário. |
"grid" | Grade de dias do mês. |
"header" | Cabeçalho do calendário (contendo navegação e seleção de mês/ano). |
"month-select" | Elemento de seleção do mês. |
"weekday" | Rótulo individual do dia da semana. |
"weekdays" | Container para os rótulos dos dias da semana. |
"year-input" | Elemento de entrada do ano. |
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
