awesome, zero dependency, performant Vue datepicker component

mohammad S.

Last update: Oct 31, 2022

Overview

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

Datepicker component for Vue 3

The most complete date picker solution for Vue 3

158 Dec 27, 2022

Datepicker component for vue.js built with Tailwind CSS, and the day.js date library.

Datepicker component for vue.js build with Tailwind CSS & dayjs date library

188 Nov 11, 2022

Simple datepicker component for Vue 3

111 Dec 17, 2022

Vue draggable datepicker component

DraggableCal A datepicker Vue component. Compatible with Vue 2.x Demo Install Usage Available Languages Dev & Build Licence Thanks Demo To view a demo

3 Feb 5, 2022

A lightweight and easy to use Vue.js datepicker component

A lightweight and easy to use Vue.js datepicker component (created for Vue 2.x)

0 Feb 5, 2019

A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations

Datepicker 2 A datepicker Vue component. Compatible with Vue 2.x Demo Install Upgrade to 2.x+ Usage Date Formatting Props Events Disabled dates Highli

15 Jul 28, 2022

A Beautiful Datepicker Component For Vue2

vue-datepicker-local A Beautiful Datepicker Component For Vue2 Lightweight (less than 5kb minified and gzipped) Only dependencies Vue Beautiful! Demo

300 Dec 13, 2022

A simple datepicker component for vue3.0

34 Dec 14, 2022

Jalaali calendar and datepicker for vue.js 2

vue-jalaali-datepicker Jalaali calendar and datepicker for vue.js 2 Demo Requirements Vue.js ^2.0.0 moment-jalaali ^0.6.0 Installation npm $ npm insta

13 Nov 24, 2022

Comments

today button doesn't work

I installed this package and copied the same code to my project and everything works. but today button doesn't work unfortunately and there is no error.

<template>
  <div>
    <datepicker lang="Jalali" type="range" v-model="date" />
    <datepicker lang="Greg" type="range" v-model="dateGreg" />
  </div>
</template>

<script>
import datepicker from "vue-awesome-datepicker";
import "vue-awesome-datepicker/dist/font-default.css";

export default {
  name: "Home",
  components: {
    datepicker,
  },
  data() {
    return { date: {}, dateGreg: {} };
  },
};
</script>

bug

opened by mortezasabihi 1