#
Calendar
This example displays a calendar with activities and a plus icon to add events by date.
React / Next.js
Su
Mo
Tu
We
Th
Fr
Sa
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
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` |