A date picker is a commonly used UI component that allows the visitor to quickly select dates, times, date ranges in an easy way.
In this post I’d like to share with you the 10 best Vue.js date picker component for booking, reservation, and any other event-based web & mobile applications.
Originally published Oct 01 2019, updated Jan 18 2021
1. vuejs-datepicker
A datepicker Vue component. Compatible with Vue 1.x and Vue 2.x.
2. vue2-datepicker
Just another date picker and date range picker component for Vue.js 2 applications.
3. vue-datetime
A mobile-friendly date & time picker for Vue.js apps.
More features:
- 3 modes: date, time, datetime
- custom datetime format
- min/max date time
- i18n
4. vue-ctk-date-time-picker
A vue component for select dates (range mode available) & time.
5. Vue Hotel Datepicker
A responsive date range picker created for hotel apps.
Key features:
- Custom date format
- Custom start/end dates
- Min/max nights
- Allows to specify the disabled dates
- i18n
- And lots of configs & API methods.
6. Airbnb Datepicker
A minimal clean date and date range picker inspired by Airbnb.
7. Persian Datetime Picker
This is a themeable, highly customizable, Material Design styled date & time picker component created for RTL users who’d like to select Jalali date and time.
8. Beautiful Datepicker Component
A lightweight, beautiful date picker component for Vue.js.
9. vue2-daterange-picker
Vue2 date range picker
10. Elegant Date Picker For Vue
Just another date picker UI component for Vue.js app. Supports date range, custom language, custom date format, etc.
Conclusion:
Looking for more date, time, date range picker component for your applications? Check out our Vue.js Date Picker section for more components.
See Also:
- 10 Best Date & Timer Picker Components For React & React Native
- 10 Best Date Picker Libraries For Angular.js App
- 10 Best Date And Timer Pickers In Pure JavaScript
- 10 Best Date And Time Picker JavaScript Plugins