{ "meta": { "docsUrl": "https://quasarframework.github.io/quasar-ui-qcalendar/docs" }, "props": { "model-value": { "type": "String", "category": "model", "desc": "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. Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive", "required": true, "default": "today()", "examples": [ "v-model=\"selectedDate\"", "v-model=\"2020-08-08\"" ] }, "model-tasks": { "type": "Array", "tsType": "TaskObjectArray", "category": "model", "desc": "An array of Tasks that will be displayed", "required": true, "examples": [ "v-model:model-tasks=\"tasksArray\"" ] }, "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", "examples": [ "v-model:model-title=\"titleArray\"" ] }, "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", "examples": [ "v-model:model-footer=\"footerArray\"" ] }, "task-key": { "type": ["Number", "String"], "category": "content", "default": "id", "desc": "The key in an object to use as the ID (must be unique)", "examples": [ "task-key=\"key\"" ] }, "view": { "type": "String", "category": "content", "desc": "Tells the calendar how to display the data", "required": true, "values": ["day", "week", "month"], "examples": [ "view=\"week\"", "view=\"month\"" ] }, "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.", "examples": [ ":view-count=\"2\"" ] }, "task-width": { "type": "Number", "category": "content", "desc": "The number of pixels needed for the tasks column", "default": "200", "examples": [ ":task-width=\"220\"" ] }, "now": { "type": "String", "category": "model", "desc": "This is the currently displayed date (highlighted). If not set, then the current date is used", "examples": [ "now=\"2019-04-01\"", "now=\"2020-08-08\"" ] }, "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": [ ":weekdays=\"[1,2,3,4,5,6,0]\"", ":weekdays=\"[1,2,3,4,5]\"" ] }, "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": [ "date-type=\"square\"" ] }, "weekday-align": { "type": "String", "category": "style", "desc": "Determines the weekday (ie: Sunday, Monday, etc) alignment", "values": ["left", "center", "right"], "default": "center", "examples": [ "weekday-align=\"left\"" ] }, "date-align": { "type": "String", "category": "style", "desc": "Determines the date (ie: 2, 3, etc) alignment", "values": ["left", "center", "right"], "default": "center", "examples": [ "date-align=\"left\"" ] }, "date-header": { "type": "String", "category": "style", "desc": "Determines how the date header will be displayed", "values": ["stacked", "inline", "inverted"], "default": "stacked", "examples": [ "date-header=\"inline\"" ] }, "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": "style", "desc": "Displays the weekday label in short format. For instance, 'Monday' would become 'Mon'" }, "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": 1, "examples": [ ":min-weekday-label=\"2\"" ] }, "weekday-breakpoints": { "type": "Array", "tsType": "NumberArray", "category": "behavior", "desc": "The breakpoint widths where weekday truncation occurs (needs 2 values)", "default": "[ 75, 35 ]", "examples": [ ":weekday-breakpoints=\"[68, 32]\"" ] }, "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": [ "locale=\"de-DE\"", "locale=\"de\"", "locale=\"fr\"", "locale=\"pl\"" ] }, "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": [ "transition-prev=\"flip-right\"" ] }, "transition-next": { "type": "String", "category": "behavior", "desc": "When animated property is true, transition to use for next calendar display", "default": "slide-left", "examples": [ "transition-next=\"flip-left\"" ] }, "disabled-days": { "type": "Array", "tsType": "StringArray", "category": "behavior", "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": [ ":disabled-days=\"['2019-04-01', '2019-04-02', '2019-04-03', '2019-04-04']\"" ] }, "disabled-before": { "type": "String", "category": "behavior", "desc": "A date in the form `YYYY-MM-DD` where all dates before, and including, will be disabled", "examples": [ "disabled-before=\"2019-04-01\"" ] }, "disabled-after": { "type": "String", "category": "behavior", "desc": "A date in the form `YYYY-MM-DD` where all dates after, and including, will be disabled", "examples": [ "disabled-after=\"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": [ "disabled-weekdays=\"[0,6]\"" ] }, "drag-enter-func": { "type": "Function", "category": "behavior", "desc": "The function to handle dragenter events", "params": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "scope": { "type": "Object", "desc": "The scope data passed to the function", "__exemption": [ "examples" ], "definition": { "column": { "type": "Object", "tsType": "ColumnObject", "desc": "The column object used to build the column", "__exemption": [ "examples" ] }, "index": { "type": "Number", "desc": "The column index", "__exemption": [ "examples" ] }, "days": { "type": "Array", "tsType": "TimestampArray", "applicable": ["head-column", "column"], "desc": "An array of Timestamp objects representing the days associated with the column(s)", "__exemption": [ "examples" ] }, "timestamp": { "type": "Object", "tsType": "Timestamp", "applicable": ["head-day"], "desc": "For 'head-day'. The Timestamp object associated with the date", "__exemption": [ "examples" ] } } } } } }, "returns": { "type": "Boolean", "desc": "If the event is applicable" }, "examples": [ ":drag-enter-func=\"onDragEnterFunc\"" ] }, "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", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "scope": { "type": "Object", "desc": "The scope data passed to the function", "__exemption": [ "examples" ], "definition": { "column": { "type": "Object", "tsType": "ColumnObject", "desc": "The column object used to build the column", "__exemption": [ "examples" ] }, "index": { "type": "Number", "desc": "The column index", "__exemption": [ "examples" ] }, "days": { "type": "Array", "tsType": "TimestampArray", "applicable": ["head-column", "column"], "desc": "An array of Timestamp objects representing the days associated with the column(s)", "__exemption": [ "examples" ] }, "timestamp": { "type": "Object", "tsType": "Timestamp", "applicable": ["head-day"], "desc": "For 'head-day'. The Timestamp object associated with the date", "__exemption": [ "examples" ] } } } } } }, "returns": { "type": "Boolean", "desc": "If the event is applicable" }, "examples": [ ":drag-over-func=\"onDragOverFunc\"" ] }, "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", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "scope": { "type": "Object", "desc": "The scope data passed to the function", "__exemption": [ "examples" ], "definition": { "column": { "type": "Object", "tsType": "ColumnObject", "desc": "The column object used to build the column", "__exemption": [ "examples" ] }, "index": { "type": "Number", "desc": "The column index", "__exemption": [ "examples" ] }, "days": { "type": "Array", "tsType": "TimestampArray", "applicable": ["head-column", "column"], "desc": "An array of Timestamp objects representing the days associated with the column(s)", "__exemption": [ "examples" ] }, "timestamp": { "type": "Object", "tsType": "Timestamp", "applicable": ["head-day"], "desc": "For 'head-day'. The Timestamp object associated with the date", "__exemption": [ "examples" ] } } } } } }, "returns": { "type": "Boolean", "desc": "If the event is applicable" }, "examples": [ ":drag-leave-func=\"onDragLeaveFunc\"" ] }, "drop-func": { "type": "Function", "category": "behavior", "desc": "The function to handle drop events", "params": { "event": { "type": "Object", "desc": "The event associated with the drop", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "scope": { "type": "Object", "desc": "The scope data passed to the function", "__exemption": [ "examples" ], "definition": { "column": { "type": "Object", "tsType": "ColumnObject", "desc": "The column object used to build the column", "__exemption": [ "examples" ] }, "index": { "type": "Number", "desc": "The column index", "__exemption": [ "examples" ] }, "days": { "type": "Array", "tsType": "TimestampArray", "applicable": ["head-column", "column"], "desc": "An array of Timestamp objects representing the days associated with the column(s)", "__exemption": [ "examples" ] }, "timestamp": { "type": "Object", "tsType": "Timestamp", "applicable": ["head-day"], "desc": "For 'head-day'. The Timestamp object associated with the date", "__exemption": [ "examples" ] } } } } } }, "returns": { "type": "Boolean", "desc": "If the event is applicable" }, "examples": [ ":drop-func=\"onDropFunc\"" ] }, "selected-dates": { "type": "Array", "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`", "examples": [ ":selected-dates=\"['2019-04-01', '2019-04-02', '2019-04-03', '2019-04-04']\"", ":selected-dates=\"['2019-04-01 13:00', '2019-04-01 13:15', '2019-04-01 13:30', '2019-04-01 13:45']\"" ] }, "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`", "examples": [ ":selected-start-end-dates=\"getStartEndDates\"" ] }, "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", "task"], "default": "[]", "examples": [ ":focus-type=['day', 'weekday', 'task']" ] }, "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", "__exemption": [ "examples" ], "definition": { "scope": { "type": "Object", "desc": "The scope data passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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": [ ":weekday-style=\"getWeekdayStyle\"" ] }, "weekday-class": { "type": "Function", "category": "style", "desc": "Gets called to provide custom styling (via classes) of a weekday", "params": { "data": { "type": "Object", "desc": "The data passed to the function", "__exemption": [ "examples" ], "definition": { "scope": { "type": "Object", "desc": "The scope data passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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 }" ] }, "default": "null", "examples": [ ":weekday-class=\"getWeekdayClass\"" ] }, "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": [ ":day-height=\"80\"", "day-height=\"100\"" ] }, "day-min-height": { "type": ["Number", "String"], "category": "behavior", "desc": "The minimum height to be used", "default": 40, "examples": [ ":day-min-height=\"80\"" ] }, "max-days": { "type": ["String", "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": [ ":max-days=\"14\"", "max-days=\"10\"" ] }, "cell-width": { "type": ["String", "Number"], "category": "behavior", "desc": "Sets day cell width and turns on sticky mode. Width is assumed to be in pixels", "examples": [ "cell-width=\"100\"" ] }, "use-navigation": { "type": "Boolean", "desc": "Allows keyboard navigation", "category": "behavior" } }, "events": { "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, "__exemption": [ "examples" ] } } }, "change": { "desc": "Emitted when the calendar dates change for the current view", "params": { "{start, end}": { "type": "Object", "tsType": "Timestamp", "desc": "The timestamp objects for the first and last valid dates being displayed", "__exemption": [ "examples" ] } } }, "moved": { "desc": "Emitted when the date is moved", "params": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "The Timestamp object of the move", "__exemption": [ "examples" ] } } }, "click-date": { "desc": "Occurs on a date button", "params": { "data": { "type": "Object", "desc": "The data passed to the function", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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", "__exemption": [ "examples" ], "definition": { "event": { "type": "Object", "desc": "The associated event", "__exemption": [ "examples" ] }, "scope": { "type": "Object", "desc": "The scope object passed to the function", "__exemption": [ "examples" ], "definition": { "timestamp": { "type": "Object", "tsType": "Timestamp", "desc": "A timestamp object associated with the weekday", "__exemption": [ "examples" ] }, "columnIndex": { "type": "Number", "desc": "The index of the column", "__exemption": [ "examples" ] }, "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" } } } } } } } }, "methods": { "prev": { "desc": "Triggers the calendar to show the previous view", "__exemption": [ "examples" ] }, "next": { "desc": "Triggers the calendar to show the next view", "__exemption": [ "examples" ] }, "move": { "desc": "Triggers component to move for count iterations, depending on positive (forward) or negative (backward) value", "__exemption": [ "examples" ] }, "moveToToday": { "desc": "Emits today's date to v-model", "__exemption": [ "examples" ] }, "updateCurrent": { "desc": "Update various values to be consistent with current date", "__exemption": [ "examples" ] } }, "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", "__exemption": [ "examples" ] }, "task": { "desc": "the Task associated with this row", "type": "Object", "__exemption": [ "examples" ] }, "index": { "desc": "The task index", "type": "Number", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "task": { "desc": "the Task associated with this row", "type": "Object", "__exemption": [ "examples" ] }, "index": { "desc": "The task index", "type": "Number", "__exemption": [ "examples" ] }, "width": { "desc": "The width of a day cell", "type": "Number", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "end": { "type": "Object", "desc": "A timestamp object of the ending date", "__exemption": [ "examples" ] }, "task": { "desc": "the Task associated with this row", "type": "Object", "__exemption": [ "examples" ] }, "index": { "desc": "The task index", "type": "Number", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "end": { "type": "Object", "desc": "A timestamp object of the ending date", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "end": { "type": "Object", "desc": "A timestamp object of the ending date", "__exemption": [ "examples" ] }, "footer": { "desc": "the array item from model `footer-tasks`", "type": "Array", "__exemption": [ "examples" ] }, "index": { "desc": "the index into the array item from model `footer-tasks`", "type": "Array", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "footer": { "desc": "the array item from model `footer-tasks`", "type": "Array", "__exemption": [ "examples" ] }, "index": { "desc": "the index into the array item from model `footer-tasks`", "type": "Array", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] } } } } } } }, "head-day-label": { "desc": "The slot associated with the day label. Replaces the label of the 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", "__exemption": [ "examples" ] }, "dayLabel": { "type": "String", "desc": "The string value that would have been used for the day label", "__exemption": [ "examples" ] }, "activeDate": { "type": "Boolean", "desc": "true if this is the active date", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "dayLabel": { "type": "String", "desc": "The string value that would have been used for the day label", "__exemption": [ "examples" ] }, "activeDate": { "type": "Boolean", "desc": "true if this is the active date", "__exemption": [ "examples" ] } } } } } } }, "head-day": { "desc": "The slot associated with the head day. Replaces everything in 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", "__exemption": [ "examples" ] }, "activeDate": { "type": "Boolean", "desc": "true if this is the active date", "__exemption": [ "examples" ] } } } } } } }, "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", "__exemption": [ "examples" ] }, "dayLabel": { "type": "String", "desc": "The string value that would have been used for the day label", "__exemption": [ "examples" ] }, "activeDate": { "type": "Boolean", "desc": "true if this is the active date", "__exemption": [ "examples" ] } } } } } } } } }