Big Calendar
A full-sized, interactive monthly calendar supporting drag-to-select, multi-day events, and slot-based rendering.
Selected: 4/25/2026 - 4/25/2026
April 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
30
31
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
Conference
Deadline
26
Conference
27
Conference
28
29
Planning
30
1
2
3
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
Apr
Mon
Tue
Wed
Thu
Fri
Sat
Sun
30
31
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
Custom Event Items
You can render anything inside the item slot. Here is an example with times and icons.
April 2026
Mon
Tue
Wed
Thu
Fri
Sat
Sun
30
31
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
10:00 AM Deep Work
26
27
2:00 PM Sync
28
29
30
1
2
3