Origin UIOrigin UI logo
XGitHub

Calendar & Date picker

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

March 2025

23
24
25
26
27
28
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
3
4
5

Calendar - React Aria

March 2025

23
24
25
26
27
28
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
3
4
5

Range calendar - React Aria

March 2025

23
24
25
26
27
28
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
3
4
5

Disabled dates - React Aria

March 2025

Calendar - React DayPicker

March 2025

Range calendar - React DayPicker

March 2025

Disabled dates - React DayPicker

March 2025

Multiple day selection - React DayPicker

March 2025

Custom select day style - React DayPicker

March 2025

Custom select range style - React DayPicker

March 2025

Right navigation - React DayPicker

Monthly / yearly selects - React DayPicker

March

Yearly select + nav - React DayPicker

March 2025
9
10
11
12
13
14

Weekly numbers - React DayPicker

February 2025

With button - React DayPicker

February 2025

With button - React DayPicker

March 2025

Date input - React DayPicker

March 2025

Time input - React DayPicker

Advanced selection - React DayPicker

March 2025

Tuesday, 4

Appointment picker - React DayPicker

March 2025

Calendar with presets - React DayPicker

March 2025

Range calendar with presets - React DayPicker

March 2025
April 2025

Two months calendar - React DayPicker

March 2025
April 2025
May 2025

Three months calendar - React DayPicker

March 2025
April 2025

Pricing calendar - React DayPicker

Date picker

Built with React Aria

Date range picker
mm
dd
yyyy
mm
dd
yyyy

Built with React Aria

Built with React DayPicker

Built with React DayPicker

Didn't find what you were looking for?

Suggest component