Componente Calendar

O Calendar é um componente que permite a visualização e interação com datas em um formato de calendário, com suporte para destacar datas específicas e personalização visual.

Como importar

import { Calendar } from '@/app/shared/@JustLaunch/components'

Exemplo de uso

Padrão

<Calendar onDateSelect={(date) => console.log(date)} highlightedDates={[]} />

Vazio

<Calendar
  onDateSelect={(date) => console.log(date)}
  highlightedDates={[]}
  disabled={true}
/>

Com Datas Destacadas

<Calendar
  onDateSelect={(date) => console.log(date)}
  highlightedDates={[
    new Date('2024-03-15'),
    new Date('2024-03-20'),
    new Date('2024-03-25'),
  ]}
/>

Props

Prop	Tipo	Padrão	Descrição
`onDateSelect`	`(date: Date) => void`	-	Função chamada quando uma data é selecionada
`highlightedDates`	`Date[]`	`[]`	Array de datas que devem ser destacadas no calendário
`disabled`	`boolean`	`false`	Desabilita a interação com o calendário