{"type":"component","meta":{"docsUrl":"https://qcalendar.netlify.app/developing/qcalendar-month"},"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},"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},"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},"day-padding":{"type":"String","category":"style","desc":"Overrides the padding to be used for a day element. You can use any CSS padding format","default":"'48px 2px'","applicable":["month"],"examples":["'20px 5px'"],"required":false},"min-weeks":{"type":["Number","String"],"category":"model","desc":"The minimum number of weeks to be displayed","default":"1","applicable":["month"],"examples":["2"],"required":false},"short-month-label":{"type":"Boolean","category":"style","desc":"Makes the month label short. January becomes Jan...","applicable":["month"]},"show-work-weeks":{"type":"Boolean","category":"content","desc":"Show work weeks","applicable":["month"]},"show-month-label":{"type":"Boolean","category":"content","desc":"Shows the month label - this occurs on the 1st of the month","default":"true","applicable":["month"],"required":false},"show-day-of-year-label":{"type":"Boolean","category":"content","desc":"Show the day of the year - this occurs in the top right of each day element. If show-month-label is true, then that day is skipped","applicable":["month"]},"enable-outside-days":{"type":"Boolean","category":"behavior","desc":"By default, outside days are disabled in month view. Use the property to enable them.","applicable":["month"]},"no-outside-days":{"type":"Boolean","category":"behavior","desc":"Do not display the labels of outside days","applicable":["month"]},"hover":{"type":"Boolean","category":"style","desc":"Changes the style `selected-start-end-dates` selection when in `mini-mode`. Typically, set this to `true` on `mousedown` and `false` on `mouseup`","applicable":["month (mini-mode)"]},"mini-mode":{"type":["Boolean","String"],"category":"behavior","values":["true","false","'auto'"],"desc":"When `true` puts the calendar into mini-mode. When `auto`, then the property `breakpoint` is used to determine when the calendar will be put into mini-mode","applicable":["month"],"examples":["true","'auto'"]},"breakpoint":{"type":["String","Number"],"category":"behavior","values":["'xs'","'sm'","'md'","'lg'","'xl'"],"desc":"This property is used when `mini-mode` is set with `auto`","default":"'md'","applicable":["month"],"examples":["'sm'","'md'"],"required":false},"month-label-size":{"type":"String","category":"style","values":["'xs'","'sm'","'md'","'lg'","'xl'"],"desc":"This property is used change the size of the month label button. This property is ignored when `mini-mode` is set to true","default":"'sm'","applicable":["month"],"examples":["'sm'","'md'"],"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},"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},"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}},"events":{"mini-mode":{"desc":"Event occurs when switching to/from mini-mode, when the `breakpoint` property is set to `auto`","applicable":["Month"],"params":{"value":{"type":"Boolean","desc":"If switched to `mini-mode`, then the value is `true`, otherwise it is `false"}}},"click-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"contextmenu-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"mousedown-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"mouseup-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"mouseenter-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"mouseleave-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"mousemove-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"touchstart-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"touchend-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"touchmove-day":{"desc":"Occurs on day","applicable":["month"],"params":{"data":{"type":"Object","desc":"The data passed to the function","definition":{"scope":{"type":"Object","desc":"The scope object","definition":{"timestamp":{"type":"Object","tsType":"Timestamp","desc":"The timestamp object"},"outside":{"type":"Boolean","desc":"true if this is an outside day"},"miniMode":{"type":"Boolean","desc":"true if calendar is currently in mini-mode"}}},"event":{"type":"Object","desc":"JS event object"}}}}},"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},"timeStartPos":{"desc":"Calculates the starting y position of the passed in time","params":{"time":{"type":"String","desc":"The time for which a position is needed in 24-hour format (HH:mm)","examples":["'09:00'"]},"clamp":{"type":"Boolean","desc":"Clamp negative values to 0","default":"true","required":false}},"returns":{"type":"Number","desc":"The absolute y starting position, but `false` on invalid time parameter","examples":["120","482"]}},"timeDurationHeight":{"desc":"Given a duration (in minutes), will return the css height value","params":{"duration":{"type":["Number","String"],"desc":"The number of minutes for the event to calculate it's height","examples":["'300'","900"]}},"returns":{"type":"Number","desc":"The height (in pixels) to be used for the event","examples":["80","120"]}},"scrollToTime":{"desc":"When on an interval view, scroll to the passed in time (y position)","returns":{"type":"Boolean","desc":"If the procedure was successful or not"},"params":{"time":{"type":"String","desc":"The time in which to scoll to. If the time is already visible on the viewport, this function will have no affect.","required":true,"examples":["'09:00'"]},"duration":{"type":"Number","desc":"The amount of time in milliseconds to do the scroll","examples":["200"]}}}}}