@syncfusion/ej2-schedule 22.1.36 → 22.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.36
+*  version : 22.2.5
 *  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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@22.1.34",
+  "_id": "@syncfusion/ej2-schedule@22.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-GqQ3P0YVvE6dOl0btdvDglPw6t00ufZ6nf5VxccylOY1OMRyjMUbOazu4/IzCnt4vlH9KmxxXzHCncR+1enIpg==",
+  "_integrity": "sha512-/f/uec7OCsCBMxv+nQhjNLTXDmMakg89PgxFQiKKEsDVnqOZn05qsfQdlNOoN3r0VTuoi5Vbzfsb5pP+cJh6jw==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-22.1.34.tgz",
-  "_shasum": "7deedb92e0279c7bde17d5e9af9983c93ea8cfa7",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-22.1.38.tgz",
+  "_shasum": "a56930b8447fa4874764cc5805b721642a9390f3",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-buttons": "~21.1.36",
-    "@syncfusion/ej2-calendars": "~22.1.36",
-    "@syncfusion/ej2-data": "~22.1.36",
-    "@syncfusion/ej2-dropdowns": "~22.1.36",
-    "@syncfusion/ej2-excel-export": "~22.1.34",
-    "@syncfusion/ej2-inputs": "~22.1.34",
-    "@syncfusion/ej2-lists": "~22.1.34",
-    "@syncfusion/ej2-navigations": "~22.1.36",
-    "@syncfusion/ej2-popups": "~22.1.36"
+    "@syncfusion/ej2-base": "~22.2.5",
+    "@syncfusion/ej2-buttons": "~22.2.5",
+    "@syncfusion/ej2-calendars": "~22.2.5",
+    "@syncfusion/ej2-data": "~22.2.5",
+    "@syncfusion/ej2-dropdowns": "~22.2.5",
+    "@syncfusion/ej2-excel-export": "~22.2.5",
+    "@syncfusion/ej2-inputs": "~22.2.5",
+    "@syncfusion/ej2-lists": "~22.2.5",
+    "@syncfusion/ej2-navigations": "~22.2.5",
+    "@syncfusion/ej2-popups": "~22.2.5"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.1.36",
+  "version": "22.2.5",
   "sideEffects": false
 }

package/src/recurrence-editor/recurrence-editor.js

@@ -358,7 +358,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                 value: VALUEFIELD
             },
             placeholder: this.localeObj.getConstant(REPEAT),
