Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@quasar/quasar-ui-qcalendar

Package Overview
Dependencies
Maintainers
6
Versions
121
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@quasar/quasar-ui-qcalendar

QCalendar - Day/Month/Week Calendars, Popups, Date Pickers, Schedules, Agendas, Planners and Tasks for your Vue Apps

  • 4.0.0-beta.11
  • Source
  • npm
  • Socket score

Version published
Maintainers
6
Created
Source

QCalendar (Vue Plugin, UMD and Quasar App Extension)

@quasar/quasar-ui-qcalendar @quasar/quasar-app-extension-qcalendar GitHub code size in bytes GitHub repo size in bytes npm @quasar/quasar-app-extension-qcalendar

Discord Discord

Everything you need for a complete Calendar solution.

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.


Important Release Notes

v4.0.0

  • QCalendar v4.x (alpha/beta) lives in the next branch. This will change at some point in the future when v4.0.0 release is available.
  • Be sure to read the documentation

Live Demo - live docs, demo and examples


Examples

Month view with events

QCalendar example month view

Planner example

QCalendar example agenda view - planner

Monthly Mini-mode

QCalendar example mini-mode selection

Multi-month selector (mini-mode)

QCalendar example multi-month selection

Agenda view with custom content

QCalendar example agenda view

Day view with events

QCalendar example day view - events

Resource view with events

QCalendar example resource view - events

Scheduler view

QCalendar example scheduler view

Task view

QCalendar 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!

Structure

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

Demo Workflow

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 yarn workspaces, so you must use yarn):

$ yarn
$ cd ui
$ yarn build
$ cd ../docs
$ quasar dev

Codepen

UMD examples in Codepen collection

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

Keywords

FAQs

Package last updated on 29 Nov 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc