{"$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","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":"touchstart-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":"touchend-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":"touchmove-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":"click-workweek-header","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-header","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-header","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-header","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-header","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-header","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-header","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":"touchstart-workweek-header","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":"touchend-workweek-header","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":"touchmove-workweek-header","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":"click-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-interval","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-interval-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on interval area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-resource-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on resource day area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-column-head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown:column:head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup:column:head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter:column:head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave:column:head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove:column:head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-column-head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-column-head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-column-head","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-column-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column header, when extra columns have been added","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"click-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"contextmenu-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousedown-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseup-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseenter-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mouseleave-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"mousemove-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchstart-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchend-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"touchmove-column","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"Occurs on column when using the `left-column-options` or `right-column-options` properties","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"slots":[{"name":"resource-header","description":"Use this slot to add to the empty area above resources","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"resource-row","description":"This slot is the complete row, including resource and intervals","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"resource-label","description":"Use this slot to replace the resource label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"resource-intervals","description":"Use this slot to place abosolute positioned events","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"resource-interval","description":"Use this slot add to an interval for the specified resource","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day","description":"Use to add items to the `day` rendering","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"days","description":"Provide a slot for absolute positioning on top of the days","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"task","description":"The slot associated with the task","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"head-tasks","description":"The slot associated with task header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"footer-task","description":"The slot associated with task footer","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"footer-day","description":"The slot associated with task footer for a particular day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"head-day","description":"Replaces the complete internal day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day-header","description":"index is added if using `column-count` property","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day-header-label","description":"Used to replace the label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day-body","description":"index is added if using `column-count` property","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day-container","description":"The container is everything below the headers, including the intervals","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"intervals-header","description":"Use to render items in the intervals header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"interval","description":"index is added if using `column-count` property","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"head-day-label","description":"Use to replace the head day label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day-btn","description":"Use to replace the `day button`","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"month-label","description":"Use to replace the `month label`. Not applicable in `mini-mode`","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"day-of-year","description":"Use to replace the `day of year` label. Not applicable in `mini-mode`","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"workweek","description":"Scoped slot for the workweek","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"workweek-header","description":"Scoped slot for the workweek header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"week","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"scheduler-resources-header","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"scheduler-day-header","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"scheduler-column-header-before","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"scheduler-column-header-after","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"scheduler-resource-day","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"scheduler-resource","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"column-header","description":"Use this slot to add to the column header when properties `left-column-options` or `right-column-options` are used","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"column-body","description":"Use this slot to add to the column body when properties `left-column-options` or `right-column-options` are used","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"interval-label","description":"Use this slot to change the display of an interval label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"}],"description":"QCalendar - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar"},{"name":"QCalendarAgenda","source":{"module":"qcalendar","symbol":"QCalendarAgenda"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","type":"boolean"},{"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-agenda","default":"\"'now'\""},{"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-agenda","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-agenda","default":"\"# 'day'\""},{"name":"short-interval-label","value":{"kind":"expression","type":"boolean"},"description":"Makes interval labels short","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","type":"boolean"},{"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-agenda","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-agenda","default":"\"40\""},{"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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","default":"\"(timestamp) => { return '' }\""},{"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-agenda","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-agenda","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-agenda","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-agenda","default":"\"# null\""},{"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-agenda","default":"\"# null\""},{"name":"hour24format","value":{"kind":"expression","type":"boolean"},"description":"Show intervals in 24 hour format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","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-agenda","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-agenda","default":"\"'stacked'\""},{"name":"no-sticky","value":{"kind":"expression","type":"boolean"},"description":"Disables sticky headers","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","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-agenda","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-agenda","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-agenda"},{"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-agenda"},{"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-agenda"},{"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-agenda","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-agenda"},{"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-agenda"},{"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-agenda"},{"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-agenda"},{"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-agenda","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-agenda","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-agenda","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-agenda","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-agenda","default":"\"[\\\"date\\\"]\""},{"name":"column-count","value":{"kind":"expression","type":"number|string"},"description":"Number of columns to display. Applicable only for day view. Show the same day x number of times in columns. Scoped slots get this data as index in passed object\n\nExamples:\n3\n'5'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","default":"\"0\""},{"name":"column-index-start","value":{"kind":"expression","type":"number|string"},"description":"The index of the first column to display\n\nExamples:\n1","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","default":"\"0\""},{"name":"column-header-before","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-before scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","type":"boolean"},{"name":"column-header-after","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-after scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda","type":"boolean"},{"name":"left-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the left side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"right-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the right side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"column-options-id","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the id, otherwise `id` will be used\n\nExamples:\n'1'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"column-options-label","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the label, otherwise `label` will be used\n\nExamples:\n'label'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"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-agenda","default":"\"# 100\""}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The Timestamp object of the move","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"Emitted when the view's dates change","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"slots":[{"name":"head-column","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-column-label","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-days-events","description":"For multi-day events","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-day","description":"Replaces the complete internal day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-date","description":"The slot associated with the head date. Used to append to the head day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-day-event","description":"The slot associated with a head day event. Used to append to the head day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-weekday-label","description":"The slot associated with the header weekday label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-day-label","description":"Use to replace the head day label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"head-day-button","description":"The slot associated with the day button. Replaces the whole button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"day-container","description":"The container is everything below the headers, including the intervals","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"column","description":"","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"day","description":"Use to add items to the `day` rendering","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"}],"description":"QCalendarAgenda - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-agenda"},{"name":"QCalendarDay","source":{"module":"qcalendar","symbol":"QCalendarDay"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","type":"boolean"},{"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-day","default":"\"'now'\""},{"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-day","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-day","default":"\"# 'day'\""},{"name":"short-interval-label","value":{"kind":"expression","type":"boolean"},"description":"Makes interval labels short","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","type":"boolean"},{"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-day","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-day","default":"\"40\""},{"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-day","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-day","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-day","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-day","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-day","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-day","default":"\"(timestamp) => { return '' }\""},{"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-day","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-day","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-day","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-day","default":"\"# null\""},{"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-day","default":"\"# null\""},{"name":"hour24format","value":{"kind":"expression","type":"boolean"},"description":"Show intervals in 24 hour format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","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-day","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-day","default":"\"'stacked'\""},{"name":"no-sticky","value":{"kind":"expression","type":"boolean"},"description":"Disables sticky headers","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","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-day","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-day","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-day","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-day","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-day","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-day","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","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-day","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-day","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-day","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-day","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-day","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-day","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-day","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-day","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-day","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-day","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","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-day","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-day","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-day"},{"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-day"},{"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-day"},{"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-day","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-day"},{"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-day"},{"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-day"},{"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-day"},{"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-day","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-day","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-day","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-day","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-day","default":"\"[\\\"date\\\"]\""},{"name":"column-count","value":{"kind":"expression","type":"number|string"},"description":"Number of columns to display. Applicable only for day view. Show the same day x number of times in columns. Scoped slots get this data as index in passed object\n\nExamples:\n3\n'5'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","default":"\"0\""},{"name":"column-index-start","value":{"kind":"expression","type":"number|string"},"description":"The index of the first column to display\n\nExamples:\n1","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","default":"\"0\""},{"name":"column-header-before","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-before scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","type":"boolean"},{"name":"column-header-after","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-after scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day","type":"boolean"},{"name":"left-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the left side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"right-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the right side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"column-options-id","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the id, otherwise `id` will be used\n\nExamples:\n'1'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"column-options-label","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the label, otherwise `label` will be used\n\nExamples:\n'label'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"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-day","default":"\"# 100\""}],"events":[{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The Timestamp object of the move","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"description":"Emitted when the view's dates change","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"}],"slots":[],"description":"QCalendarDay - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-day"},{"name":"QCalendarMonth","source":{"module":"qcalendar","symbol":"QCalendarMonth"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month","type":"boolean"},{"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-month","default":"\"'now'\""},{"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-month","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-month","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-month","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-month","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-month","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-month","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-month","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-month","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-month","type":"boolean"},{"name":"show-work-weeks","value":{"kind":"expression","type":"boolean"},"description":"Show work weeks","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month","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-month","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-month","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-month","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-month","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-month","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-month"},{"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-month","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-month","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-month","default":"\"7\""},{"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-month","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-month","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-month","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-month","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-month","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month","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-month","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-month","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-month","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-month","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-month","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-month","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-month","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-month","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-month","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-month","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month","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-month","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-month","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-month"},{"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-month"},{"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-month"},{"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-month","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-month"},{"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-month"},{"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-month"},{"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-month"},{"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-month","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-month","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-month","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-month","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-month","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-month","default":"\"# 100\""},{"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-month","default":"\"'stacked'\""}],"events":[{"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-month"}],"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-month"},{"name":"click-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"contextmenu-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousedown-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseup-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseenter-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseleave-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousemove-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchstart-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchend-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchmove-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The Timestamp object of the move","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"description":"Emitted when the view's dates change","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"}],"slots":[],"description":"QCalendarMonth - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-month"},{"name":"QCalendarResource","source":{"module":"qcalendar","symbol":"QCalendarResource"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","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-resource","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'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","default":"\"'id'\""},{"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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","default":"\"'now'\""},{"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-resource","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-resource","default":"\"# 'day'\""},{"name":"short-interval-label","value":{"kind":"expression","type":"boolean"},"description":"Makes interval labels short","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","type":"boolean"},{"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-resource","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-resource","default":"\"40\""},{"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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","default":"\"(timestamp) => { return '' }\""},{"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-resource","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-resource","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-resource","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-resource","default":"\"# null\""},{"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-resource","default":"\"# null\""},{"name":"hour24format","value":{"kind":"expression","type":"boolean"},"description":"Show intervals in 24 hour format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","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-resource","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-resource","default":"\"'stacked'\""},{"name":"no-sticky","value":{"kind":"expression","type":"boolean"},"description":"Disables sticky headers","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","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-resource","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","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-resource","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-resource","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-resource"},{"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-resource"},{"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-resource"},{"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-resource","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-resource"},{"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-resource"},{"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-resource"},{"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-resource"},{"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-resource","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-resource","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-resource","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-resource","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-resource","default":"\"[\\\"date\\\"]\""},{"name":"column-count","value":{"kind":"expression","type":"number|string"},"description":"Number of columns to display. Applicable only for day view. Show the same day x number of times in columns. Scoped slots get this data as index in passed object\n\nExamples:\n3\n'5'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","default":"\"0\""},{"name":"column-index-start","value":{"kind":"expression","type":"number|string"},"description":"The index of the first column to display\n\nExamples:\n1","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","default":"\"0\""},{"name":"column-header-before","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-before scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","type":"boolean"},{"name":"column-header-after","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-after scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","type":"boolean"},{"name":"left-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the left side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"right-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the right side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"column-options-id","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the id, otherwise `id` will be used\n\nExamples:\n'1'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"column-options-label","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the label, otherwise `label` will be used\n\nExamples:\n'label'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"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-resource","default":"\"# 100\""},{"name":"sticky","value":{"kind":"expression","type":"boolean"},"description":"Turns on sticky resources and intervals","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","type":"boolean"},{"name":"interval-width","value":{"kind":"expression","type":"number|string"},"description":"The maximum width in pixels for the interval width\n\nExamples:\n60\n'100'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource","default":"\"100\""}],"events":[{"name":"update:model-resources","description":"Emitted when the model-resources prop is updated","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"resource-expanded","arguments":[{"name":"scope","type":"object","description":"The scope object","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"expanded","type":"boolean","description":"True if the resource is expanded, false otherwise","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Emitted when a resource is expanded or collapsed","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"click-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"contextmenu-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousedown-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseup-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseenter-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseleave-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousemove-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchstart-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchend-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchmove-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"click-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"contextmenu-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousedown-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseup-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseenter-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseleave-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousemove-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchstart-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchend-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchmove-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The Timestamp object of the move","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"Emitted when the view's dates change","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"slots":[{"name":"resource-header","description":"Use this slot to add to the empty area above resources","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"resource-row","description":"This slot is the complete row, including resource and intervals","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"resource-label","description":"Use this slot to replace the resource label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"resource-intervals","description":"Use this slot to place abosolute positioned events","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"resource-interval","description":"Use this slot add to an interval for the specified resource","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"}],"description":"QCalendarResource - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-resource"},{"name":"QCalendarScheduler","source":{"module":"qcalendar","symbol":"QCalendarScheduler"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","default":"\"'now'\""},{"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-scheduler","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-scheduler","default":"\"# 'day'\""},{"name":"short-interval-label","value":{"kind":"expression","type":"boolean"},"description":"Makes interval labels short","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","type":"boolean"},{"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-scheduler","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-scheduler","default":"\"40\""},{"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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","default":"\"(timestamp) => { return '' }\""},{"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-scheduler","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-scheduler","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-scheduler","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-scheduler","default":"\"# null\""},{"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-scheduler","default":"\"# null\""},{"name":"hour24format","value":{"kind":"expression","type":"boolean"},"description":"Show intervals in 24 hour format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","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-scheduler","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-scheduler","default":"\"'stacked'\""},{"name":"no-sticky","value":{"kind":"expression","type":"boolean"},"description":"Disables sticky headers","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","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-scheduler","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-scheduler","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-scheduler"},{"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-scheduler"},{"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-scheduler"},{"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-scheduler","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-scheduler"},{"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-scheduler"},{"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-scheduler"},{"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-scheduler"},{"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-scheduler","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-scheduler","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-scheduler","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-scheduler","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-scheduler","default":"\"[\\\"date\\\"]\""},{"name":"column-count","value":{"kind":"expression","type":"number|string"},"description":"Number of columns to display. Applicable only for day view. Show the same day x number of times in columns. Scoped slots get this data as index in passed object\n\nExamples:\n3\n'5'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","default":"\"0\""},{"name":"column-index-start","value":{"kind":"expression","type":"number|string"},"description":"The index of the first column to display\n\nExamples:\n1","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","default":"\"0\""},{"name":"column-header-before","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-before scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","type":"boolean"},{"name":"column-header-after","value":{"kind":"expression","type":"boolean"},"description":"Turns on the column-header-after scoped slot","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler","type":"boolean"},{"name":"left-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the left side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"right-column-options","value":{"kind":"expression","type":"any[]"},"description":"An array of objects used to add columns to the right side of the agenda. Each object must have an id and label key or define the id object key using the `column-options-id` and the label using the `column-options-label` properties. The value of the id should be unique for each object. The object is passed to slots\n\nExamples:\n[{ id: '1', label: 'Column 1' }, { id: '2', label: 'Column 2' }]","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"column-options-id","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the id, otherwise `id` will be used\n\nExamples:\n'1'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"column-options-label","value":{"kind":"expression","type":"string"},"description":"The key in the object to use for `left-column-options` or `right-column-options` properties to define the label, otherwise `label` will be used\n\nExamples:\n'label'","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"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-scheduler","default":"\"# 100\""}],"events":[{"name":"update:model-resources","description":"Emitted when the model-resources prop is updated","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"resource-expanded","arguments":[{"name":"scope","type":"object","description":"The scope object","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"expanded","type":"boolean","description":"True if the resource is expanded, false otherwise","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Emitted when a resource is expanded or collapsed","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"click-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"contextmenu-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousedown-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseup-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseenter-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseleave-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousemove-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchstart-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchend-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchmove-resource","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"click-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"contextmenu-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousedown-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseup-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseenter-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseleave-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousemove-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchstart-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchend-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchmove-resource-header","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on resource header area","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The Timestamp object of the move","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"Emitted when the view's dates change","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"slots":[{"name":"resource-header","description":"Use this slot to add to the empty area above resources","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"resource-row","description":"This slot is the complete row, including resource and intervals","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"resource-label","description":"Use this slot to replace the resource label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"resource-intervals","description":"Use this slot to place abosolute positioned events","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"resource-interval","description":"Use this slot add to an interval for the specified resource","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"head-resources","description":"The head area above the listed resources","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"head-days-events","description":"For multi-day events","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"head-day","description":"Replaces the complete internal day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"head-date","description":"The slot associated with the head date. Used to append to the head day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"head-day-event","description":"The slot associated with a head day event. Used to append to the head day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"}],"description":"QCalendarScheduler - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-scheduler"},{"name":"QCalendarTask","source":{"module":"qcalendar","symbol":"QCalendarTask"},"attributes":[{"name":"use-navigation","value":{"kind":"expression","type":"boolean"},"description":"Allows keyboard navigation","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","type":"boolean"},{"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-task","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-task","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-task","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-task","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-task","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-task","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-task","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-task","default":"\"1\""},{"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-task","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-task","default":"\"# 'day'\""},{"name":"short-interval-label","value":{"kind":"expression","type":"boolean"},"description":"Makes interval labels short","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","type":"boolean"},{"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-task","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-task","default":"\"40\""},{"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-task","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-task","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-task","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-task","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-task","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-task","default":"\"(timestamp) => { return '' }\""},{"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-task","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-task","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-task","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-task","default":"\"# null\""},{"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-task","default":"\"# null\""},{"name":"hour24format","value":{"kind":"expression","type":"boolean"},"description":"Show intervals in 24 hour format","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","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-task","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-task","default":"\"'stacked'\""},{"name":"no-sticky","value":{"kind":"expression","type":"boolean"},"description":"Disables sticky headers","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","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-task","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-task","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-task","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-task","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-task","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-task","default":"\"'center'\""},{"name":"bordered","value":{"kind":"expression","type":"boolean"},"description":"Places a border around the calendar","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","type":"boolean"},{"name":"dark","value":{"kind":"expression","type":"boolean"},"description":"Places the calendar into dark mode","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","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-task","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-task","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-task","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-task","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-task","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-task","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-task","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-task","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-task","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-task","default":"\"'en-US'\""},{"name":"animated","value":{"kind":"expression","type":"boolean"},"description":"Turns on animated transitions","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task","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-task","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-task","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-task"},{"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-task"},{"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-task"},{"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-task","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-task"},{"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-task"},{"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-task"},{"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-task"},{"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-task","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-task","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-task","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-task","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-task","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-task","default":"\"# 100\""}],"events":[{"name":"update:model-tasks","description":"Emitted when the `model-tasks` prop changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"update:model-title","description":"Emitted when the `model-title` prop changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"update:model-footer","description":"Emitted when the `model-footer` prop changes","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"task-expanded","arguments":[{"name":"data","type":"object","description":"The data object","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Emitted when a task is expanded or collapsed","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"update:model-value","arguments":[{"name":"value","type":"string","description":"New model value","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Emitted when the component needs to change the model; Is also used by v-model","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"click-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"contextmenu-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mousedown-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mousemove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseup-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseenter-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseleave-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchstart-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchmove-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchend-date","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a date button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"click-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"contextmenu-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mousedown-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mousemove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseup-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseenter-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseleave-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchstart-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchmove-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchend-head-day","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on a weekday","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"click-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"contextmenu-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mousedown-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mousemove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseup-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseenter-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"mouseleave-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchstart-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchmove-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"touchend-time","arguments":[{"name":"data","type":"object","description":"The data passed to the function","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Occurs on an interval","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"moved","arguments":[{"name":"timestamp","type":"Timestamp","description":"The Timestamp object of the move","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Emitted when the date is moved","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"change","arguments":[{"name":"scope","type":"object","description":"The data that cjanged","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"Emitted when the view's dates change","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"slots":[{"name":"day","description":"For rendering associated Task information on that day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"days","description":"Provide a slot for absolute positioning on top of the days","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"task","description":"The slot associated with the task","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"head-tasks","description":"The slot associated with task header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"footer-task","description":"The slot associated with task footer","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"footer-day","description":"The slot associated with task footer for a particular day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"head-weekday-label","description":"The slot associated with the header weekday label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"head-day-label","description":"Use to replace the head day label","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"head-day-button","description":"The slot associated with the day button. Replaces the whole button","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"head-day","description":"Replaces the complete internal day header","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"},{"name":"head-date","description":"The slot associated with the head date. Used to append to the head day","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"description":"QCalendarTask - QCalendar component","doc-url":"https://qcalendar.netlify.app/developing/qcalendar-task"}],"attributes":[],"utils":[{"name":"Timestamp","methods":[{"name":"today","addedIn":"v2.2.1","description":"Returns today's date in YYYY-MM-DD format","params":null,"returns":{"type":"string","description":"Returns today's date in YYYY-MM-DD format","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getStartOfWeek","description":"Returns the start of the week based on the passed in arguments","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"weekdays","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[0,1,2,3,4,5,6]\n[1,2,3,4,5,6,0]\n[1,2,3,4,5]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"today","type":"Timestamp","description":"A timestamp object that represents 'today' or a specified point in time. If passed in, then the relative information to the start-of-week timestamp object will be updated","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object representing the start of the week","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getEndOfWeek","description":"Returns the end of the week based on the passed in arguments","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"weekdays","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[0,1,2,3,4,5,6]\n[1,2,3,4,5,6,0]\n[1,2,3,4,5]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"today","type":"Timestamp","description":"A timestamp object that represent 'today' or a specified point in time. If passed in, then the relative information to the end-of-week timestamp object will be updated","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object representing the end of the week","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getStartOfMonth","description":"Returns the start of the month based on the passed in timestamp object","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object representing the start of the month","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getEndOfMonth","description":"Returns the end of the month based on the passed in timestamp object","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object representing the end of the month","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"parseTime","description":"Parses the passed in value and returns the number of minutes since midnight","params":[{"name":"input","type":"number|string|object","description":"Value may be a Number (minutes since midnight) or String (hh:mm:ss where seconds are optional) or Object (must have keys **hour** and **minute**)\n\nExamples:\n600\n'15:30'\n{ hour: 15, minute: 30 }","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The number of minutes since midnight","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"validateTimestamp","description":"Validates the passed in date/time string (YYYY-MM-DD hh:mm:ss)","params":[{"name":"input","type":"string","description":"A date/time string in the form `YYYY-MM-DD hh:mm:ss` (seconds are optional)\n\nExamples:\n'2020-10-02 15:00'","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"True if the passed in date/time string is of correct form","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"parsed","description":"Parses a date/time string to a simple timestamp object. For a more complete timestamp, use parseTimestamp","params":[{"name":"input","type":"string","description":"A date/time string in the form `YYYY-MM-DD hh:mm:ss` (seconds are optional)\n\nExamples:\n'2020-10-02 15:00'","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"object|null","description":"A timestamp object based on the passed in argument. Returns 'null' on error","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"parseTimestamp","description":"Parses a date/time string to the timestamp object. Very similar to the `parsed` method, except also updates timestamp with formatted and relative information","params":[{"name":"input","type":"string","description":"A date/time string in the form `YYYY-MM-DD hh:mm:ss` (seconds are optional)\n\nExamples:\n'2020-10-02 15:00'","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"now","type":"object","description":"[Optional] A Timestamp object. If provided, the returning Timestamp will have formatted and relative information included","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"object|null","description":"A timestamp object based on the passed in argument. Returns 'null' on error","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"parseDate","description":"Parses a JavaScript Date object to the timestamp object","params":[{"name":"input","type":"Date","description":"A JavaScript Date object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"object|null","description":"A formatted timestamp object based on the passed in argument (see updateFormatted)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"makeDate","addedIn":"v1.3.9","description":"Takes a timestamp and returns a JavaScript Date with time set to 00:00","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Date","description":"The returned value is a JavaScript Date","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"makeDateTime","addedIn":"v1.3.9","description":"Takes a timestamp and returns a JavaScript Date","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Date","description":"The returned value is a JavaScript Date","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getDayIdentifier","description":"Turns passed in timestamp object to a day identifier","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The returned number is in a number representing `YYYYMMdd`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getTimeIdentifier","description":"Turns passed in timestamp object to a time identifier","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The returned number is in a number representing `hhmm`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getDayTimeIdentifier","addedIn":"v3.2.0","description":"Turns passed in timestamp object to a date/time identifier","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The returned number is in a number representing `YYYYMMddhhmm`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"diffTimestamp","description":"Returns the number of milliseconds between the two days","params":[{"name":"timestamp1","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"timestamp2","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"strict","type":"boolean","description":"If true, then negative values are not allowed","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The number of milliseconds between the two timestamp objects. 0 if **strict** is true and the value would be negative","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateRelative","description":"Updates the relative information in the timestamp object. The relative information includes, compared to the **now** object, `past`, `current` and `future` booleans","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"now","type":"Timestamp","description":"A timestamp object representing a **now** time (fixed point in time -- usually **today**)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"time","type":"boolean","description":"If true, also uses time to adjust the relative information","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateMinutes","description":"Updates the timestamp object with the passed in minutes","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"minutes","type":"number","description":"The number of minutes since midnight","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"now","type":"Timestamp","description":"A timestamp object, if set, used to adjust the relative information","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateWeekday","description":"Updates the timestamp object with the weekday information","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateDayOfYear","description":"Updates the timestamp object with the doy (day of year) information","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateWorkWeek","description":"Updates the timestamp object with the workweek (work week) information","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateDisabled","description":"Updates the timestamp object to be disabled if it matches one of the items from `disabledDays`","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledBefore","type":"string","description":"A date in the form `YYYY-MM-DD` where all dates before, and including, will be disabled","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledAfter","type":"string","description":"A date in the form `YYYY-MM-DD` where all dates after, and including, will be disabled","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledWeekdays","type":"any[]","description":"An array of numbers representing the weekdays, where 0=Sunday to 6=Saturday. A value of '[0,6]' would disable the weekend\n\nExamples:\n[0,6]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledDays","type":"any[]","description":"An array of disabled days. If an array is contained within the array with a start and end date, it will be treated as a range\n\nExamples:\n['2020-01-01', '2020-07-04']\n['2020-01-01', ['2020-07-04', '2020-07-11']]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object with `timestamp.disabled` true if a match was found","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"updateFormatted","description":"Updates the timestamp object with formatted information (`time`, `date`, `weekday`, `doy` and `workweek`)","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getDayOfYear","description":"Returns the doy (day of year) for an unformatted timestamp","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The day of the year","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getWorkWeek","description":"Returns the workweek (work week number) for an unformatted timestamp","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object. If no timestamp is passed, then uses current date","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The work week number of the year. If passed an invalid date, the return value is always 0","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getWeekday","description":"Returns the weekday (day of the week) for an unformatted timestamp","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The week day number (0=Sunday, 1=Monday, etc)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"isLeapYear","description":"Returns true if the passed in year is a leap year","params":[{"name":"year","type":"number","description":"A number representing the year in YYYY format\n\nExamples:\n2020\n2021","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"Returns true if the passed in year is a leap year","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"daysInMonth","description":"Returns number of days in the spefified month for the specified year (takes into account leap years)","params":[{"name":"year","type":"number","description":"A number representing the year in YYYY format\n\nExamples:\n2020\n2021","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"month","type":"number","description":"A number representing the month from 0 (January) to 11 (December). For performance reasons, no checking is done to validate this value is in range. An exception will occur if it is not\n\nExamples:\n2020\n2021","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"Returns true if the passed in year is a leap year","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"copyTimestamp","description":"Makes a copy of the passed Timestamp","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A copy of the passed in timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"compareTimestamps","description":"Compares two timestamps","params":[{"name":"timestamp1","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"timestamp2","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if timestamps are the same, otherwise false","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"compareDate","description":"Compares two timestamps if the dates are the same","params":[{"name":"timestamp1","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"timestamp2","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if timestamps dates are the same, otherwise false","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"compareTime","description":"Compares two timestamps if the times are the same","params":[{"name":"timestamp1","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"timestamp2","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if timestamps times are the same, otherwise false","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"compareDateTime","description":"Compares two timestamps if the dates and times are the same","params":[{"name":"timestamp1","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"timestamp2","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if timestamps dates and times are the same, otherwise false","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"padNumber","description":"Pads the passed in number to the specfied length. Passing in `(2,2)` returns `02`","params":[{"name":"x","type":"number","description":"The number to pad","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"length","type":"number","description":"The length of the paddedIng","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"string","description":"A padded value","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getDate","description":"Returns the timestamp as a padded date","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"string","description":"A date as a padded value in the form `YYYY-MM-DD`. Instead of `2020-1-2`, this function formats it as `2020-01-02`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getTime","description":"Returns the timestamp as a padded time","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"string","description":"A time as a padded value in the form `hh:mm`. Instead of `2:3`, this function formats it as `02:03`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getDateTime","addedIn":"v1.3.11","description":"Returns the timestamp as a padded date and time. If time is not available, then only the date will be used","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"string","description":"A date and time as a padded value in the form `YYYY-MM-DD hh:mm`. Instead of `2020-1-2 1:20`, this function formats it as `2020-01-02 01:20`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"nextDay","description":"Returns the timestamp set to the next day, updating month and year if needed","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object incremented to the next day","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"prevDay","description":"Returns the timestamp set to the previous day, updating month and year if needed","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object decremented to the next day","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"relativeDays","description":"Returns the timestamp set to the relative day","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"mover","type":"Function","description":"A reference that points to a function that handles the relative movement from one date to another. If moving backwards, specify `prevDay`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"days","type":"number","description":"The number of days to move","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"allowedWeekdays","type":"any[]","description":"The allow weekdays to use. The method uses this information for allowed days\n\nExamples:\n[0,1,2,3,4,5,6]\n[1,2,3,4,5,6,0]\n[1,2,3,4,5]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object moved to the relatively specified days against the `allowedWeekdays`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"moveRelativeDays","addedIn":"v1.5.0","description":"Returns the timestamp set to the relative day, takes into account allowed weekdays","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"mover","type":"Function","description":"A reference that points to a function that handles the relative movement from one date to another. If moving backwards, specify `prevDay`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"days","type":"number","description":"The number of days to move","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"allowedWeekdays","type":"any[]","description":"The allow weekdays to use. The method uses this information for allowed days\n\nExamples:\n[0,1,2,3,4,5,6]\n[1,2,3,4,5,6,0]\n[1,2,3,4,5]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object moved to the relatively specified days against the `allowedWeekdays`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"findWeekday","description":"Returns the timestamp associated to the specified weekday. Use `parseTimestamp`, not `parsed` (or manually call `updateFormatted` before calling this method), so associated fields are updated correctly, otherwise this function will not work as expected.","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"mover","type":"Function","description":"A reference that points to a function that handles the relative movement from one date to another. If moving backwards, specify `prevDay`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"maxDays","type":"number","description":"The maxiumum number of days to move","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A timestamp object moved to the specified days relatively against the `maxDays`","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"createDayList","description":"Returns an array of timestamps","params":[{"name":"start","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"end","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"now","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"weekdays","type":"any[]","description":"An array of numbers (representing days of the week) that are 0 (=Sunday) to 6 (=Saturday)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledBefore","type":"string","description":"A date in the form `YYYY-MM-DD` where all dates before, and including, will be disabled","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledAfter","type":"string","description":"A date in the form `YYYY-MM-DD` where all dates after, and including, will be disabled","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledWeekdays","type":"any[]","description":"An array of numbers representing the weekdays, where 0=Sunday to 6=Saturday\n\nExamples:\n[0,6]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"disabledDays","type":"any[]","description":"An array of string dates in the form `YYYY-MM-DD` that representing disabled days","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"max","type":"number","description":"Maximum days required. 42 is the maxiumum number of days in a full calendar month (6 rows) with `outside` days","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"min","type":"number","description":"Minimum days required","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"any[]","description":"An array of timestamp objects for all days that meet the criteria","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"createIntervalList","description":"Returns an array of intervals","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"first","type":"number","description":"The first interval","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"minutes","type":"number","description":"The number of minutes in an interval","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"count","type":"number","description":"The count of intervals requested","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"now","type":"Timestamp","description":"A timestamp object that represents 'today' or a specified point in time","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"any[]","description":"A array of interval objects (timestamps with time) that meet the criteria","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"createNativeLocaleFormatter","description":"Returns a function to be used for international date formatting purposes","params":[{"name":"local","type":"string","description":"A string representing the locale to use (ie: en-US for America)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"getOptions","type":"Function","description":"A function that passes the timestamp and a boolean, and returns an Intl.DateTimeFormatter","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Function","description":"A function that takes a timestamp and a boolean and returns a formatted string.","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"validateNumber","description":"Validates that input is a number","params":[{"name":"input","type":"number|string","description":"A numeric value\n\nExamples:\n# validateNumber(10) // true\n# validateNumber('10') // true\n# validateNumber('bob') // false","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if a number, otherwise false","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"maxTimestamp","description":"Given an array of Timestamps, returns the highest one","params":[{"name":"timestamps","type":"any[]","description":"An array of timestamp objects","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"useTime","type":"boolean","description":"[Optional] Use time in the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"The highest valued Timestamp","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"minTimestamp","description":"Given an array of Timestamps, returns the lowest one","params":[{"name":"timestamps","type":"any[]","description":"An array of timestamp objects","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"useTime","type":"boolean","description":"[Optional] Use time in the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"The highest valued Timestamp","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"isBetweenDates","addedIn":"v1.3.10","description":"Checks passed timestamp is between start and end timestamps","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"startTimestamp","type":"Timestamp","description":"The starting timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"endTimestamp","type":"Timestamp","description":"The ending timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"useTime","type":"boolean","description":"[Optional] Use time in the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if a date is between the start and end dates","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"isOverlappingDates","addedIn":"v1.3.12","description":"Checks passed start and end timestamps overlap the first and last timestamps. This method can be used to find if an event, with start and end dates overlap a range, like a week","params":[{"name":"startTimestamp","type":"Timestamp","description":"The starting timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"endTimestamp","type":"Timestamp","description":"The ending timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"firstTimestamp","type":"Timestamp","description":"The first timestamp object to use for the comparison (typically the first day in a week)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"lastTimestamp","type":"Timestamp","description":"The last timestamp object to use for the comparison (typically the last day in a week)","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"boolean","description":"true if the start and end timestamps overlap the first and last timestamps","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"daysBetween","addedIn":"v1.3.12","description":"Returns the number days between two timestamps","params":[{"name":"startTimestamp","type":"Timestamp","description":"The starting timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"endTimestamp","type":"Timestamp","description":"The ending timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The number of days beween the two timestamps","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"weeksBetween","addedIn":"v1.3.12","description":"Returns the number weeks between two timestamps","params":[{"name":"startTimestamp","type":"Timestamp","description":"The starting timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"endTimestamp","type":"Timestamp","description":"The ending timestamp object to use for the comparison","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"number","description":"The number of weeks beween the two timestamps","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"addToDate","addedIn":"v1.3.10","description":"Takes a timestamp and increments/decrements based on options","params":[{"name":"timestamp","type":"Timestamp","description":"A timestamp object","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"options","type":"object","description":"The options passed to the method. All items are optional and can be positive or negative\n\nExamples:\n{ year: 1, month: -1, day: 10, hour: 2, minute: 3 }\n{ month: -1 }\n{ day: 3 }\n{ hour: 10 }\n{ minute: 10000 }","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"Timestamp","description":"A copy of the modified timestamp object with the applied options\n\nExamples:\n# const ts1 = addToDate(timestamp, { hour: 1 })\n# const ts2 = addToDate(timestamp, { month: 3, hour: -1 })","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getWeekdayFormatter","description":"Returns a function to be used for international formatting purposes for the weekday","params":null,"returns":{"type":"Function","description":"This uses the Intl.DateTimeFormat function of the browser\n\nExamples:\n# weekdayFormatter('Mon')\n# weekdayFormatter('Sun', 'long', 'de')\n# weekdayFormatter('Fri', 'short', 'fr')\n# weekdayFormatter('Sat', 'narrow', 'fi')","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getWeekdayNames","description":"Returns an array of localized weekday names in either 'long', 'short', or 'narrow' format","params":[{"name":"type","type":"''long''|''short''|''narrow''","description":"The values represent how the day of the week will be displayed","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"locale","type":"string","description":"Any locale accepted by the browser can be used","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"any[]","description":"An array of localized weekday names\n\nExamples:\n[ 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday' ]\n[ 'vuos', 'maŋ', 'gask', 'duor', 'bear', 'láv', 'sotn' ]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getMonthFormatter","description":"Returns a function to be used for international formatting purposes for the month","params":null,"returns":{"type":"Function","description":"This uses the Intl.DateTimeFormat function of the browser\n\nExamples:\n# monthFormatter('Mon')\n# monthFormatter('Sun', 'long', 'de')\n# monthFormatter('Fri', 'short', 'fr')\n# monthFormatter('Sat', 'narrow', 'fi')","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}},{"name":"getMonthNames","description":"Returns an array of localized month names in either 'long', 'short', or 'narrow' format","params":[{"name":"type","type":"''long''|''short''|''narrow''","description":"The values represent how the day of the month will be displayed","doc-url":"https://qcalendar.netlify.app/developing/timestamp"},{"name":"locale","type":"string","description":"Any locale accepted by the browser can be used","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}],"returns":{"type":"any[]","description":"An array of localized month names\n\nExamples:\n[ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ]\n[ 'ođđj', 'guov', 'njuk', 'cuo', 'mies', 'geas', 'suoi', 'borg', 'čakč', 'golg', 'skáb', 'juov' ]","doc-url":"https://qcalendar.netlify.app/developing/timestamp"}}],"doc-url":"https://qcalendar.netlify.app/developing/timestamp"}]}}}