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.
v4.0.0
- Be sure to read the documentation
Live Demo - live docs, demo 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 yarn 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
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
UMD examples in Codepen collection
If you appreciate the work that went into this, please consider donating to Quasar or Jeff.
MIT (c) Jeff Galbraith [email protected]
