Minimal Calendar Date Picker For Vue.js – single-date-picker


A really simple date picker component where the users can select a date from a minimal clean calendar view.

How to use it:

1. Import the single-date-picker component after installation.

import SingleDatePicker from 'vue-single-date-picker';
@import '~vue-single-date-picker/dist/vue-single-date-picker.css';

2. Register the component.

export default {
  components: {

3. Create a date picker component in your template. That’s it.

<SingleDatePicker />


Download Details:

Author: jiayingy

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install vue-single-date-picker --save

You Might Be Interested In:

Add Comment