Chip Date

Permite ao usuário escolher uma data específica.

Choose Date

Opções

small

x-small

disabled

dark

selected

eager

range

​

format

pt-BR

​

color

Props

Prop name	Description	Type	Default	Type format
bottom	Alinha o date-picker à baixo	boolean	false
cancelBtnColor	Define a cor do botão de cancelar	string	'primary'
color		string	''
confirmBtnColor	Define a cor do botão de confirmação	string	'primary'
dark	Para indicar que a cor de fundo é escura (somente quando selected: true)	boolean	false
dateIcon	Define o ícone aplicado ao chip-date	string	'$date_range_rounded'
disabled	Flag para desabilitar o chip	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
format	Formato de exibição de data	string	'pt-BR'
icon	Ícone adicionado ao chip	string	null
left	Alinha o date-picker à esquerda	boolean	false
max	Data máxima permitida (padrão ISO 8601 dd)	string	undefined
min	Data mínima permitida (padrão ISO 8601 dd)	string	undefined
nextIcon	Define o ícone de avançar entre as datas	string	'$keyboard_arrow_right_rounded'
prevIcon	Define o ícone de voltar entre as datas	string	'$keyboard_arrow_left_rounded'
range	Flag para indicar que se quer um range de datas	boolean	false
right	Alinha o date-picker à direita	boolean	false
selected	Flag para deixar o fundo preenchido (selecionado)	boolean	false
small	Flag para indicar que o chip deve ser pequeno	boolean	false
text	Texto do chip	string	undefined
top	Alinha o date-picker à cima	boolean	false
value	Valor do picker de data Seu valor deve ser no formato ISO 8601 (YYYY-MM-DD)	string,array	undefined
xSmall	Flag para indicar que o chip deve ser bem pequeno	boolean	false

Events

Event name	Properties	Description
input	dateValue String - Valor da data selecionada	Evento emitido quando o usuário confirma a seleção