GitHunt
MO

MohammadS3dd/vue-awesome-datepicker

awesome, zero dependency, performant Vue datepicker component

Vue Awesome Datepicker

awesome, zero dependency, performant Vue datepicker component


Demo

Installation ๐Ÿš€

npm i vue-awesome-datepicker
# or 
yarn add vue-awesome-datepicker

Component Registration and usage

import datepicker from "vue-awesome-datepicker";

import "vue-awesome-datepicker/dist/font-default.css"; //if you want default fonts

export default {
  components: {
    datepicker,
  },
  data() {
    return { date: {},dateGreg:{} };
  },
};

<template>
  <datepicker lang="Jalali" type="multiple" colorTheme="pink" v-model="date" />
  <datepicker lang="Greg" type="range" colorTheme="yellow" v-model="dateGreg" />
</template>

Contribution

TODO

  • decouple styles from tailwind CSS
  • refactor to composition api
  • add customizability
  • documentaition

Languages

Vue79.2%JavaScript18.4%CSS2.5%

Contributors

Created April 27, 2021
Updated September 2, 2025