Calendar & Date picker
A growing collection of 20 calendar & date picker components built with Vue and Tailwind CSS.
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Calendar - reka-ui.com
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Range calendar - Reka UI
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
Disabled dates - Reka UI
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Right navigation - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Monthly / yearly selects - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Yearly select + nav - Reka UI Calendar
| S | M | T | W | T | F | S | |
|---|---|---|---|---|---|---|---|
| 26 | |||||||
| 27 | |||||||
| 28 | |||||||
| 29 | |||||||
| 30 |
Weekly numbers - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
With button - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
With button - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Date Input - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Time Input - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Advanced selection - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Appointment Picker - Reka UI Calendar
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Calendar with presets - reka-ui.com
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Range Calendar with presets - reka-ui.com
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Two months calendar - Reka UI
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Two months calendar - Reka UI
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
Pricing Calendar - reka-ui.com
Built with native date input
Built with native date inputs