A Datepicker component for Vue 3 using Tailwind and dayjs.

Go to full documentation

⚠️ Vue Tailwind Datepicker uses Tailwind CSS (with the @tailwindcss/forms plugin) & Day.js under the hood, you must install those packages before. You can follow this tutorial.

npm install vue-tailwind-datepicker 

yarn add vue-tailwind-datepicker 

How it works,

<script setup> import { ref } from "vue"; import VueTailwindDatepicker from "vue-tailwind-datepicker";  const dateValue = ref([]); const formatter = ref({  date: "DD MMM YYYY",  month: "MMM", }); </script> <template> <div> <vue-tailwind-datepicker :formatter="formatter" v-model="dateValue" /> </div> </template>

Light Mode

Dark Mode

All notable changes to this project will be documented in the Releases Page.

• www.coderocket.app

The MIT License. Please see for more information.

• kenhyuwa
• Vue
• Tailwind CSS
• day.js
• and other support...