Origin UIOrigin UI logo
XGitHub

Calendar & Date picker

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

April 2025

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

Calendar - React Aria

April 2025

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

Range calendar - React Aria

April 2025

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

Disabled dates - React Aria

April 2025

Calendar - React DayPicker

April 2025

Range calendar - React DayPicker

April 2025

Disabled dates - React DayPicker

April 2025

Multiple day selection - React DayPicker

April 2025

Custom select day style - React DayPicker

April 2025

Custom select range style - React DayPicker

April 2025

Right navigation - React DayPicker

April 2025

Monthly / yearly selects - React DayPicker

AprilApril 2025

Yearly select + nav - React DayPicker

April 2025
14
15
16
17
18
19

Weekly numbers - React DayPicker

March 2025

With button - React DayPicker

March 2025

With button - React DayPicker

April 2025

Date input - React DayPicker

April 2025

Time input - React DayPicker

Advanced selection - React DayPicker

April 2025

Thursday, 24

Appointment picker - React DayPicker

April 2025

Calendar with presets - React DayPicker

April 2025

Range calendar with presets - React DayPicker

April 2025
May 2025

Two months calendar - React DayPicker

April 2025
May 2025
June 2025

Three months calendar - React DayPicker

April 2025
May 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