Big Calendar
A full-sized, interactive monthly calendar supporting drag-to-select, multi-day events, and slot-based rendering.
Selected: 10/13/2026 - 10/13/2026
October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
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
31
1
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
Oct
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
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
Custom Event Items
You can render anything inside the item slot. Here is an example with times and icons.
October 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
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
31
1