Calendar

import { Calendar, type CalendarEvent } from '@/components/ui/calendar'
import { useState } from 'react'

export default function MyComponent() {
 const [selectedEvent, setSelectedEvent] = useState<CalendarEvent | null>(null)

 const events: CalendarEvent[] = [
 {
 id: '1',
 title: 'Team Meeting',
 date: new Date(2025, 11, 5, 10, 0),
 color: 'default',
 hour: 10
 },
 {
 id: '2',
 title: 'Product Launch',
 date: new Date(2025, 11, 10, 14, 0),
 color: 'success',
 hour: 14
 },
 ]

 return (
 <Calendar
 events={events}
 onEventClick={(event) => setSelectedEvent(event)}
 />
 )
}