Welcome to VCalendar, a calendar a date picker plugin for Vue.js.

Version 3 brings a host of feature improvements and bug fixes, including weekly views, a simplified time picker, repeating date ranges, time rules, and performance improvements.

If upgrading from version 2.0, be sure to view the upgrade guide for breaking changes.

VCalendar provides attractive default styling based on simple colors and dark mode.

Custom styling with class overrides and css variables are also available.

Read more

Calendars may be configured to adapt for multiple layouts. For example, weekly calendars can be used in constrained environments.

Also, calendars can also be configured for multi-row and multi-column layouts.

Read more

Decorate calendars with attributes on specified dates or date ranges. They can even be displayed for repeating date patterns.

Read more

VDatePicker is a feature-rich date picker component implemented as a wrapper for VCalendar, which can easily bind to a variety of date formats.

Read more

Even date ranges are supported

Read more

Time selection is also supported with configurable hour, minute, second and millisecond accuracy.

Read more

Flexible rules can also be easily configured to dynamically limit time selection, like afternoon hours and 5-minute increments.

Read more