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