User-friendly Date Picker Component – Vueye Datepicker

Install & Download:

# Yarn
$ yarn add vueye-datepicker
# NPM
$ npm i vueye-datepicker --save

Description:

A simple and user-friendly date picker component to select a date from year/month/date selection popups.

How to use it:

1. Install and import the package.

import VueyeDatepicker from "vueye-datepicker";

2. Add the datepicker component to the app template.

<template>
  <vueye-datepicker v-model="date" color="#222" format="mm/dd/yyyy" />
</template>

3. Register the component and done.

export default {
  name: "App",
  data: () => ({
   date: {
      value:new Date(),
      formattedValue:''
    }
  }),
  components: {
    VueyeDatepicker
  }
};

Preview: