{"type":"component","meta":{"docsUrl":"https://qcalendar.netlify.app/developing/qcalendar-task"},"props":{"use-navigation":{"type":"Boolean","desc":"Allows keyboard navigation","category":"behavior"},"now":{"type":"String","category":"model","desc":"This is the currently displayed date (highlighted). If not set, then the current date is used","default":"'now'","examples":["'2019-04-01'","'2020-08-08'"],"required":false},"model-tasks":{"type":"Array","tsType":"TaskObjectArray","category":"model","desc":"An array of Tasks that will be displayed","default":"[]","examples":["[{ id: 1, name: 'Task 1' }, { id: 2, name: 'Task 2' }]"],"required":false},"model-title":{"type":"Array","tsType":"TitleObjectArray","category":"model","desc":"An array of title items, each will be displayed via a slot in the title area","default":"[]","examples":["[{ id: 1, title: 'Title 1' }, { id: 2, title: 'Title 2' }]"],"required":false},"model-footer":{"type":"Array","tsType":"FooterObjectArray","category":"model","desc":"An array of footer items, each will be displayed via a slot in the footer (summary) area","default":"[]","examples":["[{ id: 1, footer: 'Footer 1' }, { id: 2, footer: 'Footer 2' }]"],"required":false},"task-key":{"type":["Number","String"],"category":"content","default":"'id'","desc":"The key in an object to use as the ID (must be unique)","examples":["'id'"],"required":false},"task-width":{"type":"Number","category":"content","desc":"The number of pixels needed for the tasks column","default":"200","examples":["220"],"required":false},"footer-day-class":{"type":"Function","category":"style","desc":"A function that returns a string of classes to apply to the footer day slot","examples":["(data) => { return 'my-class' }"],"params":{"scope":{"desc":"The scope object","type":"Object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"A timestamp object of the day"},"footer":{"desc":"the task item from model `footer-tasks`","type":"Object","tsType":"TaskObject"},"index":{"type":"Number","desc":"The index of the iteration"}}}},"default":"# null","returns":{"type":"String","desc":"A string of classes to apply to the footer day slot"},"required":false},"view-count":{"type":"Number","category":"content","desc":"The number of views to show. For instance, if the property `view` was `week`, then setting this property to 2 would show 2 weeks.","default":"1","examples":["2"],"required":false},"max-days":{"type":"Number","category":"model","desc":"The number of days to be displayed. Do not use with `week` or `month` views (set to 0 if setting the view dynamically)","default":"7","examples":["14","10"],"required":false},"view":{"type":"String","category":"model","desc":"The type of calendar view to be displayed. Use the ones for your selected calendar type","applicable":["All"],"values":["'month'","'month-interval'","'week'","'day'","'month-scheduler'","'week-scheduler'","'day-scheduler'","'month-agenda'","'week-agenda'","'day-agenda'","'month-resource'","'week-resource'","'day-resource'"],"examples":["'week'","'month'","'week-agenda'"],"default":"# 'day'","required":false},"short-interval-label":{"type":"Boolean","category":"style","desc":"Makes interval labels short","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"]},"day-height":{"type":["Number","String"],"category":"behavior","desc":"The maximum height in pixels for the day height. Using 0 will make the rows variable height based on content.","default":"0","examples":["'80'","100"],"required":false},"day-min-height":{"type":["Number","String"],"category":"behavior","desc":"The minimum height to be used","default":"40","examples":["'80'","100"],"required":false},"interval-height":{"type":["Number","String"],"category":"behavior","desc":"The maximum height in pixels for the interval height","default":"40","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","scheduler","week-scheduler","month-scheduler","custom-scheduler"],"examples":["60","'100'"],"required":false},"interval-minutes":{"type":["Number","String"],"category":"behavior","desc":"The number of minutes in an interval","default":"60","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"],"examples":["15","'30'"],"required":false},"interval-count":{"type":["Number","String"],"category":"behavior","desc":"The number intervals to use. If interval-minutes is set to 30 then you would set interval count to 48 – double that of regular","default":"24","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"],"examples":["48","'96'"],"required":false},"interval-start":{"type":["Number","String"],"category":"behavior","desc":"The starting interval","default":"0","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"],"examples":["6","'8'"],"required":false},"interval-style":{"type":"Function","category":"style","desc":"Gets called to provide custom styling of an interval","params":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the interval"}},"returns":{"type":["Array","Object","String"],"desc":"A Vue style object","examples":["{ color: '#ccc' }"]},"default":"(timestamp) => { return {} }","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"],"examples":["(timestamp) => { return { 'background-color': '#c0c0c0' } }","(timestamp) => myIntervalStyle(timestamp)"],"required":false},"interval-class":{"type":"Function","category":"style","desc":"Gets called to provide custom styling of an interval","params":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the interval"}},"returns":{"type":["Array","Object","String"],"desc":"A Vue style object","examples":["{ color: '#ccc' }"]},"default":"(timestamp) => { return '' }","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"],"examples":["(timestamp) => 'myIntervalClass(timestamp)'"],"required":false},"day-style":{"type":"Function","category":"style","desc":"Gets called to provide custom styling of a day","default":"# null","params":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the day"}},"returns":{"type":["Array","Object","String"],"desc":"A Vue style object","examples":["{ color: '#ccc' }"]},"applicable":["month"],"examples":["(timestamp) => { return { 'background-color': '#c0c0c0' } }","(timestamp) => dayStyle(timestamp)"],"required":false},"day-class":{"type":"Function","category":"style","desc":"Gets called to provide custom styling (via classes) of a day","params":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the day"}},"returns":{"type":["Array","Object","String"],"desc":"A Vue style object of classes","examples":["{ 'q-range': true }"]},"default":"# null","applicable":["month"],"examples":["(timestamp) => { return { 'q-range': true } }","(timestamp) => getDayClass(timestamp)"],"required":false},"weekday-style":{"type":["Function"],"category":"style","desc":"Gets called to provide custom styling of a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope data passed to the function","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}},"returns":{"type":"Object","desc":"A Vue style object","examples":["{ color: '#ccc' }"]},"default":"# null","examples":["(data) => { return { 'background-color': '#c0c0c0' } }","(data) => getWeekdayStyle(data)"],"required":false},"weekday-class":{"type":"Function","category":"style","desc":"Gets called to provide custom styling (via classes) of a weekday","default":"# null","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope data passed to the function","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}},"returns":{"type":"Object","desc":"A Vue style object of classes","examples":["{ 'my-class': true }"]},"examples":["(data) => { return { 'my-class': true } }","(data) => getWeekdayClass(data)"],"required":false},"show-interval-label":{"type":"Function","category":"content","desc":"Gets called to provide custom display of an interval label","default":"# null","params":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the interval"}},"returns":{"type":"String","desc":"The label to display","examples":["'My Label'"]},"required":false},"hour24format":{"type":"Boolean","category":"style","desc":"Show intervals in 24 hour format","applicable":["day","2day","3day","4day","5day","6day","week","resource","day-resource","month-interval","custom-interval","all scheduler"]},"time-clicks-clamped":{"type":"Boolean","category":"behavior","desc":"Causes the returning timestamp time to be clamped to the interval it is in","applicable":["All interval-based"]},"date-header":{"type":"String","category":"style","desc":"Determines how the date header will be displayed","values":["'stacked'","'inline'","'inverted'"],"default":"'stacked'","examples":["'inline'"],"required":false},"no-sticky":{"type":"Boolean","category":"behavior","desc":"Disables sticky headers","applicable":["resource"]},"interval-header-height":{"type":["Number","String"],"category":"style","desc":"The height of the interval header","applicable":["resource"],"default":"20","required":false},"model-value":{"type":"String","desc":"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","syncable":true,"required":false,"default":"# 'today'","category":"model"},"weekdays":{"type":"Array","tsType":"NumberArray","category":"model","desc":"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]`","default":"[0, 1, 2, 3, 4, 5, 6]","examples":["[1,2,3,4,5,6,0]","[1,2,3,4,5]"],"required":false},"date-type":{"type":"String","category":"style","desc":"Shows the current date button as either a circle, rounded or a square","values":["'round'","'rounded'","'square'"],"default":"'round'","examples":["'square'"],"required":false},"weekday-align":{"type":"String","category":"style","desc":"Determines the weekday (ie: Sunday, Monday, etc) alignment","values":["'left'","'center'","'right'"],"default":"'center'","examples":["'left'"],"required":false},"date-align":{"type":"String","category":"style","desc":"Determines the date (ie: 2, 3, etc) alignment","values":["'left'","'center'","'right'"],"default":"'center'","examples":["'left'"],"required":false},"bordered":{"type":"Boolean","category":"style","desc":"Places a border around the calendar"},"dark":{"type":"Boolean","category":"style","desc":"Places the calendar into dark mode"},"no-aria":{"type":"Boolean","category":"behavior","desc":"Turns off automatical generation of aria labels for timestamps"},"no-active-date":{"type":"Boolean","category":"behavior","desc":"This controls whether the `q-active-date` css class is set when a user clicks on a date label (button)"},"short-weekday-label":{"type":"Boolean","category":"content","desc":"Displays the weekday label in short format. For instance, 'Monday' would become 'Mon'"},"no-header":{"type":"Boolean","category":"content","desc":"Do not display the header","examples":["true"]},"no-scroll":{"type":"Boolean","category":"style","desc":"Turns off the internal scrollbar. Useful if you want to handle your own scrolling","default":"false","applicable":["day","2day","3day","4day","5day","6day","week","month","month-interval","custom-interval","all scheduler","all agenda"],"required":false},"no-default-header-text":{"type":"Boolean","category":"content","desc":"Do not display the weekday text in the header"},"no-default-header-btn":{"type":"Boolean","category":"content","desc":"Do not display the date button in the header"},"min-weekday-label":{"type":["Number","String"],"category":"behavior","desc":"The minimal number of weekday characters when truncation occurs","default":"2","examples":["3"],"required":false},"weekday-breakpoints":{"type":"Array","tsType":"NumberArray","category":"behavior","desc":"The breakpoint widths where weekday truncation occurs (needs 2 values)","default":"[75, 35]","examples":["[68, 32]"],"required":false},"locale":{"type":"String","category":"model","desc":"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","default":"'en-US'","examples":["'de-DE'","'de'","'fr'","'pl'"],"required":false},"animated":{"type":"Boolean","category":"behavior","desc":"Turns on animated transitions"},"transition-prev":{"type":"String","category":"behavior","desc":"When animated property is true, transition to use for previous calendar display","default":"'slide-right'","examples":["'flip-right'"],"required":false},"transition-next":{"type":"String","category":"behavior","desc":"When animated property is true, transition to use for next calendar display","default":"'slide-left'","examples":["'flip-left'"],"required":false},"disabled-days":{"type":"Array","tsType":"StringArray","category":"model","desc":"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","examples":["['2019-04-01', '2019-04-02', '2019-04-03', '2019-04-04']"]},"disabled-before":{"type":"String","category":"model","desc":"A date in the form `YYYY-MM-DD` where all dates before, and including, will be disabled","examples":["'2019-04-01'"]},"disabled-after":{"type":"String","category":"model","desc":"A date in the form `YYYY-MM-DD` where all dates after, and including, will be disabled","examples":["'2019-04-01'"]},"disabled-weekdays":{"type":"Array","tsType":"NumberArray","category":"behavior","default":"[]","desc":"Similar to `weekdays` property, except values included in this array are automatically made disabled","examples":["[0,6]"],"required":false},"drag-enter-func":{"type":"Function","category":"behavior","desc":"The function to handle dragenter events","params":{"event":{"type":"Object","desc":"The associated event"},"type":{"type":"String","desc":"This can be 'head-day', 'head-column' or 'column'","values":["'head-day'","'head-column'","'column'"],"examples":["'head-day'","'head-column'","'column'"]},"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope data passed to the function","definition":{"column":{"type":"Object","tsType":"ColumnObject","desc":"The column object used to build the column"},"index":{"type":"Number","desc":"The column index"},"days":{"type":"Array","tsType":"TimestampArray","applicable":["head-column","column"],"desc":"An array of Timestamp objects representing the days associated with the column(s)"},"timestamp":{"type":"Timestamp","tsType":"Timestamp","applicable":["head-day"],"desc":"For 'head-day'. The Timestamp object associated with the date"}}}}}},"returns":{"type":"Boolean","desc":"If the event is applicable"},"examples":["(event, type, data) => onDragEnterFunc(event, type, data)"]},"drag-over-func":{"type":"Function","category":"behavior","desc":"The function to handle dragover events. You must call in your `e.preventDefault()` for Drag and Drop to work properly","params":{"event":{"type":"Object","desc":"The event associated with the dragover"},"type":{"type":"String","desc":"This can be 'head-day', 'head-column' or 'column'","values":["'head-day'","'head-column'","'column'"],"examples":["'head-day'","'head-column'","'column'"]},"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope data passed to the function","definition":{"column":{"type":"Object","tsType":"ColumnObject","desc":"The column object used to build the column"},"index":{"type":"Number","desc":"The column index"},"days":{"type":"Array","tsType":"TimestampArray","applicable":["head-column","column"],"desc":"An array of Timestamp objects representing the days associated with the column(s)"},"timestamp":{"type":"Timestamp","tsType":"Timestamp","applicable":["head-day"],"desc":"For 'head-day'. The Timestamp object associated with the date"}}}}}},"returns":{"type":"Boolean","desc":"If the event is applicable"},"examples":["(event, type, data) => onDragOverFunc(event, type, data)"]},"drag-leave-func":{"type":"Function","category":"behavior","desc":"The function to handle dragleave events","params":{"event":{"type":"Object","desc":"The event associated with the dragleave"},"type":{"type":"String","desc":"This can be 'head-day', 'head-column' or 'column'","values":["'head-day'","'head-column'","'column'"],"examples":["'head-day'","'head-column'","'column'"]},"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope data passed to the function","definition":{"column":{"type":"Object","tsType":"ColumnObject","desc":"The column object used to build the column"},"index":{"type":"Number","desc":"The column index"},"days":{"type":"Array","tsType":"TimestampArray","applicable":["head-column","column"],"desc":"An array of Timestamp objects representing the days associated with the column(s)"},"timestamp":{"type":"Timestamp","tsType":"Timestamp","applicable":["head-day"],"desc":"For 'head-day'. The Timestamp object associated with the date"}}}}}},"returns":{"type":"Boolean","desc":"If the event is applicable"},"examples":["(event, type, data) => onDragLeaveFunc(event, type, data)"]},"drop-func":{"type":"Function","category":"behavior","desc":"The function to handle drop events","params":{"event":{"type":"Object","desc":"The event associated with the drop"},"type":{"type":"String","desc":"This can be 'head-day', 'head-column' or 'column'","values":["'head-day'","'head-column'","'column'"],"examples":["'head-day'","'head-column'","'column'"]},"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope data passed to the function","definition":{"column":{"type":"Object","tsType":"ColumnObject","desc":"The column object used to build the column"},"index":{"type":"Number","desc":"The column index"},"days":{"type":"Array","tsType":"TimestampArray","applicable":["head-column","column"],"desc":"An array of Timestamp objects representing the days associated with the column(s)"},"timestamp":{"type":"Timestamp","tsType":"Timestamp","applicable":["head-day"],"desc":"For 'head-day'. The Timestamp object associated with the date"}}}}}},"returns":{"type":"Boolean","desc":"If the event is applicable"},"examples":["(event, type, data) => onDropFunc(event, type, data)"]},"selected-dates":{"type":["Array","Set"],"tsType":"StringArray","category":"model","desc":"An array of string dates in the form `YYYY-MM-DD` that will be selected. Interval-based calendars use `YYYY-MM-DD HH:mm`","default":"[]","applicable":["day","2day","3day","4day","5day","6day","week","month","month-interval","custom-interval"],"examples":["['2019-04-01', '2019-04-02', '2019-04-03', '2019-04-04']","['2019-04-01 13:00', '2019-04-01 13:15', '2019-04-01 13:30', '2019-04-01 13:45']"],"required":false},"selected-start-end-dates":{"type":"Array","tsType":"StringArray","category":"behavior","desc":"An array of two dates in format `YYYY-MM-DD` for selection purposes. Interval-based calendars use `YYYY-MM-DD HH:mm`","default":"[]","applicable":["day","2day","3day","4day","5day","6day","week","month","month-interval","custom-interval"],"examples":["['2023-01-01', '2023-01-07']","['2023-02-01', '2023-02-28']"],"required":false},"hoverable":{"type":"Boolean","category":"behavior","desc":"Allows certain cells within the calendar to be hovered"},"focusable":{"type":"Boolean","category":"behavior","desc":"Allows certain cells within the calendar to receive focus"},"focus-type":{"type":"Array","tsType":"StringArray","category":"behavior","desc":"Describes what can become focusable","values":["[\"day\"]","[\"date\"]","[\"weekday\"]"],"default":"[\"date\"]","examples":["['day', 'weekday']"],"required":false},"cell-width":{"type":["String","Number"],"category":"behavior","desc":"Sets day cell width and turns on sticky mode. Width must be css measurement if a string, otherwise it's in pixels","default":"# 100","examples":["'100px'"],"required":false}},"slots":{"day":{"desc":"For rendering associated Task information on that day","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"Timestamp object"},"task":{"desc":"the Task associated with this row","type":"Object"},"index":{"desc":"The task index","type":"Number"}}}}}}},"days":{"desc":"Provide a slot for absolute positioning on top of the days","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"days":{"type":"Array","tsType":"TimestampArray","desc":"The array of Timestamp objects"},"task":{"desc":"the Task associated with this row","type":"Object"},"index":{"desc":"The task index","type":"Number"},"width":{"desc":"The width of a day cell","type":"Number"}}}}}}},"task":{"desc":"The slot associated with the task","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"start":{"type":"Object","desc":"A timestamp object of the starting date"},"end":{"type":"Object","desc":"A timestamp object of the ending date"},"task":{"desc":"the Task associated with this row","type":"Object"},"index":{"desc":"The task index","type":"Number"}}}}}}},"head-tasks":{"desc":"The slot associated with task header","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"start":{"type":"Object","desc":"A timestamp object of the starting date"},"end":{"type":"Object","desc":"A timestamp object of the ending date"}}}}}}},"footer-task":{"desc":"The slot associated with task footer","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"start":{"type":"Object","desc":"A timestamp object of the starting date"},"end":{"type":"Object","desc":"A timestamp object of the ending date"},"footer":{"desc":"the array item from model `footer-tasks`","type":"Array"},"index":{"desc":"the index into the array item from model `footer-tasks`","type":"Array"}}}}}}},"footer-day":{"desc":"The slot associated with task footer for a particular day","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"timestamp":{"type":"Object","desc":"A timestamp object of the day"},"footer":{"desc":"the array item from model `footer-tasks`","type":"Array"},"index":{"desc":"the index into the array item from model `footer-tasks`","type":"Array"}}}}}}},"head-weekday-label":{"desc":"The slot associated with the header weekday label","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"timestamp":{"type":"Object","desc":"A timestamp object of the day"}}}}}}},"head-day-label":{"desc":"Use to replace the head day label","scope":{"dayLabel":{"type":"String","desc":"The string of the dayLabel"},"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp for the day of the slotted content"},"miniMode":{"type":"Boolean","desc":"true if currently in mini-mode. Handle if you have set mini-mode to `auto`"}}},"head-day-button":{"desc":"The slot associated with the day button. Replaces the whole button","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"timestamp":{"type":"Object","desc":"A timestamp object of the day"},"dayLabel":{"type":"String","desc":"The string value that would have been used for the day label"},"activeDate":{"type":"Boolean","desc":"true if this is the active date"}}}}}}},"head-day":{"desc":"Replaces the complete internal day header","scope":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"Timestamp object"},"index":{"type":"Number","desc":"The index of the iteration"},"miniMode":{"type":"Boolean","desc":"If currently in mini-mode (applied to Month calendars only)"}}},"head-date":{"desc":"The slot associated with the head date. Used to append to the head day","scope":{"data":{"desc":"The bundled data","type":"Object","definition":{"scope":{"desc":"The scope object","type":"Object","definition":{"timestamp":{"type":"Object","desc":"A timestamp object of the day"},"activeDate":{"type":"Boolean","desc":"true if this is the active date"},"columnIndex":{"type":"Number","desc":"The column index if `column-count` is not undefined"}}}}}}}},"events":{"update:model-tasks":{"desc":"Emitted when the `model-tasks` prop changes"},"update:model-title":{"desc":"Emitted when the `model-title` prop changes"},"update:model-footer":{"desc":"Emitted when the `model-footer` prop changes"},"task-expanded":{"desc":"Emitted when a task is expanded or collapsed","type":"Object","params":{"data":{"desc":"The data object","type":"Object","definition":{"expanded":{"desc":"True if the task is expanded, false otherwise","type":"Boolean"},"scope":{"desc":"The scope object","type":"Object","definition":{"start":{"type":"Object","tsType":"Timestamp","desc":"A timestamp object of the starting date"},"end":{"type":"Object","tsType":"Timestamp","desc":"A timestamp object of the ending date"},"task":{"desc":"The expanded/collapsed task","type":"Object"},"taskIndex":{"desc":"The index into the `model-tasks` array","type":"Number"}}}}}}},"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"String","desc":"New model value","required":true}}},"click-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"contextmenu-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mousedown-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mousemove-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseup-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseenter-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseleave-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchstart-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchmove-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchend-date":{"desc":"Occurs on a date button","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"click-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"contextmenu-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mousedown-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mousemove-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseup-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseenter-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseleave-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchstart-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchmove-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchend-head-day":{"desc":"Occurs on a weekday","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"click-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"contextmenu-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mousedown-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mousemove-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseup-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseenter-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"mouseleave-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchstart-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchmove-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"touchend-time":{"desc":"Occurs on an interval","params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"event":{"type":"Object","desc":"The associated event"},"scope":{"type":"Object","desc":"The scope object passed to the function","definition":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"A timestamp object associated with the weekday"},"columnIndex":{"type":"Number","desc":"The index of the column"},"activeDate":{"type":"Boolean","desc":"True if the active date"},"droppable":{"type":"Boolean","desc":"Value is set by return value of a drag and drop function"}}}}}}},"moved":{"desc":"Emitted when the date is moved","params":{"timestamp":{"type":"Timestamp","tsType":"Timestamp","desc":"The Timestamp object of the move"}}},"change":{"desc":"Emitted when the view's dates change","params":{"scope":{"type":"Object","desc":"The data that cjanged","definition":{"start":{"type":"String","desc":"The new start Timestamp"},"end":{"type":"String","desc":"The new end Timestamp"},"days":{"type":"Array","tsType":"TimestampArray","desc":"An array of Timestamps between start and end"}}}}}},"methods":{"prev":{"desc":"Triggers the calendar to display the previous (ex: day, week, month)","params":null,"returns":null},"next":{"desc":"Triggers the calendar to display the next (ex: day, week, month)","params":null,"returns":null},"move":{"desc":"Triggers the calendar to move for count iterations, depending on positive (forwards) or negative (backwards) value","params":{"count":{"type":"Number","desc":"The amount of iterations to move (negative for backwards, positive for forwards). If value is 0, emits `today's date` to v-model","examples":["-5 (moves 5 iterations backward - if in `month` view, this would be -5 months","5 (moves 5 iterations forward - if in `day` view, this would be 5 days"]}},"returns":null},"moveToToday":{"desc":"Emits `today's date` to v-model","params":null,"returns":null},"updateCurrent":{"desc":"Update various values to be consistent with current date","params":null,"returns":null}}}