# v-calendar

> A clean and extendable plugin for building simple attributed calendars in Vue.js.

Latest version **2.4.2** (published 2023-10-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install v-calendar
pnpm add v-calendar
yarn add v-calendar
bun add v-calendar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.4.2 |
| Published | 2023-10-13 |
| First published | 2017-10-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 4.3 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4519 |
| Author | Nathan Reyes |
| Maintainers | nathanreyes |
| Keywords | vue, vuejs, plugin, calendar, datepicker, date picker, highlights, dots, bars, indicators |

## Links

- npm: https://www.npmjs.com/package/v-calendar
- Repository: https://github.com/nathanreyes/v-calendar
- Homepage: https://vcalendar.io/
- npm.io page: https://npm.io/package/v-calendar

## Dependencies (4)

- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [core-js](https://npm.io/package/core-js.md) ^3.15.2
- [date-fns](https://npm.io/package/date-fns.md) ^2.22.1
- [date-fns-tz](https://npm.io/package/date-fns-tz.md) ^1.3.7

## Alternatives

- [@js-joda/timezone](https://npm.io/package/@js-joda/timezone.md) — 383.4K weekly downloads
- [chartjs-adapter-moment](https://npm.io/package/chartjs-adapter-moment.md) — 210.8K weekly downloads
- [strftime](https://npm.io/package/strftime.md) — 171.2K weekly downloads
- [vue-flatpickr-component](https://npm.io/package/vue-flatpickr-component.md) — 115.8K weekly downloads
- [timepicker](https://npm.io/package/timepicker.md) — 51.0K weekly downloads

## Recent versions

- 2.4.2 (latest) — 2023-10-13
- 3.1.2 (next) — 2023-10-13
- 3.1.1 — 2023-10-08
- 3.1.0 — 2023-09-24
- 3.0.3 — 2023-03-31
- 3.0.2 — 2023-03-26
- 3.0.1 — 2023-03-16
- 3.0.0 — 2023-03-15
- 3.0.0-alpha.8 — 2022-02-06
- 2.4.1 — 2022-02-06
- 2.4.0 — 2022-01-30
- 3.0.0-alpha.7 — 2022-01-30
- 3.0.0-alpha.6 — 2021-10-07
- 2.3.4 — 2021-10-06
- 2.3.3 — 2021-10-06
- … 106 more at https://npm.io/package/v-calendar/versions

## README

<p align="center">
    <a href="https://vcalendar.io/" target="_blank">
      <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557324348/v-calendar/hero.png">
    </a>
    <br>
    An elegant calendar and datepicker plugin for Vuejs.
</p>

<p align="center">
    <a href="https://www.npmjs.com/package/v-calendar"><img src="https://img.shields.io/npm/dt/v-calendar.svg" alt="Total Downloads"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar.svg" alt="Latest Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar/next.svg" alt="Next Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/v-calendar.svg" alt="License"></a>
</p>

------

```bash
npm i --save v-calendar
```

## Documentation

For full documentation, visit [vcalendar.io](https://vcalendar.io/).

### Attributes

| Highlights | Dots |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/highlights.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/dots.png"> |

| Bars | Popovers |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/bars.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/popovers.png"> |

### Multi-Paned Calendars

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326946/v-calendar/multi-paned.png">

### Theme Colors & Dark-Mode

| | |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327273/v-calendar/dark-blue.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-red.png"> |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-teal.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-purple.png"> |

### Date Pickers

| **Single Date** | **Multiple Date** | **Date Range** |
| :---: | :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/single-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/multi-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/range-picker.png"> |

### Custom Calendars w/ Scoped Slots

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557328504/v-calendar/custom-calendars.png">

---
_Source: https://npm.io/package/v-calendar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._