Skip to content

Latest commit

 

History

History

app-extension

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Quasar App Extension QCalendar

If you are looking for QCalendar that works with Vue 3, head over to the new docs.

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

Install

quasar ext add @quasar/qcalendar

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

Uninstall

quasar ext remove @quasar/qcalendar

Donate

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

License

MIT (c) Jeff Galbraith jeff@quasar.dev