7
View families
Day, week, month, agenda, resource, scheduler, and task views share one date model.
Vue 3 + Quasar 2
QCalendar
Build Beautiful, Responsive Calendars for Vue and Quasar
Build day, week, month, agenda, resource, scheduler, and task calendars with one consistent Vue and Quasar calendar system instead of stitching several widgets together.
DayMonthAgendaResourceSchedulerTask
Calendar SystemScheduling workflows
One calendar family, multiple views, and room for real application workflows
QCalendar goes beyond a single month grid: timeline views, resource planning, mini-mode selection, scheduler layouts, and task surfaces all live inside the same API family.
1
Calendar API
Selection, navigation, formatting, slots, and events stay familiar as views change.
∞
Workflow shapes
Compose full planners, compact date pickers, sidebars, schedulers, and task boards.
1234567891011121314151617181920212223242526272829303132333435Pay mortgageTeam check-inLong weekend
Included
A broad calendar toolkit for scheduling, planning, task views, and date-driven interfaces
QCalendar is intentionally wide in capability but consistent in structure: shared date logic, theming, slots, and view-specific surfaces for planning-heavy interfaces.
calendar_view_day
Day and Week Planning
Use interval-based day and week views for schedules, booking flows, and detailed time-based planning.
calendar_view_month
Month and Mini Mode
Handle classic month layouts and compact mini-mode selection with the same calendar family.
view_agenda
Agenda Views
Build list-and-column planning surfaces when a standard grid is not the clearest way to present the schedule.
group_work
Resource and Scheduler
Map time across people, rooms, equipment, or teams with resource-aware calendar layouts.
timeline
Task and Planning Surfaces
Support timesheets, task views, and more planning-heavy layouts without leaving the QCalendar family.
palette
Themes, Slots, and Locale
Adapt calendar presentation with custom themes, slot-driven rendering, and locale-aware date behavior.
Ecosystem
Built in the same docs workflow as the other md-plugins sites
This site runs on Q-Press and the shared md-plugins tooling, so QCalendar's docs, examples, and navigation fit into the same family as the sibling Quasar UI projects.
Need Help?
Start with quick start, then use the examples as your map
QCalendar has the broadest surface area of the sibling projects, so the docs are designed to move you from installation into anatomy, theming, and then the example collections for each calendar family.
Quick Start + Anatomy
Use the getting-started docs first, especially the quick start and anatomy guides, before jumping into examples.
Examples by View
The examples are organized by calendar family, which makes them the fastest way to compare day, month, resource, scheduler, and task patterns.
Discussions + Issues
Questions, bugs, and API edge cases are easiest to track in the QCalendar repo and GitHub Discussions.