Big Calendar
A full-sized, interactive monthly calendar supporting drag-to-select, multi-day events, and slot-based rendering.
Selected: 6/13/2026 - 6/13/2026
June 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
Conference
Deadline
14
Conference
15
Conference
16
17
Planning
18
19
20
21
22
23
Team Retreat
24
Team Retreat
25
Team Retreat
26
27
28
Maintenance
29
30
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
Jun
Mon
Tue
Wed
Thu
Fri
Sat
Sun
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
1
2
3
4
5
Custom Event Items
You can render anything inside the item slot. Here is an example with times and icons.
June 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
10:00 AM Deep Work
14
15
2:00 PM Sync
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5