\n\n| \n\n`date`\n | \nJavaScript Date object for the clicked date and time | \n
\n\n| \n\n`dateStr`\n | \nISO8601 string representation of the date | \n
\n\n| \n\n`allDay`\n | \n\n\n`true` or `false`. Determines if the click has occurred in the `all-day` slot. Month and list views are also considered as all-day slots | \n
\n\n| \n\n`dayEl`\n | \nHTML element that represents the whole-day that was clicked on | \n
\n\n| \n\n`jsEvent`\n | \nJavaScript native event object with low-level information such as click coordinates | \n
\n\n| \n\n`view`\n | \n\n\nThe current [View](#view-object) object\n | \n
\n\n| \n\n`resource`\n | \n\n\nIf the current view is a resource view, the [Resource](#resource-object) object that owns this date\n | \n
\n
\n\n### datesAboveResources\n- Type `boolean`\n- Default `false`\n\nDetermines whether the resource view should render the date headings above the resource headings.\n\n### datesSet\n- Type `function`\n- Default `undefined`\n\nCallback function that is triggered when the date range of the calendar was originally set or changed by clicking the previous/next buttons, changing the view, manipulating the current date via the API, etc.\n\n```js\nfunction (info) {}\n```\n`info` is an object with the following properties:\n\n\n| \n\n`event`\n | \n\n\nThe associated [Event](#event-object) object\n | \n
\n\n| \n\n`oldEvent`\n | \n\n\nAn [Event](#event-object) object that holds information about the event before the drop\n | \n
\n\n| \n\n`oldResource`\n | \n\n\nIf the resource has changed, this is the [Resource](#resource-object) object the event came from. If the resource has not changed, this will be undefined\n | \n
\n\n| \n\n`newResource`\n | \n\n\nIf the resource has changed, this is the [Resource](#resource-object) object the event went to. If the resource has not changed, this will be undefined\n | \n
\n\n| \n\n`delta`\n | \n\n\nA [Duration](#duration-object) object that represents the amount of time the event was moved by\n | \n
\n\n| \n\n`revert`\n | \n\n\nA function that, if called, reverts the event’s start/end date to the values before the drag\n | \n
\n\n| \n\n`jsEvent`\n | \nJavaScript native event object with low-level information such as click coordinates | \n
\n\n| \n\n`view`\n | \n\n\nThe current [View](#view-object) object\n | \n
\n
\n\n### eventDurationEditable\n- Type `boolean`\n- Default `true`\n- Requires `Interaction` plugin\n\nDetermines whether calendar events can be resized.\n\n### eventLongPressDelay\n- Type `integer`\n- Default `undefined`\n- Requires `Interaction` plugin\n\nFor touch devices, the amount of time (in milliseconds) the user must hold down a tap before the event becomes draggable/resizable.\n\nIf not specified, it falls back to [longPressDelay](#longpressdelay).\n\n### eventMouseEnter\n- Type `function`\n- Default `undefined`\n\nCallback function that is triggered when the user hovers over an event with the cursor (mouse pointer).\n\n```js\nfunction (info) { }\n```\n`info` is an object with the following properties:\n\n\n| \n\n`event`\n | \n\n\nThe associated [Event](#event-object) object\n | \n
\n\n| \n\n`oldEvent`\n | \n\n\nAn [Event](#event-object) object that holds information about the event before the resize\n | \n
\n\n| \n\n`startDelta`\n | \n\n\nA [Duration](#duration-object) object that represents the amount of time the event’s start date was moved by\n | \n
\n\n| \n\n`endDelta`\n | \n\n\nA [Duration](#duration-object) object that represents the amount of time the event’s end date was moved by\n | \n
\n\n| \n\n`revert`\n | \n\n\nA function that, if called, reverts the event’s end date to the values before the resize\n | \n
\n\n| \n\n`jsEvent`\n | \nJavaScript native event object with low-level information such as click coordinates | \n
\n\n| \n\n`view`\n | \n\n\nThe current [View](#view-object) object\n | \n
\n
\n\n### eventResizeStart\n- Type `function`\n- Default `undefined`\n- Requires `Interaction` plugin\n\nCallback function that is triggered when the event resizing begins.\n\n```js\nfunction (info) { }\n```\n`info` is an object with the following properties:\n\n\n| \n\n`start`\n | \nJavaScript Date object indicating the start of the selection | \n
\n\n| \n\n`end`\n | \nJavaScript Date object indicating the end of the selection | \n
\n\n| \n\n`startStr`\n | \nISO8601 string representation of the start date | \n
\n\n| \n\n`endStr`\n | \nISO8601 string representation of the end date | \n
\n\n| \n\n`allDay`\n | \n\n\n`true` or `false`. Determines if the selection has occurred in the `all-day` slot | \n
\n\n| \n\n`jsEvent`\n | \nJavaScript native event object with low-level information such as click coordinates | \n
\n\n| \n\n`view`\n | \n\n\nThe current [View](#view-object) object\n | \n
\n\n| \n\n`resource`\n | \n\n\nIf the current view is a resource view, the [Resource](#resource-object) object that was selected\n | \n
\n
\n\n### selectable\n- Type `boolean`\n- Default `false`\n- Requires `Interaction` plugin\n\nDetermines whether the user is allowed to highlight multiple days or time slots by clicking and moving the pointer.\n\n### selectConstraint\n- Type `function`\n- Default `undefined`\n- Requires `Interaction` plugin\n\nCallback function that, if specified, limits the area that can be selected.\n\nThe function is called during selection for each cursor movement and takes the same parameters as [select](#select). The function should return `true` if the selected range is allowed, and `false` otherwise.\n\n### selectBackgroundColor\n- Type `string`\n- Default `undefined`\n- Requires `Interaction` plugin\n\nSets the background color for the event indicating the current selection. See [selectable](#selectable).\n\nYou can use any of the CSS color formats such `'#f00'`, `'#ff0000'`, `'rgb(255,0,0)'`, or `'red'`.\n\n### selectLongPressDelay\n- Type `integer`\n- Default `undefined`\n- Requires `Interaction` plugin\n\nFor touch devices, the amount of time (in milliseconds) the user must hold down a tap before the date becomes selectable.\n\nIf not specified, it falls back to [longPressDelay](#longpressdelay).\n\n### selectMinDistance\n- Type `integer`\n- Default `5`\n- Requires `Interaction` plugin\n\nDefines how many pixels the user’s mouse must move before the selection begins.\n\n### slotDuration\n- Type `string`, `integer` or `object`\n- Default `'00:30:00'`\n> Views override the default value as follows:\n> - resourceTimelineMonth `{days: 1}`\n\nDefines the frequency for displaying time slots.\n\nThis should be a value that can be parsed into a [Duration](#duration-object) object.\n\n### slotEventOverlap\n- Type `boolean`\n- Default `true`\n\nDetermines whether events in the `timeGrid`/`resourceTimeGrid` views should visually overlap when they intersect in time.\n\nIf set to `false`, then intersecting events will be placed next to each other.\n\n### slotHeight\n- Type `integer`\n- Default `24`\n\nDefines the time slot height in pixels in the `timeGrid`/`resourceTimeGrid` views. When changing the setting, you must additionally override the following CSS styles:\n\n```css\n.ec-time-grid .ec-time, .ec-time-grid .ec-line {\n height: 24px; /* override this value */\n}\n```\n\n### slotLabelFormat\n- Type `object` or `function`\n- Default `{hour: 'numeric', minute: '2-digit'}`\n\nDefines the text that will be displayed within a time slot.\n\nThis value can be either an object with options for the native JavaScript [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat) object, or a callback function that returns a [Content](#content) with the formatted string:\n\n```js\nfunction (time) {\n // return Content with the formatted time string\n}\n```\n\n\n| \n\n`id`\n | \nA unique string identifier of the event | \n
\n\n| \n\n`resourceIds`\n | \nAn array of resource IDs that the event is associated with | \n
\n\n| \n\n`allDay`\n | \n\n\n`true` or `false`. Determines if the event is shown in the `all-day` slot | \n
\n\n| \n\n`start`\n | \nJavaScript Date object holding the event’s start time | \n
\n\n| \n\n`end`\n | \nJavaScript Date object holding the event’s end time | \n
\n\n| \n\n`title`\n | \n\n\n`Content` The text appearing on the event. See [Content](#content) | \n
\n\n| \n\n`editable`\n | \n\n\n`true`, `false` or `undefined`. The value overriding the [editable](#editable) setting for this specific event\n | \n
\n\n| \n\n`startEditable`\n | \n\n\n`true`, `false` or `undefined`. The value overriding the [eventStartEditable](#eventstarteditable) setting for this specific event\n | \n
\n\n| \n\n`durationEditable`\n | \n\n\n`true`, `false` or `undefined`. The value overriding the [eventDurationEditable](#eventdurationeditable) setting for this specific event\n | \n
\n\n| \n\n`display`\n | \n\n\nThe rendering type of the event. Can be `'auto'` or `'background'`\n\nIn addition, in your callback functions, you may get the `'ghost'`, `'preview'` and `'pointer'` for this property, which are internal values and are used, for example, to display events during drag-and-drop operations\n | \n
\n\n| \n\n`backgroundColor`\n | \n\n\nThe [eventBackgroundColor](#eventbackgroundcolor) override for this specific event\n | \n
\n\n| \n\n`textColor`\n | \n\n\nThe [eventTextColor](#eventtextcolor) override for this specific event\n | \n
\n\n| \n\n`classNames`\n | \n\n\nAn array of additional CSS classes for this specific event\n | \n
\n\n| \n\n`styles`\n | \n\n\nAn array of additional inline styling declarations for this specific event\n | \n
\n\n| \n\n`extendedProps`\n | \n\n\nA plain object holding miscellaneous properties specified during parsing in the explicitly given `extendedProps` field\n | \n
\n
\n\n### Parsing event from a plain object\nWhen Event Calendar receives an array of plain event’s objects either from the `events` option or as a result of an HTTP request to a URL of an event source, it parses the input objects into proper Event objects.\n\nHere are all admissible fields for the event’s input object:\n\n\n| \n\n`id`\n | \n\n\n`string` or `integer` A unique identifier of the event. Default `auto-generated value`\n | \n
\n\n| \n\n`allDay`\n | \n\n\n`boolean` Determines if the event is shown in the all-day slot. Defaults to `true` if `start` and `end` are both passed without a time part, `false` otherwise\n | \n
\n\n| \n\n`start`\n | \n\n\n`string` or `Date` This should be either an ISO8601 datetime string like `'2022-12-31 09:00:00'`, or a JavaScript Date object holding the event’s start time\n | \n
\n\n| \n\n`end`\n | \n\n\n`string` or `Date` This should be either an ISO8601 datetime string like `'2022-12-31 13:00:00'`, or a JavaScript Date object holding the event’s end time\n | \n
\n\n| \n\n`title`\n | \n\n\n`Content` The text that will appear on the event. See [Content](#content). Default `''`\n | \n
\n\n| \n\n`editable`\n | \n\n\n`boolean` Overrides the master [editable](#editable) option for this single event. Default `undefined`\n | \n
\n\n| \n\n`startEditable`\n | \n\n\n`boolean` Overrides the master [eventStartEditable](#eventstarteditable) option for this single even","readmeFilename":"README.md"} |