11 best Vue.js date Picker Components

Imagine if you could make VueJs development faster, and see an instant boost in your workflow.

or even better:

What if there were 11 best VueJs date picker Components to choose from.

And each of them could make your development faster and easier?

You’d probably be pumped to read about them.

Lucky for you, that’s exactly what I’m going to share with you in this post:


A Vue date picker or time picker Component is a graphical user interface widget which allows the user to select a date from a calendar and/or time from a time range.

1. vue-DateTime

A Mobile friendly DateTime picker for Vue. this Vue Component Supports date, datetime and time modes, i18n and disabling dates.

More Info

2. vue-hotel-datepicker

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localization support and more.

More info

3. vue-datetime-picker

A Vue.js component implementing the DateTime picker control using the Eonasdan’s bootstrap DateTime picker plugin.

More Info

4. VueCtkDateTimePicker

Dark Mode example

A Vue component for select date & time (range mode). this Vue date picker component supports Dark mode as well.

More Info

5. VueRangedatePicker

Range date picker with simple usage.  This component is easy to use and features Date picker with range selection.

More Info

6. Vuetify Daterange Picker

The missing date range picker for Vuetify JS you have been looking for. Version 3.x.x is the latest and is compatible with @vue/cli 3 and latest Vuetify.

More Info

7. Vue date pick

Lightweight and mobile friendly date time picker based on Vue. Vue date pick emphasizes performance, elegant and usable UI on all screen sizes and simplicity of configuration. Has no dependencies on CSS frameworks or date libraries. Weighs less than 5KB.

More Info

8.Vue Date Picker

A vue date picker component inspired by the material design. This Vue date picker component allows you to choose when it is displayed, and how to handle closing it.

More Info

9. vue-timeselector

Simple customizable Vue.js time picker component. the vue-time selector is a Vue (2.x) component that gives you the ability to select a time depending on multiple options.

More Info

10. vue-mj-daterangepicker

Vue.js date range picker with multiples ranges and presets, this Component provides supports to vue 2.x+ versions

More Info

11. VueDT

A Crazy lightweight Vuejs Date and Time picker component, this lightweight component is only 5kb  in size and which can be further minified and gzipped.

More Info


As a Vue developer having and using the right Vue date picker Component will Surely ease your Vue app development. Preferences for particular Vue date picker components all boils down to what you will need them for. The fullness of features, ease of use, mobility, or simplicity the options available are limitless. Give each one try and tell us which one meets your fancy.

Deven Rathore

Deven is an Entrepreneur, and Full-stack developer, Constantly learning and experiencing new things. He currently runs and

Published by
Deven Rathore

Recent Posts

Are There any Similarities Between Web Design and Art?

You may be surprised at how many of the same skills are involved!  Let’s get…

14 hours ago

Tips on Increasing your organic traffic on WordPress

Introduction  As more and more people are using online services nowadays, most of the business…

2 days ago

Five Reasons You Should Start a Social Media Campaign

Small businesses need all the advertisements they can get. Traditional avenues for advertising, such as…

2 days ago

Top 10 SEO Writing Tips for Beginners 2021

Search Engine Optimization. It’s complicated, to say the least. Search engines, like Google, are constantly…

1 week ago

Should you become a freelancer in 2021? Pros and Cons

Freelancing and working from home was long considered idyllic by many, but the global pandemic…

1 week ago

The Leading Renewable Energy Trends in 2021

The past year saw slowdowns in the ongoing shift toward renewable energy in many countries…

2 weeks ago