@quasar/quasar-ui-qcalendar

QCalendar (Vue Plugin, UMD and Quasar App Extension)

Everything you need for a complete Calendar solution.

QCalendar allows for viewing of day (1-6 days), week, monthly, scheduler, agenda, resource and task views. Painstaking care has been given to make almost every aspect of QCalendar configurable and/or modifiable in some way and control given to the developer.

---

Important Release Notes

v4.0.0

• Be sure to read the documentation

---

Live Demo - live docs, demo and examples

---

Examples

Month view with events

Planner example

Monthly Mini-mode

Multi-month selector (mini-mode)

Agenda view with custom content

Day view with events

Resource view with events

Scheduler view

Task view

Including support for locales, optional theming, 1st day Monday, 5-day work weeks, work week numbers, selected days, disabled days, day of year...

...and many more!

Structure

This is a pnpm workspace mono-repo. You cannot use npm for building.

• /ui - standalone npm package (go here for more information)
• /app-extension - Quasar app extension
• /docs - sources for docs, demo and examples project
• live demo - live docs, demo and examples

Demo Workflow

If you fork or download this project, make sure you have the Quasar CLI globally installed:

$ npm i -g @quasar/cli

The workflow to build the demo, on a fresh project, is as follows (note: this project uses pnpm workspaces, so you must use pnpm):

$ pnpm install
$ cd packages/ui
$ pnpm build
$ cd ../docs
$ quasar dev

Codepen

UMD examples in Codepen collection

Donate

If you appreciate the work that went into this, please consider donating to Quasar or Jeff.

License

MIT (c) Jeff Galbraith [e-mail]