Campo de data

AlpopDateField é um seletor de data baseado em @vuepic/vue-datepicker, desacoplado de i18n: passe dayNames e selectLabel como props quando precisar sobrescrever os padrões (o rótulo do botão é traduzível; veja Chaves de tradução). Seleciona apenas o dia por padrão e suporta intervalo (range). O enableTimePicker (seleção de hora) do datepicker é repassado, mas ainda não faz parte do uso padrão da Alpop.

Vencimento

Valor: —

alpop-date-field(
  name="date",
  label="Vencimento",
  select-label="Selecionar",
  v-model="date"
)

Props

Prop	Tipo	Padrão	Descrição
name	String	"date"	Nome do campo
label	String	null	Rótulo (herdado de input-field)
modelValue	Array|Date|String	—	Valor (v-model)
range	Boolean	false	Seleção de intervalo
enableTimePicker	Boolean	false	Habilita seleção de hora
minDate	Date	null	Data mínima
maxDate	Date	null	Data máxima
startDate	Date	null	Mês/data em que o calendário abre
format	String	"dd/MM/yyyy"	Formato de exibição
locale	String	"pt-BR"	Locale do calendário
dayNames	Array	["Seg", "Ter", "Qua", "Qui", "Sex", "Sáb", "Dom"]	Nomes dos dias da semana
weekStart	Number	1	Primeiro dia da semana (1 = segunda)
selectLabel	String	"Selecionar"*	Rótulo do botão (*traduzível)

Eventos

Evento	Payload	Descrição
update:modelValue	Array|Date|String	Nova data