@syncfusion/ej2-schedule 20.4.52 → 21.1.35

package/src/schedule/models/views-model.d.ts

@@ -8,18 +8,18 @@ export interface ViewsModel {
     /**
      * It accepts the schedule view name, based on which we can define with its related properties in a single object.
      * The applicable view names are,
-     * * Day
-     * * Week
-     * * WorkWeek
-     * * Month
-     * * Year
-     * * Agenda
-     * * MonthAgenda
-     * * TimelineDay
-     * * TimelineWeek
-     * * TimelineWorkWeek
-     * * TimelineMonth
-     * * TimelineYear
+     * * Day - Denotes Day view of the scheduler.
+     * * Week - Denotes Week view of the scheduler.
+     * * WorkWeek - Denotes Work Week view of the scheduler.
+     * * Month - Denotes Month view of the scheduler.
+     * * Year - Denotes Year view of the scheduler.
+     * * Agenda - Denotes Agenda view of the scheduler.
+     * * MonthAgenda - Denotes Month Agenda view of the scheduler.
+     * * TimelineDay - Denotes Timeline Day view of the scheduler.
+     * * TimelineWeek - Denotes Timeline Week view of the scheduler.
+     * * TimelineWorkWeek - Denotes Timeline Work Week view of the scheduler.
+     * * TimelineMonth - Denotes Timeline Month view of the scheduler.
+     * * TimelineYear - Denotes Timeline Year view of the scheduler.
      *
      * @default null
      */
@@ -27,7 +27,8 @@ export interface ViewsModel {
 
     /**
      * To denote whether the view name given on the `option` is active or not.
-     * It acts similar to the `currentView` property and defines the active view of Schedule.
+     * It acts similar to the [`currentView`](../../schedule/#current-view/)
+     * property and defines the active view of Schedule.
      *
      * @default false
      */
@@ -235,8 +236,8 @@ export interface ViewsModel {
     /**
      * It is used to specify the year view rendering orientation on the schedule.
      * The applicable orientation values are,
-     * * Horizontal
-     * * Vertical
+     * * Horizontal - Denotes the horizontal orientation of Timeline Year view.
+     * * Vertical - Denotes the vertical orientation of Timeline Year view.
      *
      * @default 'Horizontal'
      */

package/src/schedule/models/views.d.ts

@@ -8,25 +8,26 @@ export declare class Views extends ChildProperty<Views> {
     /**
      * It accepts the schedule view name, based on which we can define with its related properties in a single object.
      * The applicable view names are,
-     * * Day
-     * * Week
-     * * WorkWeek
-     * * Month
-     * * Year
-     * * Agenda
-     * * MonthAgenda
-     * * TimelineDay
-     * * TimelineWeek
-     * * TimelineWorkWeek
-     * * TimelineMonth
-     * * TimelineYear
+     * * Day - Denotes Day view of the scheduler.
+     * * Week - Denotes Week view of the scheduler.
+     * * WorkWeek - Denotes Work Week view of the scheduler.
+     * * Month - Denotes Month view of the scheduler.
+     * * Year - Denotes Year view of the scheduler.
+     * * Agenda - Denotes Agenda view of the scheduler.
+     * * MonthAgenda - Denotes Month Agenda view of the scheduler.
+     * * TimelineDay - Denotes Timeline Day view of the scheduler.
+     * * TimelineWeek - Denotes Timeline Week view of the scheduler.
+     * * TimelineWorkWeek - Denotes Timeline Work Week view of the scheduler.
+     * * TimelineMonth - Denotes Timeline Month view of the scheduler.
+     * * TimelineYear - Denotes Timeline Year view of the scheduler.
      *
      * @default null
      */
     option: View;
     /**
      * To denote whether the view name given on the `option` is active or not.
-     * It acts similar to the `currentView` property and defines the active view of Schedule.
+     * It acts similar to the [`currentView`](../../schedule/#current-view/)
+     * property and defines the active view of Schedule.
      *
      * @default false
      */
@@ -210,8 +211,8 @@ export declare class Views extends ChildProperty<Views> {
     /**
      * It is used to specify the year view rendering orientation on the schedule.
      * The applicable orientation values are,
-     * * Horizontal
-     * * Vertical
+     * * Horizontal - Denotes the horizontal orientation of Timeline Year view.
+     * * Vertical - Denotes the vertical orientation of Timeline Year view.
      *
      * @default 'Horizontal'
      */

package/src/schedule/popups/event-tooltip.js

@@ -20,7 +20,8 @@ var EventTooltip = /** @class */ (function () {
             target: this.getTargets(),
             beforeRender: this.onBeforeRender.bind(this),
             beforeClose: this.onBeforeClose.bind(this),
-            enableRtl: this.parent.enableRtl
+            enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer
         });
         this.tooltipObj.appendTo(this.parent.element);
     }

package/src/schedule/popups/event-window.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { createElement, isNullOrUndefined, addClass, remove, EventHandler, extend, append, detach } from '@syncfusion/ej2-base';
-import { cldrData, removeClass, getValue, getDefaultDateObject, closest, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
+import { cldrData, removeClass, getValue, getDefaultDateObject, closest } from '@syncfusion/ej2-base';
 import { Query, Deferred } from '@syncfusion/ej2-data';
 import { CheckBox, Button } from '@syncfusion/ej2-buttons';
 import { Dialog } from '@syncfusion/ej2-popups';
@@ -37,6 +37,7 @@ var EventWindow = /** @class */ (function () {
             content: this.getEventWindowContent(),
             cssClass: cls.EVENT_WINDOW_DIALOG_CLASS,
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             height: this.parent.isAdaptive ? '100%' : 'auto',
             minHeight: '300px',
             isModal: true,
@@ -247,6 +248,10 @@ var EventWindow = /** @class */ (function () {
         var _this = this;
         if (!isNullOrUndefined(this.parent.editorTemplate)) {
             if (args) {
+                if (this.fieldValidator) {
+                    this.fieldValidator.destroy();
+                    this.fieldValidator = null;
+                }
                 if (this.recurrenceEditor) {
                     this.recurrenceEditor.destroy();
                     this.recurrenceEditor = null;
@@ -329,7 +334,7 @@ var EventWindow = /** @class */ (function () {
         return parentDiv;
     };
     EventWindow.prototype.createRecurrenceEditor = function (parentDiv) {
-        var recurrenceEditor = this.createDivElement();
+        var recurrenceEditor = createElement('div', { id: this.parent.element.id + '_recurrence_editor' });
         parentDiv.appendChild(recurrenceEditor);
         this.recurrenceEditor = this.renderRecurrenceEditor();
         this.recurrenceEditor.appendTo(recurrenceEditor);
@@ -422,6 +427,7 @@ var EventWindow = /** @class */ (function () {
         if (resourceData.allowMultiple) {
             var listObj = new MultiSelect({
                 enableRtl: this.parent.enableRtl,
+                enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
                 cssClass: this.parent.cssClass || '',
                 dataSource: resourceData.dataSource,
                 change: this.onMultiselectResourceChange.bind(this),
@@ -568,6 +574,7 @@ var EventWindow = /** @class */ (function () {
             change: this.onChange.bind(this),
             cssClass: value + ' ' + this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             label: this.getFieldLabel(value)
         });
         checkBox.appendTo(checkBoxInput);
@@ -694,6 +701,7 @@ var EventWindow = /** @class */ (function () {
             target: this.element,
             animationSettings: { effect: 'Zoom' },
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             isModal: true,
             cssClass: REPEAT_DIALOG_CLASS,
             open: this.repeatOpenDialog.bind(this)
@@ -761,6 +769,9 @@ var EventWindow = /** @class */ (function () {
         if (!this.parent.eventSettings.allowAdding) {
             return;
         }
+        if (this.parent.isAdaptive && repeatType && !this.repeatDialogObject) {
+            this.renderRepeatDialog();
+        }
         this.element.querySelector('.' + cls.FORM_CLASS).removeAttribute('data-id');
         this.element.querySelector('.' + cls.EVENT_WINDOW_TITLE_TEXT_CLASS).innerHTML = this.l10n.getConstant('newEvent');
         eventObj.Timezone = false;
@@ -790,10 +801,18 @@ var EventWindow = /** @class */ (function () {
                 selectedType: !isNullOrUndefined(repeatType) ? repeatType : !isNullOrUndefined(eventObj[this.fields.recurrenceRule]) ?
                     this.recurrenceEditor.selectedType : 0
             });
+            this.repeatRule = this.recurrenceEditor.value;
         }
         if (this.parent.isAdaptive && isNullOrUndefined(this.parent.editorTemplate)) {
             var element = this.element.querySelector('.' + REPEAT_CONTAINER_CLASS);
-            addClass([element], HIDE_STYLE_CLASS);
+            if (eventObj[this.fields.recurrenceRule] || repeatType) {
+                removeClass([element], HIDE_STYLE_CLASS);
+                this.repeatStatus.setProperties({ checked: true });
+            }
+            else {
+                addClass([element], HIDE_STYLE_CLASS);
+                this.repeatStatus.setProperties({ checked: false });
+            }
             this.updateRepeatLabel(this.repeatRule);
         }
         else {
@@ -1448,9 +1467,11 @@ var EventWindow = /** @class */ (function () {
         }
         var currentStartTime = new Date(+currentData[this.fields.startTime]);
         var currentEndTime = new Date(+currentData[this.fields.endTime]);
+        var nextStartTime;
+        var nextEndTime;
         if (index !== recurColl.length - 1) {
-            var nextStartTime = new Date(+recurColl[index + 1][this.fields.startTime]);
-            var nextEndTime = new Date(+recurColl[index + 1][this.fields.endTime]);
+            nextStartTime = new Date(+recurColl[index + 1][this.fields.startTime]);
+            nextEndTime = new Date(+recurColl[index + 1][this.fields.endTime]);
         }
         var lastEndTime = new Date(+recurColl[recurColl.length - 1][this.fields.endTime]);
         if (index === 0) {
@@ -1649,7 +1670,7 @@ var EventWindow = /** @class */ (function () {
                 value = element.checked;
             }
             else {
-                value = SanitizeHtmlHelper.sanitize(element.value);
+                value = this.parent.sanitize(element.value);
             }
         }
         return value;

package/src/schedule/popups/quick-popups.js

@@ -103,6 +103,7 @@ var QuickPopups = /** @class */ (function () {
             cssClass: cls.QUICK_DIALOG_CLASS,
             closeOnEscape: true,
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             beforeClose: this.beforeQuickDialogClose.bind(this),
             isModal: true,
             position: { X: 'center', Y: 'center' },
@@ -134,6 +135,7 @@ var QuickPopups = /** @class */ (function () {
             cssClass: className,
             disabled: isDisabled,
             enableRtl: this.parent.enableRtl,
+            enableHtmlSanitizer: this.parent.enableHtmlSanitizer,
             iconCss: iconName
         });
         buttonObj.appendTo(element);
@@ -329,7 +331,8 @@ var QuickPopups = /** @class */ (function () {
                     append(templateElement, appointmentElement);
                 }
                 else {
-                    appointmentElement.appendChild(createElement('div', { className: cls.SUBJECT_CLASS, innerHTML: eventText }));
+                    appointmentElement.appendChild(createElement('div', { className: cls.SUBJECT_CLASS }));
+                    appointmentElement.firstElementChild.innerText = this_1.parent.sanitize(eventText);
                 }
                 if (!isNullOrUndefined(groupIndex)) {
                     appointmentElement.setAttribute('data-group-index', groupIndex);
@@ -583,10 +586,14 @@ var QuickPopups = /** @class */ (function () {
                         ("<button class=\"" + (cls.DELETE_CLASS + ' ' + cls.ICON) + "\" title=\"" + this.l10n.getConstant('delete') + "\"></button>") +
                         ("<button class=\"" + cls.CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button></div>") +
                         ("<div class=\"" + cls.SUBJECT_WRAP + "\"><div class=\"" + cls.SUBJECT_CLASS + " " + cls.TEXT_ELLIPSIS + "\" ") +
-                        ("title=\"" + (args.eventSubject ? args.eventSubject.replaceAll('"', '\'') : args.eventSubject) + "\">" + args.eventSubject + "</div></div >");
+                        ("title=\"" + (args.eventSubject ? args.eventSubject.replaceAll('"', '\'') : args.eventSubject) + "\"></div></div >");
                     break;
             }
             var templateWrapper = createElement('div', { innerHTML: header });
+            if (headerType === 'Event') {
+                var subjectText = templateWrapper.querySelector('.' + cls.SUBJECT_CLASS);
+                subjectText.innerText = this.parent.sanitize(args.eventSubject);
+            }
             append([].slice.call(templateWrapper.childNodes), headerTemplate);
         }
         return headerTemplate;
@@ -614,7 +621,7 @@ var QuickPopups = /** @class */ (function () {
                         (cls.TEXT_ELLIPSIS + "\">" + cellDetails.details + "</div></div>") +
                         ((this.parent.activeViewOptions.group.resources.length > 0 ? "<div class=\"" + cls.RESOURCE_CLASS + "\">" +
                             ("<div class=\"" + cls.RESOURCE_ICON_CLASS + " " + cls.ICON + " \"></div><div class=\"" + cls.RESOURCE_DETAILS_CLASS + " ") +
-                            (cls.TEXT_ELLIPSIS + "\">" + resourceText + "</div></div>") : '') + "</td></tr></tbody></table>");
+                            (cls.TEXT_ELLIPSIS + "\"></div></div>") : '') + "</td></tr></tbody></table>");
                     break;
                 case 'Event':
                     argsData = this.getFormattedString(data);
@@ -628,8 +635,7 @@ var QuickPopups = /** @class */ (function () {
                     content += '</div></div>';
                     if (data[this.parent.eventFields.location]) {
                         content += '<div class="' + cls.LOCATION_CLASS + '"><div class="' + cls.LOCATION_ICON_CLASS + ' ' +
-                            cls.ICON + '"></div><div class="' + cls.LOCATION_DETAILS_CLASS + ' ' + cls.TEXT_ELLIPSIS + '">' +
-                            data[this.parent.eventFields.location] + '</div></div>';
+                            cls.ICON + '"></div><div class="' + cls.LOCATION_DETAILS_CLASS + ' ' + cls.TEXT_ELLIPSIS + '"></div></div>';
                     }
                     if (data[this.parent.eventFields.startTimezone] || data[this.parent.eventFields.endTimezone]) {
                         content += '<div class="' + cls.TIME_ZONE_CLASS + '"><div class="' + cls.TIME_ZONE_ICON_CLASS + ' ' + cls.ICON +
@@ -638,17 +644,33 @@ var QuickPopups = /** @class */ (function () {
                     }
                     if (data[this.parent.eventFields.description]) {
                         content += '<div class="' + cls.DESCRIPTION_CLASS + '"><div class="' + cls.DESCRIPTION_ICON_CLASS + ' ' + cls.ICON +
-                            '"></div><div class="' + cls.DESCRIPTION_DETAILS_CLASS + ' ' + cls.TEXT_ELLIPSIS + '">' +
-                            data[this.parent.eventFields.description] + '</div></div>';
+                            '"></div><div class="' + cls.DESCRIPTION_DETAILS_CLASS + ' ' + cls.TEXT_ELLIPSIS + '"></div></div>';
                     }
                     if (this.parent.resourceCollection.length > 0) {
                         content += '<div class="' + cls.RESOURCE_CLASS + '"><div class="' + cls.RESOURCE_ICON_CLASS + ' ' + cls.ICON +
-                            '"></div><div class="' + cls.RESOURCE_DETAILS_CLASS + ' ' + cls.TEXT_ELLIPSIS + '">' +
-                            resourceText + '</div></div>';
+                            '"></div><div class="' + cls.RESOURCE_DETAILS_CLASS + ' ' + cls.TEXT_ELLIPSIS + '"></div></div>';
                     }
                     break;
             }
             var templateWrapper = createElement('div', { innerHTML: content });
+            if (data[this.parent.eventFields.location]) {
+                var locationDetails = templateWrapper.querySelector('.' + cls.LOCATION_DETAILS_CLASS);
+                if (!isNullOrUndefined(locationDetails)) {
+                    locationDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.location]);
+                }
+            }
+            if (data[this.parent.eventFields.description]) {
+                var descriptionDetails = templateWrapper.querySelector('.' + cls.DESCRIPTION_DETAILS_CLASS);
+                if (!isNullOrUndefined(descriptionDetails)) {
+                    descriptionDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.description]);
+                }
+            }
+            if (resourceText) {
+                var resourceDetails = templateWrapper.querySelector('.' + cls.RESOURCE_DETAILS_CLASS);
+                if (!isNullOrUndefined(resourceDetails)) {
+                    resourceDetails.innerText = this.parent.sanitize(resourceText);
+                }
+            }
             append([].slice.call(templateWrapper.childNodes), contentTemplate);
         }
         return contentTemplate;
@@ -1186,7 +1208,7 @@ var QuickPopups = /** @class */ (function () {
     };
     QuickPopups.prototype.quickPopupClose = function () {
         this.parent.eventBase.focusElement();
-        this.quickPopup.relateTo = cls.WORK_CELLS_CLASS;
+        this.quickPopup.relateTo = '.' + cls.WORK_CELLS_CLASS;
         this.fieldValidator.destroyToolTip();
         if (this.quickPopup.element.querySelectorAll('.e-formvalidator').length) {
             this.fieldValidator.destroy();

package/src/schedule/renderer/header-renderer.js

@@ -70,6 +70,7 @@ var HeaderRenderer = /** @class */ (function () {
                 overflowMode: 'Popup',
                 clicked: _this.toolbarClickHandler.bind(_this),
                 enableRtl: _this.parent.enableRtl,
+                enableHtmlSanitizer: _this.parent.enableHtmlSanitizer,
                 locale: _this.parent.locale
             });
             _this.toolbarObj.appendTo(_this.parent.element.querySelector('.' + cls.HEADER_TOOLBAR));

package/src/schedule/renderer/month-agenda.d.ts

@@ -1,4 +1,4 @@
-import { CellClickEventArgs, NotifyEventArgs } from '../base/interface';
+import { CellClickEventArgs, NotifyEventArgs, TdData } from '../base/interface';
 import { AgendaBase } from '../event-renderer/agenda-base';
 import { Schedule } from '../base/schedule';
 import { Month } from './month';
@@ -14,6 +14,7 @@ export declare class MonthAgenda extends Month {
     protected getModuleName(): string;
     renderAppointmentContainer(): void;
     getDayNameFormat(): string;
+    updateSelectedCellClass(data: TdData): void;
     private setEventWrapperHeight;
     onDataReady(args: NotifyEventArgs): void;
     onCellClick(event: CellClickEventArgs): void;

package/src/schedule/renderer/month-agenda.js

@@ -48,6 +48,11 @@ var MonthAgenda = /** @class */ (function (_super) {
         }
         return 'abbreviated';
     };
+    MonthAgenda.prototype.updateSelectedCellClass = function (data) {
+        if (util.resetTime(data.date).getTime() === util.resetTime(this.monthAgendaDate).getTime()) {
+            data.className.push(cls.SELECTED_CELL_CLASS);
+        }
+    };
     MonthAgenda.prototype.setEventWrapperHeight = function () {
         var headerHeight = (this.parent.headerModule ? this.parent.headerModule.getHeaderElement().offsetHeight : 0) + 2;
         var resourceWrapper = this.parent.element.querySelector('.' + cls.RESOURCE_HEADER_TOOLBAR);

package/src/schedule/renderer/month.d.ts

@@ -36,6 +36,7 @@ export declare class Month extends ViewBase implements IRenderer {
     private createHeaderCell;
     getContentSlots(): TdData[][];
     updateClassList(data: TdData): void;
+    updateSelectedCellClass(data: TdData): void;
     private isOtherMonth;
     renderContentArea(): Element;
     getContentRows(): Element[];

package/src/schedule/renderer/month.js

@@ -444,9 +444,11 @@ var Month = /** @class */ (function (_super) {
         if (!this.parent.isMinMaxDate(data.date)) {
             data.className.push(cls.DISABLE_DATES);
         }
-        if (this.parent.currentView === 'MonthAgenda' && this.parent.isSelectedDate(data.date)) {
-            data.className.push(cls.SELECTED_CELL_CLASS);
-        }
+        this.updateSelectedCellClass(data);
+    };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    Month.prototype.updateSelectedCellClass = function (data) {
+        return;
     };
     Month.prototype.isOtherMonth = function (date) {
         return date.getTime() < this.monthDates.start.getTime() || date.getTime() > this.monthDates.end.getTime();

package/src/schedule/renderer/timeline-year.js

@@ -171,15 +171,15 @@ var TimelineYear = /** @class */ (function (_super) {
             this.parent.virtualScrollModule.renderVirtualTrack(content);
         }
         var contentTBody = contentTable.querySelector('tbody');
-        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
-            if (this.parent.rowAutoHeight) {
-                var addClassTable = [contentTable];
-                var monthHeader = this.parent.element.querySelector('.' + cls.MONTH_HEADER_WRAPPER + ' .' + cls.SCHEDULE_TABLE_CLASS);
-                if (monthHeader) {
-                    addClassTable.push(monthHeader);
-                }
-                addClass(addClassTable, cls.AUTO_HEIGHT);
+        if (this.parent.rowAutoHeight) {
+            var addClassTable = [contentTable];
+            var monthHeader = this.parent.element.querySelector('.' + cls.MONTH_HEADER_WRAPPER + ' .' + cls.SCHEDULE_TABLE_CLASS);
+            if (monthHeader) {
+                addClassTable.push(monthHeader);
             }
+            addClass(addClassTable, cls.AUTO_HEIGHT);
+        }
+        if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
             var colCount = this.parent.activeViewOptions.orientation === 'Horizontal' ? this.colLevels.slice(-1)[0].length : this.columnCount;
             contentTable.appendChild(this.createTableColGroup(colCount));
             this.renderResourceContent(eventWrapper, monthTBody, contentTBody);
@@ -281,6 +281,9 @@ var TimelineYear = /** @class */ (function (_super) {
                 if (td.classList.contains(cls.OTHERMONTH_CLASS)) {
                     continue;
                 }
+                else {
+                    this.renderDates.push(new Date(date));
+                }
                 td.appendChild(dateHeader);
                 if (isDateAvail) {
                     td.setAttribute('data-date', date.getTime().toString());
@@ -295,6 +298,7 @@ var TimelineYear = /** @class */ (function (_super) {
                 }
             }
         }
+        this.renderDates.splice(0, 1);
     };
     TimelineYear.prototype.getContentRows = function () {
         var tRow = [];

package/src/schedule/renderer/vertical-view.js

@@ -93,8 +93,8 @@ var VerticalView = /** @class */ (function (_super) {
         var content = this.getScrollableElement();
         var header = this.getDatesHeaderElement();
         var scrollerHeight = this.parent.element.offsetHeight - headerBarHeight - header.offsetHeight;
-        this.setColWidth(content);
         this.setContentHeight(content, timeCells, scrollerHeight);
+        this.setColWidth(content);
         var scrollBarWidth = util.getScrollBarWidth();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         header.firstElementChild.style[args.cssProperties.rtlBorder] = '';

package/src/schedule/renderer/view-base.js

@@ -424,9 +424,9 @@ var ViewBase = /** @class */ (function () {
             append(quickTemplate, tdElement);
         }
         else {
-            tdElement.appendChild(createElement('div', {
-                className: className, innerHTML: tdData.resourceData[tdData.resource.textField]
-            }));
+            var resourceText = createElement('div', { className: className });
+            resourceText.innerText = this.parent.sanitize(tdData.resourceData[tdData.resource.textField]);
+            tdElement.appendChild(resourceText);
         }
     };
     ViewBase.prototype.renderResourceMobileLayout = function () {
@@ -450,7 +450,6 @@ var ViewBase = /** @class */ (function () {
             var colElements = this.getColElements();
             var contentBody = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
             var colWidth_1 = (contentBody.getBoundingClientRect().width / (colElements.length / 2));
-            colElements.forEach(function (col) { return setStyleAttribute(col, { 'width': formatUnit(colWidth_1) }); });
             if (content.offsetHeight !== content.clientHeight) {
                 var resourceColumn = this.parent.element.querySelector('.' + cls.RESOURCE_COLUMN_WRAP_CLASS);
                 if (!isNullOrUndefined(resourceColumn)) {

package/src/schedule/renderer/year.js

@@ -89,6 +89,7 @@ var Year = /** @class */ (function (_super) {
             calendarElement.appendChild(this.renderCalendarContent(currentMonth));
             calendarWrapper.appendChild(calendarElement);
         }
+        this.renderDates.splice(0, 1);
     };
     Year.prototype.renderCalendarHeader = function (currentDate) {
         var headerWrapper = createElement('div', { className: 'e-header e-month' });
@@ -148,7 +149,7 @@ var Year = /** @class */ (function (_super) {
                 var date = weekDates_1[_i];
                 var td = createElement('td', {
                     className: 'e-cell ' + cls.WORK_CELLS_CLASS,
-                    attrs: { 'aria-selected': 'false', 'data-date': date.getTime().toString() }
+                    attrs: { 'data-date': date.getTime().toString() }
                 });
                 if (this.parent.activeViewOptions.cellHeaderTemplate) {
                     var args = { date: date, type: 'monthCells' };
@@ -176,6 +177,9 @@ var Year = /** @class */ (function (_super) {
                     addClass([td], classList);
                 }
                 tr_1.appendChild(td);
+                if (currentDate.getMonth() === date.getMonth()) {
+                    this.renderDates.push(new Date(date));
+                }
                 if (!this.parent.isMinMaxDate(date)) {
                     addClass([td], cls.DISABLE_DATES);
                 }