10 Best Date Picker Components For Vue.js (2021 Update)

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

vuejs-datepicker

Demo Download

A datepicker Vue component. Compatible with Vue 1.x and Vue 2.x.


2. vue2-datepicker

vue2-datepicker

Demo Download

Just another date picker and date range picker component for Vue.js 2 applications.


3. vue-datetime

vue-datetime

Demo Download

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

vue-ctk-date-time-picker

Demo Download

A vue component for select dates (range mode available) & time.


5. Vue Hotel Datepicker

Vue Hotel Datepicker

Demo Download

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

Airbnb Datepicker

Demo Download

A minimal clean date and date range picker inspired by Airbnb.


7. Persian Datetime Picker

Persian Datetime Picker

Demo Download

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

Beautiful Datepicker Component

Demo Download

A lightweight, beautiful date picker component for Vue.js.


9. vue2-daterange-picker

vue2-daterange-picker

Demo Download

Vue2 date range picker


10. Elegant Date Picker For Vue

Elegant Date Picker For Vue

Demo Download

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:

You Might Be Interested In: