Vue-day-calendar NPM

day-calendar is a Vue date picker component that presents dates in a calendar format. It features a clean appearance and supports customizable styling with tailwindcss and unocss.

✨ Main features

Select days, ranges or whatever
A calendar component focused on date selection
Using dayjs as the date library
Localizable into any language
Easy to style and customize

Installation

pnpm add vue-day-calendar dayjs

Example

<script setup lang="ts">
  import 'vue-day-calendar/style.css'
  import VueDayCalendar from 'vue-day-calendar'
</script>

<template>
  <VueDayCalendar/>
</template>

Contribution guide

If you encounter any problems during use, feel free to submit an issue or pull request, and we will resolve it as soon as possible, if you like it, please star it.