-            htmlAttributes: { 'title': this.localeObj.getConstant(REPEAT), role: 'option' },
+            htmlAttributes: { 'title': this.localeObj.getConstant(REPEAT) },
             change: function (args) {
                 self.setProperties({ selectedType: _this.frequencies.indexOf(args.value) }, false);
                 self.element.querySelector('.' + REPEATCONTENT).innerHTML =
@@ -380,7 +380,6 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
-            htmlAttributes: { role: 'option' },
             change: function (args) {
                 self.freshOnEndForm();
                 self.updateEndOnForm(args.value);
@@ -398,7 +397,6 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                     text: TEXTFIELD,
                     value: VALUEFIELD
                 },
-                htmlAttributes: { role: 'option' },
                 index: 1,
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
                 change: function (args) {
@@ -418,7 +416,6 @@ var RecurrenceEditor = /** @class */ (function (_super) {
                 text: TEXTFIELD,
                 value: VALUEFIELD
             },
-            htmlAttributes: { role: 'option' },
             enableRtl: this.enableRtl,
             index: 7,
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -722,7 +719,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
             '<input type="text" tabindex="0" class="' + REPEATELEMENT +
             '"label="' + REPEATELEMENT.substr(2) + '" />' +
             '</div><div class="' + INPUTWARAPPER + ' ' +
-            INTERVALCLASS + ' ' + FORMRIGHT + '"><table  class="' + RECURRENCETABLE + ' ' + REPEATCONTENTWRAPPER + '"><tr>' +
+            INTERVALCLASS + ' ' + FORMRIGHT + '"><table  class="' + RECURRENCETABLE + ' ' + REPEATCONTENTWRAPPER + '"  role="none"><tr>' +
             '<td><input type="text" tabindex="0" id="' + this.element.id + '_' + REPEATINTERVAL + '" class="' + REPEATINTERVAL +
             '"title="' + this.localeObj.getConstant('repeatEvery') + '" /></td>' +
             '<td><span class="' + REPEATCONTENT + '"></span></td>' +
@@ -742,7 +739,7 @@ var RecurrenceEditor = /** @class */ (function (_super) {
             this.localeObj.getConstant('yearExpander') + '"/>' +
             '</div>' +
             '<div class="' + MONETHEXPANDERWRAPPER + '">' +
-            '<table class="' + RECURRENCETABLE + ' ' + MONETHEXPANDWRAPPER + '"><tr><td>' +
+            '<table class="' + RECURRENCETABLE + ' ' + MONETHEXPANDWRAPPER + '" role="none"><tr><td>' +
             '<div class="' + INPUTWARAPPER + ' ' + MONTHEXPANDERCHECKBOXWRAPPER + '">' +
             '<input class="' + MONTHEXPANDERELEMENT + '"title="' + this.localeObj.getConstant('monthExpander') + '" type="radio">' +
             '</div></td>' +

package/src/schedule/actions/crud.js

@@ -446,7 +446,7 @@ var Crud = /** @class */ (function () {
                                 }
                                 if (isSpanned) {
                                     followData_1.occurrence = followData_1.occurrence.filter(function (eventObj) {
-                                        return eventObj[fields_1.recurrenceID] === childEvent[fields_1.id];
+                                        return eventObj[fields_1.recurrenceID] === parentEvent[fields_1.id];
                                     });
                                 }
                                 editParams.deletedRecords = editParams.deletedRecords.concat(followData_1.occurrence);

package/src/schedule/base/schedule-model.d.ts

@@ -35,8 +35,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `false`, hides the header bar of the Schedule from UI. By default,
      * the header bar holds the date and view navigation options, to which the user can add their own custom items onto it.
      *
-     * {% codeBlock src='schedule/showHeaderBar/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     showHeaderBar?: boolean;
@@ -45,8 +43,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `false`, hides the current time indicator from the Schedule. Otherwise,
      * it visually depicts the live current system time appropriately on the user interface.
      *
-     * {% codeBlock src='schedule/showTimeIndicator/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     showTimeIndicator?: boolean;
@@ -157,8 +153,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `false`, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days
      * collection are usually treated as weekend days.
      *
-     * {% codeBlock src='schedule/showWeekend/index.md' %}{% endcodeBlock %}
-     *
      * Note: By default, this option is not applicable on `Work Week` view.
      * For example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as
      *  the weekend days and will be hidden on all the views.
@@ -253,8 +247,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `true`, If valid, the scroll on the all day row is activated when the all day row
      * height reaches the max height when the all day row is expanded.
      *
-     * {% codeBlock src='schedule/enableAllDayScroll/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     enableAllDayScroll?: boolean;
@@ -262,8 +254,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * When set to `true`, the header view navigations are listed under the popup and if we enable resource grouping, the compact view will be enabled.
      *
-     * {% codeBlock src='schedule/enableAdaptiveUI/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     enableAdaptiveUI?: boolean;
@@ -272,8 +262,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `true`, allows the resizing of appointments. It allows the rescheduling of appointments either by changing the
      * start or end time by dragging the event resize handlers.
      *
-     * {% codeBlock src='schedule/allowResizing/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowResizing?: boolean;
@@ -302,8 +290,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * When set to `true`, allows the keyboard interaction to take place on Schedule.
      *
-     * {% codeBlock src='schedule/allowKeyboardInteraction/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowKeyboardInteraction?: boolean;
@@ -312,8 +298,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `true`, allows the appointments to move over the time slots. When an appointment is dragged, both its start
      * and end time tends to change simultaneously allowing it to reschedule the appointment on some other time.
      *
-     * {% codeBlock src='schedule/allowDragAndDrop/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowDragAndDrop?: boolean;
@@ -325,6 +309,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/dateHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dateHeaderTemplate?: string | Function;
@@ -333,6 +320,9 @@ export interface ScheduleModel extends ComponentModel{
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dateRangeTemplate?: string | Function;
@@ -344,6 +334,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/cellHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellHeaderTemplate?: string | Function;
@@ -355,6 +348,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/dayHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dayHeaderTemplate?: string | Function;
@@ -366,6 +362,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/monthHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     monthHeaderTemplate?: string | Function;
@@ -383,6 +382,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/cellTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellTemplate?: string | Function;
@@ -390,8 +392,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * When set to `true`, makes the Schedule to render in a read only mode. No CRUD actions will be allowed at this time.
      *
-     * {% codeBlock src='schedule/readonly/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     readonly?: boolean;
@@ -400,8 +400,6 @@ export interface ScheduleModel extends ComponentModel{
      * When set to `true`, displays a quick popup with cell or event details on single clicking over the cells or on events.
      * By default, it is set to `true`.
      *
-     * {% codeBlock src='schedule/showQuickInfo/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     showQuickInfo?: boolean;
@@ -409,8 +407,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * This property helps user to add/edit the event in inline. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/allowInline/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     allowInline?: boolean;
@@ -418,8 +414,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * This property helps user to allow/prevent the selection of multiple cells. By default, it is set to `true`.
      *
-     * {% codeBlock src='schedule/allowMultiCellSelection/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowMultiCellSelection?: boolean;
@@ -427,8 +421,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * This property helps user to allow/prevent the selection of multiple days(rows). By default, it is set to `true`.
      *
-     * {% codeBlock src='schedule/allowMultiRowSelection/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowMultiRowSelection?: boolean;
@@ -436,8 +428,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * This property helps to show quick popup after multiple cell selection. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/quickInfoOnSelectionEnd/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     quickInfoOnSelectionEnd?: boolean;
@@ -445,8 +435,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * When set to `true`, displays the week number of the current view date range. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/showWeekNumber/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     showWeekNumber?: boolean;
@@ -455,8 +443,6 @@ export interface ScheduleModel extends ComponentModel{
      * when set to `true`, allows the height of the work-cells to adjust automatically
      * based on the number of appointments present in those time ranges.
      *
-     * {% codeBlock src='schedule/rowAutoHeight/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     rowAutoHeight?: boolean;
@@ -464,8 +450,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * This property helps to drag the multiple selected events. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/allowMultiDrag/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     allowMultiDrag?: boolean;
@@ -486,6 +470,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/editorTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     editorTemplate?: string | Function;
@@ -514,8 +501,6 @@ export interface ScheduleModel extends ComponentModel{
      * The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.
      * When this property is set to `false`, the empty dates will also be displayed on the Schedule.
      *
-     * {% codeBlock src='schedule/hideEmptyAgendaDays/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     hideEmptyAgendaDays?: boolean;
@@ -523,8 +508,6 @@ export interface ScheduleModel extends ComponentModel{
     /**
      * The recurrence validation will be done by default. When this property is set to `false`, the recurrence validation will be skipped.
      *
-     * {% codeBlock src='schedule/enableRecurrenceValidation/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     enableRecurrenceValidation?: boolean;
@@ -573,6 +556,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/resourceHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     resourceHeaderTemplate?: string | Function;
@@ -586,6 +572,9 @@ export interface ScheduleModel extends ComponentModel{
      * {% codeBlock src='schedule/headerIndentTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     headerIndentTemplate?: string | Function;

package/src/schedule/base/schedule.d.ts

@@ -162,8 +162,6 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `false`, hides the header bar of the Schedule from UI. By default,
      * the header bar holds the date and view navigation options, to which the user can add their own custom items onto it.
      *
-     * {% codeBlock src='schedule/showHeaderBar/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     showHeaderBar: boolean;
@@ -171,8 +169,6 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `false`, hides the current time indicator from the Schedule. Otherwise,
      * it visually depicts the live current system time appropriately on the user interface.
      *
-     * {% codeBlock src='schedule/showTimeIndicator/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     showTimeIndicator: boolean;
@@ -274,8 +270,6 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `false`, it hides the weekend days of a week from the Schedule. The days which are not defined in the working days
      * collection are usually treated as weekend days.
      *
-     * {% codeBlock src='schedule/showWeekend/index.md' %}{% endcodeBlock %}
-     *
      * Note: By default, this option is not applicable on `Work Week` view.
      * For example, if the working days are defined as [1, 2, 3, 4], then the remaining days of that week will be considered as
      *  the weekend days and will be hidden on all the views.
@@ -361,16 +355,12 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `true`, If valid, the scroll on the all day row is activated when the all day row
      * height reaches the max height when the all day row is expanded.
      *
-     * {% codeBlock src='schedule/enableAllDayScroll/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     enableAllDayScroll: boolean;
     /**
      * When set to `true`, the header view navigations are listed under the popup and if we enable resource grouping, the compact view will be enabled.
      *
-     * {% codeBlock src='schedule/enableAdaptiveUI/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     enableAdaptiveUI: boolean;
@@ -378,8 +368,6 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `true`, allows the resizing of appointments. It allows the rescheduling of appointments either by changing the
      * start or end time by dragging the event resize handlers.
      *
-     * {% codeBlock src='schedule/allowResizing/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowResizing: boolean;
@@ -405,8 +393,6 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
     /**
      * When set to `true`, allows the keyboard interaction to take place on Schedule.
      *
-     * {% codeBlock src='schedule/allowKeyboardInteraction/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowKeyboardInteraction: boolean;
@@ -414,8 +400,6 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `true`, allows the appointments to move over the time slots. When an appointment is dragged, both its start
      * and end time tends to change simultaneously allowing it to reschedule the appointment on some other time.
      *
-     * {% codeBlock src='schedule/allowDragAndDrop/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowDragAndDrop: boolean;
@@ -426,6 +410,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/dateHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dateHeaderTemplate: string | Function;
@@ -433,6 +420,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * It accepts either the string or HTMLElement as template design content and parse it appropriately before displaying it onto the header date range.
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dateRangeTemplate: string | Function;
@@ -443,6 +433,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/cellHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellHeaderTemplate: string | Function;
@@ -453,6 +446,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/dayHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     dayHeaderTemplate: string | Function;
@@ -463,6 +459,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/monthHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     monthHeaderTemplate: string | Function;
@@ -479,14 +478,15 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/cellTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     cellTemplate: string | Function;
     /**
      * When set to `true`, makes the Schedule to render in a read only mode. No CRUD actions will be allowed at this time.
      *
-     * {% codeBlock src='schedule/readonly/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     readonly: boolean;
@@ -494,48 +494,36 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * When set to `true`, displays a quick popup with cell or event details on single clicking over the cells or on events.
      * By default, it is set to `true`.
      *
-     * {% codeBlock src='schedule/showQuickInfo/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     showQuickInfo: boolean;
     /**
      * This property helps user to add/edit the event in inline. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/allowInline/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     allowInline: boolean;
     /**
      * This property helps user to allow/prevent the selection of multiple cells. By default, it is set to `true`.
      *
-     * {% codeBlock src='schedule/allowMultiCellSelection/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowMultiCellSelection: boolean;
     /**
      * This property helps user to allow/prevent the selection of multiple days(rows). By default, it is set to `true`.
      *
-     * {% codeBlock src='schedule/allowMultiRowSelection/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     allowMultiRowSelection: boolean;
     /**
      * This property helps to show quick popup after multiple cell selection. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/quickInfoOnSelectionEnd/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     quickInfoOnSelectionEnd: boolean;
     /**
      * When set to `true`, displays the week number of the current view date range. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/showWeekNumber/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     showWeekNumber: boolean;
@@ -543,16 +531,12 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * when set to `true`, allows the height of the work-cells to adjust automatically
      * based on the number of appointments present in those time ranges.
      *
-     * {% codeBlock src='schedule/rowAutoHeight/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     rowAutoHeight: boolean;
     /**
      * This property helps to drag the multiple selected events. By default, it is set to `false`.
      *
-     * {% codeBlock src='schedule/allowMultiDrag/index.md' %}{% endcodeBlock %}
-     *
      * @default false
      */
     allowMultiDrag: boolean;
@@ -571,6 +555,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/editorTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     editorTemplate: string | Function;
@@ -596,16 +583,12 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * The days which does not has even a single event to display will be hidden from the UI of Agenda View by default.
      * When this property is set to `false`, the empty dates will also be displayed on the Schedule.
      *
-     * {% codeBlock src='schedule/hideEmptyAgendaDays/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     hideEmptyAgendaDays: boolean;
     /**
      * The recurrence validation will be done by default. When this property is set to `false`, the recurrence validation will be skipped.
      *
-     * {% codeBlock src='schedule/enableRecurrenceValidation/index.md' %}{% endcodeBlock %}
-     *
      * @default true
      */
     enableRecurrenceValidation: boolean;
@@ -650,6 +633,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/resourceHeaderTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     resourceHeaderTemplate: string | Function;
@@ -662,6 +648,9 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      * {% codeBlock src='schedule/headerIndentTemplate/index.md' %}{% endcodeBlock %}
      *
      * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
      * @aspType string
      */
     headerIndentTemplate: string | Function;

package/src/schedule/base/schedule.js

@@ -1173,6 +1173,7 @@ var Schedule = /** @class */ (function (_super) {
         if (this.quickPopup) {
             this.quickPopup.onClosePopup();
         }
+        util.resetScrollbarWidth();
         if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
             this.activeView.resetColWidth();

package/src/schedule/base/util.d.ts

@@ -172,6 +172,12 @@ export declare function getDateFromString(date: string): Date;
  * @private
  */
 export declare function getScrollBarWidth(): number;
+/**
+ * Method to reset scrollbar width
+ *
+ * @private
+ */
+export declare function resetScrollbarWidth(): void;
 /**
  * Method to find the index from data collection
  *