Calendar & Date picker

A growing collection of 28 calendar & date picker components built with React and Tailwind CSS.

November 2025

26
27
28
29
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
4
5
6

Calendar - React Aria

November 2025

26
27
28
29
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
4
5
6

Range calendar - React Aria

November 2025

26
27
28
29
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
4
5
6

Disabled dates - React Aria

November 2025

Calendar - React DayPicker

November 2025

Range calendar - React DayPicker

November 2025

Disabled dates - React DayPicker

November 2025

Multiple day selection - React DayPicker

November 2025

Custom select day style - React DayPicker

November 2025

Custom select range style - React DayPicker

November 2025

Right navigation - React DayPicker

November 2025

Monthly / yearly selects - React DayPicker

NovemberNovember 2025

Yearly select + nav - React DayPicker

November 2025
44
45
46
47
48
49

Weekly numbers - React DayPicker

October 2025

With button - React DayPicker

October 2025

With button - React DayPicker

November 2025

Date input - React DayPicker

November 2025

Time input - React DayPicker

Advanced selection - React DayPicker

November 2025

Thursday, 6

Appointment picker - React DayPicker

November 2025

Calendar with presets - React DayPicker

November 2025

Range calendar with presets - React DayPicker

November 2025
December 2025

Two months calendar - React DayPicker

November 2025
December 2025
January 2026

Three months calendar - React DayPicker

November 2025
December 2025

Pricing calendar - React DayPicker

Date picker

Built with React Aria

Date range picker
mmddyyyy
mmddyyyy

Built with React Aria

Built with React DayPicker

Built with React DayPicker

Didn't find what you were looking for?

Suggest component