Big Calendar
A full-sized, interactive monthly calendar supporting drag-to-select, multi-day events, and slot-based rendering.
Selected: 3/10/2026 - 3/10/2026
March 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
Conference
Deadline
11
Conference
12
Conference
13
14
Planning
15
16
17
18
19
20
Team Retreat
21
Team Retreat
22
Team Retreat
23
24
25
Maintenance
26
27
28
29
30
31
1
2
3
4
5
Drag across dates to select a range. Shift+Click also extends selection. Click "Add Event" to
create an item on the selected range.
Installation
Run the following command to install the `big-calendar` components:
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/big-calendar.json
Disabled Dates
Use the
isDateDisabled prop to prevent interactions on specific days (e.g., weekends).
Disabled days receive a distinct visual style. Weekends Disabled
Mar
Mon
Tue
Wed
Thu
Fri
Sat
Sun
23
24
25
26
27
28
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
1
2
3
4
5
Custom Event Items
You can render anything inside the item slot. Here is an example with times and icons.
March 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
10:00 AM Deep Work
11
12
2:00 PM Sync
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5