Calendar

Inputs

Single-date month calendar grid with event chips and external navigation.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/calendar

Instalação via CLI

$ npx kikitocn add calendar

Exemplo de uso

CalendarExample.tsx

import { Calendar } from "@/components/ui/cn/calendar/Calendar";

export function CalendarExample() {
  return (
    <Calendar />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`value`	`Date`	—	Data selecionada (controlado)
`defaultValue`	`Date`	—	Data inicial (não-controlado)
`onChange`	`(date: Date) => void`	—	Callback ao selecionar data
`events`	`CalendarEvent[]`	—	Chips de eventos nos dias
`onEventClick`	`(event: CalendarEvent) => void`	—	Callback ao clicar em evento
`className`	`string`	—	Classes CSS extras

Carregando…