#
Calendar
This example displays a calendar with activities and a plus icon to add events by date.
React / Next.js
Calendar
Calendar renders a monthly grid view where each day can show activities and a plus icon for adding new items.
| Prop | Description | Value(s) |
|---|---|---|
| `activities` | An array of activity objects to show per date. | `{ title: string; date: Date; funcss?: string; color?: string; data?: any; footer?: React.ReactNode; }[]` |
| `onAdd` | Callback triggered when the plus icon on a date is clicked. | `(date: Date) => void` |
| `onActivityClick` | Callback triggered when an activity is clicked. | `(activity: Activity) => void` |
| `funcss` | Extra classes for styling the outer calendar container. | `string` |