@syncfusion/ej2-vue-schedule 20.3.61 → 20.4.38

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+### Schedule
+
+#### New Features
+
+- `#I384604` - Provided custom workdays support when resources are grouped by date.
+- `#I394207` - Provided `closeTooltip` method to close the appointment tooltip programmatically.
+- `#I399939` - Provided `dateRangeTemplate` template to customize the header date range in scheduler.
+
 ## 20.3.58 (2022-11-22)
 
 ### Schedule

package/README.md

@@ -1,73 +1,177 @@
 # ej2-vue-schedule
 
-The [Vue Scheduler](https://www.syncfusion.com/vue-ui-components/vue-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [`DataManager`](https://ej2.syncfusion.com/vue/documentation/data/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar.
+The [Vue Scheduler](https://www.syncfusion.com/vue-ui-components/vue-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives event data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [`DataManager`](https://ej2.syncfusion.com/vue/documentation/data/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/vue/documentation/schedule/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm">Getting started</a> .
+    <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm#/bootstrap5/schedule/overview">Online demos</a> .
+    <a href="https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm">Learn more</a>
+</p>
+<p align="center">
+<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-scheduler.png" alt="Vue Schedule Component"/>
+</p>
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
-![Schedule](https://ej2.syncfusion.com/products/images/schedule/readme.png)
+## Setup
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial from [here](https://www.syncfusion.com/account/manage-trials/start-trials).
+### Create a Vue Application
 
-> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+You can use [`Vue CLI`](https://github.com/vuejs/vue-cli) to setup your Vue 2 applications.To install Vue CLI use the following commands.
 
-## Setup
+```bash
+npm install -g @vue/cli
+vue create quickstart
+cd quickstart
+npm run serve
+```
+Initiating a new project prompts us to choose the type of project to be used for the current application. Select the option `Default ([Vue 2] babel, eslint)` from the menu.
+
+### Adding Syncfusion Schedule package
+
+All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue schedule package, use the following command.
 
-To install Schedule and its dependent packages, use the following command.
+```bash
+npm install @syncfusion/ej2-vue-schedule --save
+```
+
+### Registering Schedule Component
+
+You can register the Schedule component in your application by using the **Vue.use()**. Refer to the code example given below.
+
+```typescript
+import { SchedulePlugin } from '@syncfusion/ej2-vue-schedule';
+Vue.use(SchedulePlugin);
+```
 
-```sh
-npm install @syncfusion/ej2-vue-schedule
+> Registering **SchedulPlugin** in vue, will register the schedule component along with its required child directives globally.
+### Adding CSS references for Schedule
+
+Add CSS references needed for Schedule in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
+
+```html
+<style>
+@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css';
+</style>
 ```
 
-## Resources
+### Module injection
 
-* [Getting Started](https://ej2.syncfusion.com/vue/documentation/schedule/getting-started.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
-* [View Online Demos](https://ej2.syncfusion.com/vue/demos/#/material/schedule/default.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
-* [Product Page](https://www.syncfusion.com/vue-ui-components/vue-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
+In the **app.vue** file, use the following code to inject the required modules.
+
+
+```typescript
+provide: {
+    schedule: [Day, Week, WorkWeek, Month, Agenda]
+}
+
+```
+
+## Add Schedule Component
+
+Add the Vue Schedule by using **ejs-schedule** selector in **template** section of the **App.vue** file.
+
+```html
+<template>
+    <div id='app'>
+        <ejs-schedule :selectedDate='selectedDate' :eventSettings='eventSettings'></ejs-schedule>
+    </div>
+</template>
+<script>
+    import Vue from "vue";
+    import { SchedulePlugin, Day, Week, WorkWeek, Month, Agenda } from '@syncfusion/ej2-vue-schedule';
+    Vue.use(SchedulePlugin);
+    export default {
+        data() {
+            return {
+                eventSettings: { dataSource: [{
+                    Id: 1,
+                    Subject: 'Meeting',
+                    StartTime: new Date(2023, 1, 15, 10, 0),
+                    EndTime: new Date(2023, 1, 15, 12, 30)
+                    }] },
+                selectedDate: new Date(2023, 1, 15)
+            }
+        },
+        provide: {
+            schedule: [Day, Week, WorkWeek, Month, Agenda]
+        }
+    };
+</script>
+<style>
+@import '../../node_modules/@syncfusion/ej2-base/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-buttons/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-calendars/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-inputs/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-navigations/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-popups/styles/material.css';
+@import '../../node_modules/@syncfusion/ej2-vue-schedule/styles/material.css';
+</style>
+```
 
 ## Supported Frameworks
 
 Schedule component is also available in following list of frameworks.
 
-1. [React Scheduler](https://www.syncfusion.com/react-ui-components/react-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
-2. [Angular Scheduler](https://www.syncfusion.com/angular-ui-components/angular-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
-3. [ASP.NET Core Scheduler](https://www.syncfusion.com/aspnet-core-ui-controls/scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
-4. [ASP.NET MVC Scheduler](https://www.syncfusion.com/aspnet-mvc-ui-controls/scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
-5. [JavaScript Scheduler](https://www.syncfusion.com/javascript-ui-controls/js-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
+
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
 
 ## Showcase samples
 
-* [Fare calendar demo in Vue](https://ej2.syncfusion.com/vue/demos/#/material/schedule/resources.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm))
+* Fare calendar - [Live Demo](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/resources.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
 
 ## Key Features
 
-* [**Views**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/views.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Schedule is now availed with 10 different view modes – day, week, work week, month, timeline day, timeline week, timeline work-week, timeline month, agenda and month agenda. It is possible to configure view-based settings on each view mode. The `Week` view is set as active view by default.
-* [**Data binding**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/remote-data.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
-* **Drag and drop** - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots.
-* **Appointment resize** - An appointment’s time can be easily extended by resizing its start or end handlers.
-* [**Multiple resources**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/resource-grouping.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations.
-* [**Recurrence**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/recurrence-events.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
-* [**Template**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/events-template.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - The key elements like events, date header, work cells and event tooltip comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
-* [**Timezone**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/timezone.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) -  Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
-* [**Timescale**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/time-scale.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots.
-* [**Customizable working days and hours**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/work-days.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/vue/demos/#/material/schedule/work-hours.html) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/vue/demos/#/material/schedule/hide-weekend.html).
-* [**Custom editor template**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/editor-template.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
-* [**Adaptive rendering**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/month-agenda.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
-* [**Keyboard interaction**](https://ej2.syncfusion.com/vue/demos/#/material/schedule/keyboard-interaction.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
-* [**Localization**](https://ej2.syncfusion.com/vue/documentation/schedule/localization.html#localization?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language.
-* [**RTL**](https://ej2.syncfusion.com/vue/documentation/schedule/localization.html#rtl?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Supports displaying the component to display in the direction from right to left.
+* [Multiple views](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/views.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - A wide variety of built-in views are available: `day, week, work week, month, timeline day, timeline week, timeline work week, timeline month, timeline year, year, agenda and month agenda`. Easily configure each individual view with different, view-specific options.
+* [Data binding](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/remote-data.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
+* [Drag and drop](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/external-dragdrop.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots.
+* Appointment resize - An appointment’s time can be easily extended by resizing its start or end handlers.
+* [Multiple resources](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/resource-grouping.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations.
+* [Virtual acrolling](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/virtual-scrolling.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Supports to load a large number of resources and events instantly as the users scroll.
+* [Recurrence appointment](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/recurrence-events.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
+* [Template](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/events-template.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - The key elements like events, date header, work cells, time cells, event tooltip, resource header, date range text, and quick info popup comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
+* [Timezone](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/timezone.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) -  Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
+* [Timescale](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/time-scale.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots.
+* [Customizable working days and hours](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/work-days.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/work-hours.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/hide-weekend.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm).
+* [Custom editor template](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/editor-template.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
+* [Adaptive rendering](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/month-agenda.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
+* [Export to Excel](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/excel-export.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Provides the options to Export the events to Excel formats.
+* [Export and Import ICS](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/calendar-export-import.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Provides the options to Export and Import the events as ICS formats.
+* [Keyboard interaction](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/schedule/keyboard-interaction.html?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
+* [Localization](https://ej2.syncfusion.com/vue/documentation/schedule/localization.html#localization?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language.
+* [RTL](https://ej2.syncfusion.com/vue/documentation/schedule/localization.html#rtl?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) - Supports displaying the component to display in the direction from right to left.
 
 ## Support
 
-Product support is available through following mediums.
+Product support is available through the following mediums.
 
-* Creating incident through Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm).
-* New [GitHub issue](https://github.com/syncfusion/ej2-vue-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
+* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm)
+* Live chat
 
-## License
+## Changelog
 
-Check the license detail [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm).
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/schedule/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
 
-## Changelog
+## License and copyright
 
-Check the changelog [here](https://ej2.syncfusion.com/vue/documentation/release-notes?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Vue UI components](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-scheduler-npm) for more info.
 
 © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-vue-schedule.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-vue-schedule.umd.min.js
-*  version : 20.3.61
+*  version : 20.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
 *  applicable laws. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-schedule"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-schedule","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Schedule,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,r,o){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=c([r.EJComponentDecorator({})],t)}(n),a={name:"e-views",install:function(e){e.component(a.name,i)}},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=c([r.EJComponentDecorator({})],t)}(n),p={name:"e-view",install:function(e){e.component(p.name,u)}},l=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),f=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){},t=f([r.EJComponentDecorator({})],t)}(n),h={name:"e-resources",install:function(e){e.component(h.name,d)}},y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){},t=f([r.EJComponentDecorator({})],t)}(n),m={name:"e-resource",install:function(e){e.component(m.name,y)}},g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),j=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return g(t,e),t.prototype.render=function(){},t=j([r.EJComponentDecorator({})],t)}(n),v={name:"e-header-rows",install:function(e){e.component(v.name,I)}},R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return g(t,e),t.prototype.render=function(){},t=j([r.EJComponentDecorator({})],t)}(n),w={name:"e-header-row",install:function(e){e.component(w.name,R)}},_=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),D=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},O=["isLazyUpdate","plugins","agendaDaysCount","allowDragAndDrop","allowInline","allowKeyboardInteraction","allowMultiCellSelection","allowMultiDrag","allowMultiRowSelection","allowResizing","allowSwiping","calendarMode","cellHeaderTemplate","cellTemplate","cssClass","currentView","dateFormat","dateHeaderTemplate","dayHeaderTemplate","editorTemplate","enableAdaptiveUI","enableAllDayScroll","enablePersistence","enableRecurrenceValidation","enableRtl","endHour","eventDragArea","eventSettings","firstDayOfWeek","firstMonthOfYear","group","headerIndentTemplate","headerRows","height","hideEmptyAgendaDays","locale","maxDate","minDate","monthHeaderTemplate","monthsCount","quickInfoOnSelectionEnd","quickInfoTemplates","readonly","resourceHeaderTemplate","resources","rowAutoHeight","selectedDate","showHeaderBar","showQuickInfo","showTimeIndicator","showWeekNumber","showWeekend","startHour","timeFormat","timeScale","timezone","timezoneDataSource","views","weekRule","width","workDays","workHours","actionBegin","actionComplete","actionFailure","cellClick","cellDoubleClick","created","dataBinding","dataBound","destroyed","drag","dragStart","dragStop","eventClick","eventRendered","hover","moreEventsClick","navigating","popupClose","popupOpen","renderCell","resizeStart","resizeStop","resizing","select"],C=["currentView","selectedDate"],P=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=O,n.models=C,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={"e-views":"e-view","e-resources":"e-resource","e-header-rows":"e-header-row"},n.tagNameMapper={"e-header-rows":"e-headerRows"},n.ej2Instances=new t.Schedule({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return _(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var r=n[t],s=this.templateCollection[r];if(s&&s.length){for(var c=0,i=s;c<i.length;c++){var a=i[c];o.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[r]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(r){t!==r||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.trigger=function(e,t,n){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!o.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!o.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,n)},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.addEvent=function(e){return this.ej2Instances.addEvent(e)},n.prototype.addResource=function(e,t,n){return this.ej2Instances.addResource(e,t,n)},n.prototype.changeCurrentView=function(e,t){return this.ej2Instances.changeCurrentView(e,t)},n.prototype.closeEditor=function(){return this.ej2Instances.closeEditor()},n.prototype.closeQuickInfoPopup=function(){return this.ej2Instances.closeQuickInfoPopup()},n.prototype.collapseResource=function(e,t){return this.ej2Instances.collapseResource(e,t)},n.prototype.deleteEvent=function(e,t){return this.ej2Instances.deleteEvent(e,t)},n.prototype.expandResource=function(e,t){return this.ej2Instances.expandResource(e,t)},n.prototype.exportToExcel=function(e){return this.ej2Instances.exportToExcel(e)},n.prototype.exportToICalendar=function(e,t){return this.ej2Instances.exportToICalendar(e,t)},n.prototype.getBlockEvents=function(e,t,n){return this.ej2Instances.getBlockEvents(e,t,n)},n.prototype.getCellDetails=function(e){return this.ej2Instances.getCellDetails(e)},n.prototype.getCurrentViewDates=function(){return this.ej2Instances.getCurrentViewDates()},n.prototype.getCurrentViewEvents=function(){return this.ej2Instances.getCurrentViewEvents()},n.prototype.getCurrentViewIndex=function(){return this.ej2Instances.getCurrentViewIndex()},n.prototype.getDeletedOccurrences=function(e){return this.ej2Instances.getDeletedOccurrences(e)},n.prototype.getEventDetails=function(e){return this.ej2Instances.getEventDetails(e)},n.prototype.getEventMaxID=function(){return this.ej2Instances.getEventMaxID()},n.prototype.getEvents=function(e,t,n){return this.ej2Instances.getEvents(e,t,n)},n.prototype.getIndexFromResourceId=function(e,t){return this.ej2Instances.getIndexFromResourceId(e,t)},n.prototype.getOccurrencesByID=function(e){return this.ej2Instances.getOccurrencesByID(e)},n.prototype.getOccurrencesByRange=function(e,t){return this.ej2Instances.getOccurrencesByRange(e,t)},n.prototype.getResourceCollections=function(){return this.ej2Instances.getResourceCollections()},n.prototype.getResourcesByIndex=function(e){return this.ej2Instances.getResourcesByIndex(e)},n.prototype.getSelectedElements=function(){return this.ej2Instances.getSelectedElements()},n.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},n.prototype.importICalendar=function(e){return this.ej2Instances.importICalendar(e)},n.prototype.isSlotAvailable=function(e,t,n){return this.ej2Instances.isSlotAvailable(e,t,n)},n.prototype.openEditor=function(e,t,n,r){return this.ej2Instances.openEditor(e,t,n,r)},n.prototype.openQuickInfoPopup=function(e){return this.ej2Instances.openQuickInfoPopup(e)},n.prototype.print=function(e){return this.ej2Instances.print(e)},n.prototype.refreshEvents=function(e){return this.ej2Instances.refreshEvents(e)},n.prototype.refreshLayout=function(){return this.ej2Instances.refreshLayout()},n.prototype.refreshTemplates=function(e){return this.ej2Instances.refreshTemplates(e)},n.prototype.removeResource=function(e,t){return this.ej2Instances.removeResource(e,t)},n.prototype.resetWorkHours=function(e,t,n,r){return this.ej2Instances.resetWorkHours(e,t,n,r)},n.prototype.saveEvent=function(e,t){return this.ej2Instances.saveEvent(e,t)},n.prototype.scrollTo=function(e,t){return this.ej2Instances.scrollTo(e,t)},n.prototype.scrollToResource=function(e,t){return this.ej2Instances.scrollToResource(e,t)},n.prototype.selectResourceByIndex=function(e){return this.ej2Instances.selectResourceByIndex(e)},n.prototype.setRecurrenceEditor=function(e){return this.ej2Instances.setRecurrenceEditor(e)},n.prototype.setResourceCollections=function(e){return this.ej2Instances.setResourceCollections(e)},n.prototype.setWorkHours=function(e,t,n,r){return this.ej2Instances.setWorkHours(e,t,n,r)},n.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},n=D([r.EJComponentDecorator({props:O,model:{event:"modelchanged"}})],n)}(r.ComponentBase),b={name:"ejs-schedule",install:function(e){e.component(b.name,P),e.component(p.name,u),e.component(a.name,i),e.component(m.name,y),e.component(h.name,d),e.component(w.name,R),e.component(v.name,I)}},E=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),T=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},k=["isLazyUpdate","plugins","calendarMode","cssClass","dateFormat","enablePersistence","enableRtl","firstDayOfWeek","frequencies","locale","maxDate","minDate","selectedType","startDate","value","change"],S=[],x=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=k,n.models=S,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.RecurrenceEditor({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return E(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var r=n[t],s=this.templateCollection[r];if(s&&s.length){for(var c=0,i=s;c<i.length;c++){var a=i[c];o.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[r]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(r){t!==r||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.getRecurrenceDates=function(e,t,n,r,o){return this.ej2Instances.getRecurrenceDates(e,t,n,r,o)},n.prototype.getRecurrenceRule=function(){return this.ej2Instances.getRecurrenceRule()},n.prototype.getRuleSummary=function(e){return this.ej2Instances.getRuleSummary(e)},n.prototype.resetFields=function(){return this.ej2Instances.resetFields()},n.prototype.setRecurrenceRule=function(e,t){return this.ej2Instances.setRecurrenceRule(e,t)},n.prototype.updateRuleUntilDate=function(e){return this.ej2Instances.updateRuleUntilDate(e)},n=T([r.EJComponentDecorator({props:k})],n)}(r.ComponentBase),H={name:"ejs-recurrenceeditor",install:function(e){e.component(H.name,x)}};e.ViewsDirective=i,e.ViewDirective=u,e.ViewsPlugin=a,e.ViewPlugin=p,e.ResourcesDirective=d,e.ResourceDirective=y,e.ResourcesPlugin=h,e.ResourcePlugin=m,e.HeaderRowsDirective=I,e.HeaderRowDirective=R,e.HeaderRowsPlugin=v,e.HeaderRowPlugin=w,e.ScheduleComponent=P,e.SchedulePlugin=b,e.RecurrenceEditorComponent=x,e.RecurrenceEditorPlugin=H,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-schedule"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-schedule","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Schedule,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,r,o){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),c=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=c([r.EJComponentDecorator({})],t)}(n),a={name:"e-views",install:function(e){e.component(a.name,i)}},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=c([r.EJComponentDecorator({})],t)}(n),p={name:"e-view",install:function(e){e.component(p.name,u)}},l=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),f=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){},t=f([r.EJComponentDecorator({})],t)}(n),h={name:"e-resources",install:function(e){e.component(h.name,d)}},y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){},t=f([r.EJComponentDecorator({})],t)}(n),m={name:"e-resource",install:function(e){e.component(m.name,y)}},g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),j=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return g(t,e),t.prototype.render=function(){},t=j([r.EJComponentDecorator({})],t)}(n),v={name:"e-header-rows",install:function(e){e.component(v.name,I)}},R=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return g(t,e),t.prototype.render=function(){},t=j([r.EJComponentDecorator({})],t)}(n),w={name:"e-header-row",install:function(e){e.component(w.name,R)}},_=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),D=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},O=["isLazyUpdate","plugins","agendaDaysCount","allowDragAndDrop","allowInline","allowKeyboardInteraction","allowMultiCellSelection","allowMultiDrag","allowMultiRowSelection","allowResizing","allowSwiping","calendarMode","cellHeaderTemplate","cellTemplate","cssClass","currentView","dateFormat","dateHeaderTemplate","dateRangeTemplate","dayHeaderTemplate","editorTemplate","enableAdaptiveUI","enableAllDayScroll","enablePersistence","enableRecurrenceValidation","enableRtl","endHour","eventDragArea","eventSettings","firstDayOfWeek","firstMonthOfYear","group","headerIndentTemplate","headerRows","height","hideEmptyAgendaDays","locale","maxDate","minDate","monthHeaderTemplate","monthsCount","quickInfoOnSelectionEnd","quickInfoTemplates","readonly","resourceHeaderTemplate","resources","rowAutoHeight","selectedDate","showHeaderBar","showQuickInfo","showTimeIndicator","showWeekNumber","showWeekend","startHour","timeFormat","timeScale","timezone","timezoneDataSource","views","weekRule","width","workDays","workHours","actionBegin","actionComplete","actionFailure","cellClick","cellDoubleClick","created","dataBinding","dataBound","destroyed","drag","dragStart","dragStop","eventClick","eventRendered","hover","moreEventsClick","navigating","popupClose","popupOpen","renderCell","resizeStart","resizeStop","resizing","select"],C=["currentView","selectedDate"],P=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=O,n.models=C,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={"e-views":"e-view","e-resources":"e-resource","e-header-rows":"e-header-row"},n.tagNameMapper={"e-header-rows":"e-headerRows"},n.ej2Instances=new t.Schedule({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return _(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var r=n[t],s=this.templateCollection[r];if(s&&s.length){for(var c=0,i=s;c<i.length;c++){var a=i[c];o.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[r]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(r){t!==r||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.trigger=function(e,t,n){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!o.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!o.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,n)},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.addEvent=function(e){return this.ej2Instances.addEvent(e)},n.prototype.addResource=function(e,t,n){return this.ej2Instances.addResource(e,t,n)},n.prototype.changeCurrentView=function(e,t){return this.ej2Instances.changeCurrentView(e,t)},n.prototype.closeEditor=function(){return this.ej2Instances.closeEditor()},n.prototype.closeQuickInfoPopup=function(){return this.ej2Instances.closeQuickInfoPopup()},n.prototype.closeTooltip=function(){return this.ej2Instances.closeTooltip()},n.prototype.collapseResource=function(e,t){return this.ej2Instances.collapseResource(e,t)},n.prototype.deleteEvent=function(e,t){return this.ej2Instances.deleteEvent(e,t)},n.prototype.expandResource=function(e,t){return this.ej2Instances.expandResource(e,t)},n.prototype.exportToExcel=function(e){return this.ej2Instances.exportToExcel(e)},n.prototype.exportToICalendar=function(e,t){return this.ej2Instances.exportToICalendar(e,t)},n.prototype.getBlockEvents=function(e,t,n){return this.ej2Instances.getBlockEvents(e,t,n)},n.prototype.getCellDetails=function(e){return this.ej2Instances.getCellDetails(e)},n.prototype.getCurrentViewDates=function(){return this.ej2Instances.getCurrentViewDates()},n.prototype.getCurrentViewEvents=function(){return this.ej2Instances.getCurrentViewEvents()},n.prototype.getCurrentViewIndex=function(){return this.ej2Instances.getCurrentViewIndex()},n.prototype.getDeletedOccurrences=function(e){return this.ej2Instances.getDeletedOccurrences(e)},n.prototype.getEventDetails=function(e){return this.ej2Instances.getEventDetails(e)},n.prototype.getEventMaxID=function(){return this.ej2Instances.getEventMaxID()},n.prototype.getEvents=function(e,t,n){return this.ej2Instances.getEvents(e,t,n)},n.prototype.getIndexFromResourceId=function(e,t){return this.ej2Instances.getIndexFromResourceId(e,t)},n.prototype.getOccurrencesByID=function(e){return this.ej2Instances.getOccurrencesByID(e)},n.prototype.getOccurrencesByRange=function(e,t){return this.ej2Instances.getOccurrencesByRange(e,t)},n.prototype.getResourceCollections=function(){return this.ej2Instances.getResourceCollections()},n.prototype.getResourcesByIndex=function(e){return this.ej2Instances.getResourcesByIndex(e)},n.prototype.getSelectedElements=function(){return this.ej2Instances.getSelectedElements()},n.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},n.prototype.importICalendar=function(e){return this.ej2Instances.importICalendar(e)},n.prototype.isSlotAvailable=function(e,t,n){return this.ej2Instances.isSlotAvailable(e,t,n)},n.prototype.openEditor=function(e,t,n,r){return this.ej2Instances.openEditor(e,t,n,r)},n.prototype.openQuickInfoPopup=function(e){return this.ej2Instances.openQuickInfoPopup(e)},n.prototype.print=function(e){return this.ej2Instances.print(e)},n.prototype.refreshEvents=function(e){return this.ej2Instances.refreshEvents(e)},n.prototype.refreshLayout=function(){return this.ej2Instances.refreshLayout()},n.prototype.refreshTemplates=function(e){return this.ej2Instances.refreshTemplates(e)},n.prototype.removeResource=function(e,t){return this.ej2Instances.removeResource(e,t)},n.prototype.resetWorkHours=function(e,t,n,r){return this.ej2Instances.resetWorkHours(e,t,n,r)},n.prototype.saveEvent=function(e,t){return this.ej2Instances.saveEvent(e,t)},n.prototype.scrollTo=function(e,t){return this.ej2Instances.scrollTo(e,t)},n.prototype.scrollToResource=function(e,t){return this.ej2Instances.scrollToResource(e,t)},n.prototype.selectResourceByIndex=function(e){return this.ej2Instances.selectResourceByIndex(e)},n.prototype.setRecurrenceEditor=function(e){return this.ej2Instances.setRecurrenceEditor(e)},n.prototype.setResourceCollections=function(e){return this.ej2Instances.setResourceCollections(e)},n.prototype.setWorkHours=function(e,t,n,r){return this.ej2Instances.setWorkHours(e,t,n,r)},n.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},n=D([r.EJComponentDecorator({props:O,model:{event:"modelchanged"}})],n)}(r.ComponentBase),b={name:"ejs-schedule",install:function(e){e.component(b.name,P),e.component(p.name,u),e.component(a.name,i),e.component(m.name,y),e.component(h.name,d),e.component(w.name,R),e.component(v.name,I)}},E=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),T=function(e,t,n,r){var o,s=arguments.length,c=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(c=(s<3?o(c):s>3?o(t,n,c):o(t,n))||c);return s>3&&c&&Object.defineProperty(t,n,c),c},k=["isLazyUpdate","plugins","calendarMode","cssClass","dateFormat","enablePersistence","enableRtl","firstDayOfWeek","frequencies","locale","maxDate","minDate","selectedType","startDate","value","change"],S=[],x=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=k,n.models=S,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.RecurrenceEditor({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return E(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var r=n[t],s=this.templateCollection[r];if(s&&s.length){for(var c=0,i=s;c<i.length;c++){var a=i[c];o.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[r]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(r){t!==r||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.getRecurrenceDates=function(e,t,n,r,o){return this.ej2Instances.getRecurrenceDates(e,t,n,r,o)},n.prototype.getRecurrenceRule=function(){return this.ej2Instances.getRecurrenceRule()},n.prototype.getRuleSummary=function(e){return this.ej2Instances.getRuleSummary(e)},n.prototype.resetFields=function(){return this.ej2Instances.resetFields()},n.prototype.setRecurrenceRule=function(e,t){return this.ej2Instances.setRecurrenceRule(e,t)},n.prototype.updateRuleUntilDate=function(e){return this.ej2Instances.updateRuleUntilDate(e)},n=T([r.EJComponentDecorator({props:k})],n)}(r.ComponentBase),H={name:"ejs-recurrenceeditor",install:function(e){e.component(H.name,x)}};e.ViewsDirective=i,e.ViewDirective=u,e.ViewsPlugin=a,e.ViewPlugin=p,e.ResourcesDirective=d,e.ResourceDirective=y,e.ResourcesPlugin=h,e.ResourcePlugin=m,e.HeaderRowsDirective=I,e.HeaderRowDirective=R,e.HeaderRowsPlugin=v,e.HeaderRowPlugin=w,e.ScheduleComponent=P,e.SchedulePlugin=b,e.RecurrenceEditorComponent=x,e.RecurrenceEditorPlugin=H,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-vue-schedule.umd.min.js.map