Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @quasar/quasar-app-extension-qcalendar with all npm packages installed. Try it out:

var quasarAppExtensionQcalendar = require("@quasar/quasar-app-extension-qcalendar")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@quasar/quasar-app-extension-qcalendar v2.4.0

A Quasar App Extension for @quasar/quasar-ui-qcalendar

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

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free