User-friendly Date Picker Component – Vueye Datepicker

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:

User-friendly Date Picker Component - Vueye Datepicker

Download Details:

Author: boussadjra

Live Demo: https://boussadjra.github.io/vueye-datepicker/

Download Link: https://github.com/boussadjra/vueye-datepicker/archive/master.zip

Official Website: https://github.com/boussadjra/vueye-datepicker

Install & Download:

# Yarn
$ yarn add vueye-datepicker

# NPM
$ npm i vueye-datepicker --save

You Might Be Interested In:

Add Comment