Input Date

Utilizado para selecionar uma data específica. Ao selecionar a data escolhida, ela fica visível dentro do campo.

O valor do input segue o padrão yyyy-mm-dd, porém é possível alterar a formatação dele (maneira como é exibido no input).

​

Exemplo

Opções

​

label

eager

range

small

medium

large

​

format

pt-BR

​

color

​

input-color

Props

Prop name	Description	Type	Default	Type format
cancelText	Label do botão de cancelar	string	undefined
clearable	Adiciona funcionalidade de "limpar" o input	boolean	false
color	Cor utilizada no picker e nos botões	string	null
confirmBtnProps	Props para serem adicionadas ao botão de confirmação	object	``
confirmText	Label do botão de confirmar	string	undefined
disabled	Flag para desabilitar o campo	boolean	false
eager	Flag para indicar que a mudança de valor é feita no momento do click na data e não na confirmação do botão.	boolean	false
errorMessages	Mensagens de erro para serem exibidas	array	[]
format	Formato de exibição da data	string	'pt-BR'	{pt-BR|en-US,es-ES}
hideDetails	Flag para esconder os os detalhes (div de mensagens de validação/hint)	boolean,string	false
hint	Dica para ser colocada em baixo do input.	string	undefined
inputColor	Cor para ser usada no input	string	null
label	Label	number,string	undefined
large	Flag para indicar que o input deve ser grande (defaults: {mobile: true, desktop: false})	boolean	undefined
max	Data máxima permitida (padrão ISO 8601 dd)	string	undefined
medium	Flag para indicar que o input deve ser medio sempre (defaults: {mobile: false, desktop: true})	boolean	false
min	Data mínima permitida (padrão ISO 8601 dd)	string	undefined
placeholder	Placeholder	string	undefined
range	Flag para indicar que se quer um range de datas	boolean	false
readonly	Flag para indicar que o campo está carregando	boolean	false
required	Flag para indicar que é um campo requerido	boolean	false
rules	Regras de validação para o valor do input	array	[]
small	Flag para indicar que o input deve ser pequeno (defaults: {mobile: false, desktop: false})	boolean	undefined
value	Valor para o input	array,string	undefined

Events

Event name	Properties	Description
input	value String - Data selecinada	Evento emitido ao confirmar a data
invalid:date
click