An easy-to-use and customizable date picker component powered by Vue js

npm install vue-englishdatepicker

OR

yarn add vue-englishdatepicker

import VueEnglishdatepicker from 'vue-englishdatepicker';

export default {
  components: {
    VueEnglishdatepicker,
  },
  // rest of the component
}

Or even used via <script> tag in the browser directly:

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-englishdatepicker"></script>
...
<vue-englishdatepicker />
...

<template>
  <vue-englishdatepicker />
</template>

<template>
  <vue-englishdatepicker classValue="datepicker" />
</template>
<style>
.datepicker {
  width: 50px;
  height: 20px;
}
</style>

<template>
  <vue-englishdatepicker placeholder="YYYY-MM-DD" />
</template>

<template>
  <vue-englishdatepicker format="YYYY-MM-DD" />
</template>

<template>
  <vue-englishdatepicker value="2020-10-10" />
</template>

<template>
  <vue-englishdatepicker :yearSelect="false" />
</template>

<template>
  <vue-englishdatepicker :monthSelect="false" />
</template>

<template>
  <vue-englishdatepicker
    placeholder="YYYY-MM-DD"
    format="YYYY-MM-DD"
    value="2020-10-10"
    :yearSelect="false"
    :monthSelect="false"
  />
</template>