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

Install & Download:

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

Description:

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: {
    SingleDatePicker
  }
}

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

<SingleDatePicker />

Preview:

Changelog:

v0.5.12 (03/28/2021)

• Handle negative values of first and last day due to change in start day of the week

08/04/2020

• Add prop to set date object