Ninety-nine Pitchers of Malt
Miss any of our Open RFC calls?Watch the recordings here! »


2.3.1 • Public • Published

Quasar App Extension QCalendar

The QCalendar App Extension allows you to seamlessly add the QCalendar component into your Quasar application. It manages the boot file file and all other configuration for you.

npm npm

Everything you need for a complete Calendar solution.

QCalendar is a Quasar component. It is a powerful calendar that plugs right into your Quasar application and allows for viewing of day (1-7 days for a week), monthly, scheduler and agenda 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.

Month view with events

QCalendar example month view

Planner example

QCalendar example planner

Monthly Mini-mode

QCalendar example planner

Multi-month selector (mini-mode)

QCalendar example planner

Agenda view with custom content

QCalendar example planner

Day view with events

QCalendar example planner

Resource view with events

QCalendar example planner

Scheduler view

QCalendar example planner

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!

Examples and Documentation for QCalendar UI Component

Can be found here


quasar ext add @quasar/qcalendar

Quasar CLI will retrieve it from NPM and install the extension.


quasar ext remove @quasar/qcalendar


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


MIT (c) Jeff Galbraith


npm i @quasar/quasar-app-extension-qcalendar

DownloadsWeekly Downloads






Unpacked Size

7.12 kB

Total Files


Last publish


  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar