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.
v5.0.0
- QCalendar v5 is the stable Quasar CLI Vite 3-ready release.
- The app extension is now Vite-only and requires
@quasar/app-vite>=3.0.0. - This repo now requires Node.js
>=22.13and pnpm>=11.3.0. - QCalendar uses Gregorian dates by default and can opt into Timestamp calendar adapters for native Hijri, Saka, Hebrew, and Persian calendar workflows.
- Be sure to read the Upgrade Guide.
Live Demo - live Q-Press docs, demos, and 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!
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 - Q-Press documentation site with docs, demos, and examples
- live demo - live Q-Press docs, demos, and examples
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
If QCalendar is useful in your workflow and you want to support ongoing maintenance:
- GitHub Sponsors: https://github.com/sponsors/hawkeye64
- PayPal: https://paypal.me/hawkeye64
MIT (c) Jeff Galbraith jeff@quasar.dev








