Big Calendar
A full-sized, interactive monthly calendar supporting drag-to-select, multi-day events, and slot-based rendering.
Selected: 7/28/2026 - 7/28/2026
July 2026
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
Conference
Deadline
29
Conference
30
Conference
31
1
Planning
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
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
10:00 AM Deep Work
29
30
2:00 PM Sync
31
1
2