@quasar/quasar-ui-qcalendar
Version:
QCalendar - Day/Month/Week Calendars, Popups, Date Pickers, Schedules, Agendas, Planners and Tasks for your Vue Apps
1 lines • 316 kB
JSON
{"$schema":"","framework":"vue","name":"qcalendar","version":"4.1.2","contributions":{"html":{"types-syntax":"typescript","tags":[{"name":"QCalendar","source":{"module":"qcalendar","symbol":"QCalendar"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"model-resources","value":{"kind":"expression","type":"any[]"},"description":"An array of objects with a single key of label. You can add other keys if you like, which will be passed back on the appropriate scoped slots\n\nExamples:\n[{ label: 'John' },{ label: 'Susan' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","required":true},{"name":"resource-key","value":{"kind":"expression","type":"string"},"description":"The key from the `resources` object that will be displayed\n\nExamples:\n'id'\n'label'\n'name'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'label'\""},{"name":"resource-label","value":{"kind":"expression","type":"string"},"description":"The label from the `resources` object that will be displayed\n\nExamples:\n'label'\n'name'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'label'\""},{"name":"resource-height","value":{"kind":"expression","type":"number|string"},"description":"The maximum height in pixels for the resource height\n\nExamples:\n80\n'100'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"70\""},{"name":"resource-min-height","value":{"kind":"expression","type":"number|string"},"description":"The minimum height of a resource","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"0\""},{"name":"resource-class","value":{"kind":"expression","type":"Function"},"description":"A function that returns a class name for a resource","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"resource-style","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling of a resource\n\nExamples:\n(data) => { return { 'background-color': '#c0c0c0' } }\n(data) => resourceStyle(data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"(data) => { return {} }\""},{"name":"now","value":{"kind":"expression","type":"string"},"description":"This is the currently displayed date (highlighted). If not set, then the current date is used\n\nExamples:\n'2019-04-01'\n'2020-08-08'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'now'\""},{"name":"model-tasks","value":{"kind":"expression","type":"any[]"},"description":"An array of Tasks that will be displayed\n\nExamples:\n[{ id: 1, name: 'Task 1' }, { id: 2, name: 'Task 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[]\""},{"name":"model-title","value":{"kind":"expression","type":"any[]"},"description":"An array of title items, each will be displayed via a slot in the title area\n\nExamples:\n[{ id: 1, title: 'Title 1' }, { id: 2, title: 'Title 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[]\""},{"name":"model-footer","value":{"kind":"expression","type":"any[]"},"description":"An array of footer items, each will be displayed via a slot in the footer (summary) area\n\nExamples:\n[{ id: 1, footer: 'Footer 1' }, { id: 2, footer: 'Footer 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[]\""},{"name":"task-key","value":{"kind":"expression","type":"number|string"},"description":"The key in an object to use as the ID (must be unique)\n\nExamples:\n'id'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'id'\""},{"name":"task-width","value":{"kind":"expression","type":"number"},"description":"The number of pixels needed for the tasks column\n\nExamples:\n220","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"200\""},{"name":"footer-day-class","value":{"kind":"expression","type":"Function"},"description":"A function that returns a string of classes to apply to the footer day slot\n\nExamples:\n(data) => { return 'my-class' }","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"view-count","value":{"kind":"expression","type":"number"},"description":"The number of views to show. For instance, if the property `view` was `week`, then setting this property to 2 would show 2 weeks.\n\nExamples:\n2","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"1\""},{"name":"day-height","value":{"kind":"expression","type":"number|string"},"description":"The maximum height in pixels for the day height. Using 0 will make the rows variable height based on content.\n\nExamples:\n'80'\n100","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"0\""},{"name":"day-min-height","value":{"kind":"expression","type":"number|string"},"description":"The minimum height to be used\n\nExamples:\n'80'\n100","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"40\""},{"name":"day-style","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling of a day\n\nExamples:\n(timestamp) => { return { 'background-color': '#c0c0c0' } }\n(timestamp) => dayStyle(timestamp)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"day-class","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling (via classes) of a day\n\nExamples:\n(timestamp) => { return { 'q-range': true } }\n(timestamp) => getDayClass(timestamp)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"weekday-style","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling of a weekday\n\nExamples:\n(data) => { return { 'background-color': '#c0c0c0' } }\n(data) => getWeekdayStyle(data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"weekday-class","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling (via classes) of a weekday\n\nExamples:\n(data) => { return { 'my-class': true } }\n(data) => getWeekdayClass(data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"day-padding","value":{"kind":"expression","type":"string"},"description":"Overrides the padding to be used for a day element. You can use any CSS padding format\n\nExamples:\n'20px 5px'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'48px 2px'\""},{"name":"min-weeks","value":{"kind":"expression","type":"number|string"},"description":"The minimum number of weeks to be displayed\n\nExamples:\n2","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"1\""},{"name":"short-month-label","value":{"kind":"expression","type":"boolean"},"description":"Makes the month label short. January becomes Jan...","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"show-work-weeks","value":{"kind":"expression","type":"boolean"},"description":"Show work weeks","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"show-month-label","value":{"kind":"expression","type":"boolean"},"description":"Shows the month label - this occurs on the 1st of the month","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"true\"","type":"boolean"},{"name":"show-day-of-year-label","value":{"kind":"expression","type":"boolean"},"description":"Show the day of the year - this occurs in the top right of each day element. If show-month-label is true, then that day is skipped","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"enable-outside-days","value":{"kind":"expression","type":"boolean"},"description":"By default, outside days are disabled in month view. Use the property to enable them.","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"no-outside-days","value":{"kind":"expression","type":"boolean"},"description":"Do not display the labels of outside days","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"hover","value":{"kind":"expression","type":"boolean"},"description":"Changes the style `selected-start-end-dates` selection when in `mini-mode`. Typically, set this to `true` on `mousedown` and `false` on `mouseup`","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"mini-mode","value":{"kind":"expression","type":"boolean|string"},"description":"When `true` puts the calendar into mini-mode. When `auto`, then the property `breakpoint` is used to determine when the calendar will be put into mini-mode\n\nExamples:\ntrue\n'auto'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"breakpoint","value":{"kind":"expression","type":"string|number"},"description":"This property is used when `mini-mode` is set with `auto`\n\nExamples:\n'sm'\n'md'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'md'\""},{"name":"month-label-size","value":{"kind":"expression","type":"''xs''|''sm''|''md''|''lg''|''xl''"},"description":"This property is used change the size of the month label button. This property is ignored when `mini-mode` is set to true\n\nExamples:\n'sm'\n'md'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'sm'\""},{"name":"max-days","value":{"kind":"expression","type":"number"},"description":"The number of days to be displayed. Do not use with `week` or `month` views (set to 0 if setting the view dynamically)\n\nExamples:\n14\n10","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"7\""},{"name":"view","value":{"kind":"expression","type":"''month''|''month-interval''|''week''|''day''|''month-scheduler''|''week-scheduler''|''day-scheduler''|''month-agenda''|''week-agenda''|''day-agenda''|''month-resource''|''week-resource''|''day-resource''"},"description":"The type of calendar view to be displayed. Use the ones for your selected calendar type\n\nExamples:\n'week'\n'month'\n'week-agenda'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# 'day'\""},{"name":"short-interval-label","value":{"kind":"expression","type":"boolean"},"description":"Makes interval labels short","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"interval-height","value":{"kind":"expression","type":"number|string"},"description":"The maximum height in pixels for the interval height\n\nExamples:\n60\n'100'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"40\""},{"name":"interval-minutes","value":{"kind":"expression","type":"number|string"},"description":"The number of minutes in an interval\n\nExamples:\n15\n'30'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"60\""},{"name":"interval-count","value":{"kind":"expression","type":"number|string"},"description":"The number intervals to use. If interval-minutes is set to 30 then you would set interval count to 48 – double that of regular\n\nExamples:\n48\n'96'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"24\""},{"name":"interval-start","value":{"kind":"expression","type":"number|string"},"description":"The starting interval\n\nExamples:\n6\n'8'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"0\""},{"name":"interval-style","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling of an interval\n\nExamples:\n(timestamp) => { return { 'background-color': '#c0c0c0' } }\n(timestamp) => myIntervalStyle(timestamp)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"(timestamp) => { return {} }\""},{"name":"interval-class","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom styling of an interval\n\nExamples:\n(timestamp) => 'myIntervalClass(timestamp)'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"(timestamp) => { return '' }\""},{"name":"show-interval-label","value":{"kind":"expression","type":"Function"},"description":"Gets called to provide custom display of an interval label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# null\""},{"name":"hour24format","value":{"kind":"expression","type":"boolean"},"description":"Show intervals in 24 hour format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"time-clicks-clamped","value":{"kind":"expression","type":"boolean"},"description":"Causes the returning timestamp time to be clamped to the interval it is in","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"date-header","value":{"kind":"expression","type":"''stacked''|''inline''|''inverted''"},"description":"Determines how the date header will be displayed\n\nExamples:\n'inline'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'stacked'\""},{"name":"no-sticky","value":{"kind":"expression","type":"boolean"},"description":"Disables sticky headers","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"interval-header-height","value":{"kind":"expression","type":"number|string"},"description":"The height of the interval header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"20\""},{"name":"model-value","value":{"kind":"expression","type":"string"},"description":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive. When set as `YYYY-MM-DD`, the calendar will display the current view on this date. If empty, then it will be changed to the current date which will be emitted","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# 'today'\""},{"name":"weekdays","value":{"kind":"expression","type":"any[]"},"description":"The normal weekdays array looks like this `[0,1,2,3,4,5,6]` where 0=Sunday, 1=Monday, etc. A week that starts on Monday, would look like this: `[1,2,3,4,5,6,0]` and a 5-day workweek would look like this: `[1,2,3,4,5]`\n\nExamples:\n[1,2,3,4,5,6,0]\n[1,2,3,4,5]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[0, 1, 2, 3, 4, 5, 6]\""},{"name":"date-type","value":{"kind":"expression","type":"''round''|''rounded''|''square''"},"description":"Shows the current date button as either a circle, rounded or a square\n\nExamples:\n'square'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'round'\""},{"name":"weekday-align","value":{"kind":"expression","type":"''left''|''center''|''right''"},"description":"Determines the weekday (ie: Sunday, Monday, etc) alignment\n\nExamples:\n'left'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'center'\""},{"name":"date-align","value":{"kind":"expression","type":"''left''|''center''|''right''"},"description":"Determines the date (ie: 2, 3, etc) alignment\n\nExamples:\n'left'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"no-aria","value":{"kind":"expression","type":"boolean"},"description":"Turns off automatical generation of aria labels for timestamps","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"no-active-date","value":{"kind":"expression","type":"boolean"},"description":"This controls whether the `q-active-date` css class is set when a user clicks on a date label (button)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"short-weekday-label","value":{"kind":"expression","type":"boolean"},"description":"Displays the weekday label in short format. For instance, 'Monday' would become 'Mon'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"no-header","value":{"kind":"expression","type":"boolean"},"description":"Do not display the header\n\nExamples:\ntrue","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"no-scroll","value":{"kind":"expression","type":"boolean"},"description":"Turns off the internal scrollbar. Useful if you want to handle your own scrolling","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"false\"","type":"boolean"},{"name":"no-default-header-text","value":{"kind":"expression","type":"boolean"},"description":"Do not display the weekday text in the header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"no-default-header-btn","value":{"kind":"expression","type":"boolean"},"description":"Do not display the date button in the header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"min-weekday-label","value":{"kind":"expression","type":"number|string"},"description":"The minimal number of weekday characters when truncation occurs\n\nExamples:\n3","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"2\""},{"name":"weekday-breakpoints","value":{"kind":"expression","type":"any[]"},"description":"The breakpoint widths where weekday truncation occurs (needs 2 values)\n\nExamples:\n[68, 32]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[75, 35]\""},{"name":"locale","value":{"kind":"expression","type":"string"},"description":"Used to change the locale of the calendar. Any acceptable locale can be used that is recognized by the browser. If the locale fails, then 'en-US' is the fallback\n\nExamples:\n'de-DE'\n'de'\n'fr'\n'pl'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"transition-prev","value":{"kind":"expression","type":"string"},"description":"When animated property is true, transition to use for previous calendar display\n\nExamples:\n'flip-right'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'slide-right'\""},{"name":"transition-next","value":{"kind":"expression","type":"string"},"description":"When animated property is true, transition to use for next calendar display\n\nExamples:\n'flip-left'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'slide-left'\""},{"name":"disabled-days","value":{"kind":"expression","type":"any[]"},"description":"An array of string dates in the form `YYYY-MM-DD` that will be disabled. If an array is contained within the array with a start and end date, it will be treated as a range\n\nExamples:\n['2019-04-01', '2019-04-02', '2019-04-03', '2019-04-04']","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"disabled-before","value":{"kind":"expression","type":"string"},"description":"A date in the form `YYYY-MM-DD` where all dates before, and including, will be disabled\n\nExamples:\n'2019-04-01'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"disabled-after","value":{"kind":"expression","type":"string"},"description":"A date in the form `YYYY-MM-DD` where all dates after, and including, will be disabled\n\nExamples:\n'2019-04-01'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"disabled-weekdays","value":{"kind":"expression","type":"any[]"},"description":"Similar to `weekdays` property, except values included in this array are automatically made disabled\n\nExamples:\n[0,6]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[]\""},{"name":"drag-enter-func","value":{"kind":"expression","type":"Function"},"description":"The function to handle dragenter events\n\nExamples:\n(event, type, data) => onDragEnterFunc(event, type, data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"drag-over-func","value":{"kind":"expression","type":"Function"},"description":"The function to handle dragover events. You must call in your `e.preventDefault()` for Drag and Drop to work properly\n\nExamples:\n(event, type, data) => onDragOverFunc(event, type, data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"drag-leave-func","value":{"kind":"expression","type":"Function"},"description":"The function to handle dragleave events\n\nExamples:\n(event, type, data) => onDragLeaveFunc(event, type, data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"drop-func","value":{"kind":"expression","type":"Function"},"description":"The function to handle drop events\n\nExamples:\n(event, type, data) => onDropFunc(event, type, data)","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"selected-dates","value":{"kind":"expression","type":"any[]|Set"},"description":"An array of string dates in the form `YYYY-MM-DD` that will be selected. Interval-based calendars use `YYYY-MM-DD HH:mm`\n\nExamples:\n['2019-04-01', '2019-04-02', '2019-04-03', '2019-04-04']\n['2019-04-01 13:00', '2019-04-01 13:15', '2019-04-01 13:30', '2019-04-01 13:45']","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[]\""},{"name":"selected-start-end-dates","value":{"kind":"expression","type":"any[]"},"description":"An array of two dates in format `YYYY-MM-DD` for selection purposes. Interval-based calendars use `YYYY-MM-DD HH:mm`\n\nExamples:\n['2023-01-01', '2023-01-07']\n['2023-02-01', '2023-02-28']","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[]\""},{"name":"hoverable","value":{"kind":"expression","type":"boolean"},"description":"Allows certain cells within the calendar to be hovered","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"focusable","value":{"kind":"expression","type":"boolean"},"description":"Allows certain cells within the calendar to receive focus","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"},{"name":"focus-type","value":{"kind":"expression","type":"any[]"},"description":"Describes what can become focusable\n\nExamples:\n['day', 'weekday']","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"[\\\"date\\\"]\""},{"name":"cell-width","value":{"kind":"expression","type":"string|number"},"description":"Sets day cell width and turns on sticky mode. Width must be css measurement if a string, otherwise it's in pixels\n\nExamples:\n'100px'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"# 100\""},{"name":"mode","value":{"kind":"expression","type":"''day''|''month''|''agenda''|''resource''|''scheduler''|''task''"},"description":"Tells QCalendar (wrapper) which calendar component to use\n\nExamples:\n'week'\n'month'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","default":"\"'day'\""},{"name":"hide-header","value":{"kind":"expression","type":"boolean"},"description":"Hide the calendar header.","doc-url":"https://qcalendar.netlify.app/developing/qcalendar","type":"boolean"}],"events":[{"name":"update:model-resources","description":"Emitted when the model-resources prop is updated","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"resource-expanded","arguments":[{"name":"scope","type":"object","description":"The scope object","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"expanded","type":"boolean","description":"True if the resource is expanded, false otherwise","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Emitted when a resource is expanded or collapsed","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"update:model-tasks","description":"Emitted when the `model-tasks` prop changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"update:model-title","description":"Emitted when the `model-title` prop changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"update:model-footer","description":"Emitted when the `model-footer` prop changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"task-expanded","arguments":[{"name":"data","type":"object","description":"The data object","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Emitted when a task is expanded or collapsed","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mini-mode","arguments":[{"name":"value","type":"boolean","description":"If switched to `mini-mode`, then the value is `true`, otherwise it is `false","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Event occurs when switching to/from mini-mode, when the `breakpoint` property is set to `auto`","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on time area of the main slotted content","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The timestamp object of the move. For instance, if in month view, this will be the timestamp object containing the 1st of the month","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"{start, end}","type":"Timestamp","description":"The timestamp objects for the first and last valid date being displayed","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Emitted when the calendar dates change. For instance, if in `month` view, the `start` contains the timestamp object for the 1st of the month, and `end` contains the timestamp object for the last day of the month. For week view it's the first day of the displayed week and last day of the displayed week","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"input","arguments":[{"name":"value","type":"string","description":"In `YYYY-MM-DD` format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"v-model; Emitted when calendar date changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"expanded","arguments":[{"name":"resource","type":"object","description":"The resource object that was toggle, check `expanded` property for `true` or `false`","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Event occurs when hierarchial resources are expanded/collapses","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-day-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-workweek","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-workweek","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-workweek","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-workweek","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-workweek","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-workweek","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-workweek","arguments":[{"name":"data","typ