@syncfusion/ej2-schedule 30.2.7 → 31.1.17

package/src/schedule/event-renderer/inline-edit.js

@@ -65,6 +65,7 @@ var InlineEdit = /** @class */ (function () {
     InlineEdit.prototype.eventEdit = function (args) {
         var inlineSubject = args.element.querySelector('.' + cls.INLINE_SUBJECT_CLASS);
         var subject;
+        addClass([args.element], cls.INLINE_EDIT_CLASS);
         if (inlineSubject) {
             subject = inlineSubject.value;
         }
@@ -72,11 +73,9 @@ var InlineEdit = /** @class */ (function () {
             var subEle = args.element.querySelector('.' + cls.SUBJECT_CLASS);
             if (!isNullOrUndefined(subEle)) {
                 addClass([subEle], cls.DISABLE_CLASS);
-                subject = subEle.innerText;
-            }
-            else {
-                subject = args.data[this.parent.eventFields.subject];
             }
+            subject = !isNullOrUndefined(args.data) && args.data[this.parent.eventFields.subject] ||
+                this.parent.eventSettings.fields.subject.default || this.parent.localeObj.getConstant('addTitle');
             inlineSubject = this.inlineInputEle =
                 createElement('input', { className: cls.INLINE_SUBJECT_CLASS, attrs: { value: subject } });
             if (closest(args.element, '.' + cls.MORE_POPUP_WRAPPER_CLASS)) {
@@ -98,7 +97,12 @@ var InlineEdit = /** @class */ (function () {
                     args.element.querySelector('.e-appointment-details').prepend(inlineSubject);
                 }
                 else {
-                    innerWrapElement.prepend(inlineSubject);
+                    if (subEle && this.parent.activeViewOptions && !this.parent.activeViewOptions.eventTemplate) {
+                        innerWrapElement.insertBefore(inlineSubject, subEle);
+                    }
+                    else {
+                        innerWrapElement.prepend(inlineSubject);
+                    }
                 }
             }
             inlineSubject.focus();
@@ -225,7 +229,7 @@ var InlineEdit = /** @class */ (function () {
     };
     InlineEdit.prototype.createInlineAppointmentElement = function (inlineData) {
         var inlineAppointmentElement = createElement('div', {
-            className: cls.APPOINTMENT_CLASS + ' ' + cls.INLINE_APPOINTMENT_CLASS
+            className: cls.APPOINTMENT_CLASS + ' ' + cls.INLINE_APPOINTMENT_CLASS + ' ' + cls.INLINE_EDIT_CLASS
         });
         var inlineDetails = createElement('div', { className: cls.APPOINTMENT_DETAILS });
         inlineAppointmentElement.appendChild(inlineDetails);
@@ -251,6 +255,7 @@ var InlineEdit = /** @class */ (function () {
         var inlineSubject = this.getInlineElement();
         if (inlineSubject) {
             var appointmentSubject = closest(inlineSubject, '.' + cls.APPOINTMENT_CLASS);
+            removeClass([appointmentSubject], cls.INLINE_EDIT_CLASS);
             var subject = appointmentSubject.querySelector('.' + cls.SUBJECT_CLASS);
             if (!isNullOrUndefined(subject)) {
                 removeClass([subject], cls.DISABLE_CLASS);

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

@@ -136,13 +136,15 @@ var MonthEvent = /** @class */ (function (_super) {
             this.parent.notify(events.scrollUiUpdate, data);
             if (this.parent.currentView === 'Month' && this.parent.showWeekNumber) {
                 var totalCells_1 = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
-                var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('.' + cls.WEEK_NUMBER_CLASS));
+                var weekNumberCells = [].slice.call(this.parent.element.querySelectorAll('td' + '.' + cls.WEEK_NUMBER_CLASS));
                 weekNumberCells.forEach(function (cell, i) {
                     var height = totalCells_1[parseInt(i.toString(), 10)].offsetHeight;
                     setStyleAttribute(cell, { 'height': height + 'px' });
                 });
-                this.parent.element.querySelector('.' + cls.WEEK_NUMBER_WRAPPER_CLASS).scrollTop =
-                    this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS).scrollTop;
+                var weekNumberWrapper = this.parent.element.querySelector('.' + cls.WEEK_NUMBER_WRAPPER_CLASS);
+                if (!isNullOrUndefined(weekNumberWrapper)) {
+                    weekNumberWrapper.scrollTop = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS).scrollTop;
+                }
             }
         }
         this.parent.renderTemplates();

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

@@ -499,6 +499,9 @@ var VerticalEvent = /** @class */ (function (_super) {
         var record = this.splitEvent(eventObj, currentDates)[0];
         var eStart = new Date(record[this.parent.eventFields.startTime].getTime());
         var eEnd = new Date(record[this.parent.eventFields.endTime].getTime());
+        if (eStart.getTime() < this.parent.minDate.getTime() || eEnd.getTime() > this.parent.maxDate.getTime()) {
+            return;
+        }
         var appWidth = 0;
         var topValue = 1;
         var isDateRange = currentDates[0].getTime() <= eStart.getTime() &&

package/src/schedule/event-renderer/year.d.ts

@@ -12,7 +12,9 @@ export declare class YearEvent extends TimelineEvent {
     private timelineYearViewEvents;
     private updateSpannedEvents;
     private timelineResourceEvents;
+    private shouldRenderAppointment;
     private renderResourceEvent;
+    setMaxEventHeight(event: HTMLElement, cell: HTMLElement): void;
     private renderEvent;
     private renderMoreIndicator;
     private createEventElement;

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

@@ -175,9 +175,10 @@ var YearEvent = /** @class */ (function (_super) {
                             return "continue";
                         }
                     }
-                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) ||
-                        (this_1.cellHeight > availedHeight);
-                    if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
+                    if (this_1.maxHeight && this_1.parent.currentView.indexOf('Timeline') !== -1 && overlapIndex > 0) {
+                        return "continue";
+                    }
+                    if (this_1.parent.rowAutoHeight || this_1.shouldRenderAppointment(overlapIndex, availedHeight)) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
                         if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
                             this_1.updateCellHeight(rowTd, availedHeight);
@@ -312,6 +313,19 @@ var YearEvent = /** @class */ (function (_super) {
             });
         }
     };
+    YearEvent.prototype.shouldRenderAppointment = function (overlapIndex, availedHeight) {
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
+        if (this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight &&
+            !this.parent.eventSettings.enableIndicator) {
+            return overlapIndex < eventsPerRow;
+        }
+        else if (this.maxOrIndicator) {
+            return overlapIndex < 1;
+        }
+        else {
+            return this.cellHeight > availedHeight;
+        }
+    };
     YearEvent.prototype.renderResourceEvent = function (wrapper, resource, month, index, monthStart) {
         var eventWrapper = createElement('div', { className: cls.APPOINTMENT_WRAPPER_CLASS });
         wrapper.appendChild(eventWrapper);
@@ -352,7 +366,10 @@ var YearEvent = /** @class */ (function (_super) {
                     return "continue";
                 }
             }
-            if (this_2.parent.rowAutoHeight || this_2.cellHeight > availedHeight) {
+            if (this_2.maxHeight && this_2.parent.currentView.indexOf('Timeline') !== -1 && overlapIndex > 0) {
+                return "continue";
+            }
+            if (this_2.parent.rowAutoHeight || this_2.shouldRenderAppointment(overlapIndex, availedHeight)) {
                 this_2.renderEvent(eventWrapper, eventData, month, leftValue, leftValue, monthStart, index);
                 this_2.updateCellHeight(td, availedHeight);
                 isSpannedCollection.push(eventData);
@@ -377,6 +394,10 @@ var YearEvent = /** @class */ (function (_super) {
                 break;
         }
     };
+    YearEvent.prototype.setMaxEventHeight = function (event, cell) {
+        var height = (cell.offsetHeight - this.cellHeader) - (this.maxHeight ? 0 : this.moreIndicatorHeight);
+        setStyleAttribute(event, { 'height': height + 'px', 'align-items': 'center' });
+    };
     // eslint-disable-next-line max-len
     YearEvent.prototype.renderEvent = function (wrapper, eventData, row, left, right, monthDate, rowIndex) {
         var _this = this;
@@ -407,6 +428,9 @@ var YearEvent = /** @class */ (function (_super) {
         setStyleAttribute(wrap, {
             'width': width + 'px', 'height': this.eventHeight + 'px', 'left': left + 'px', 'right': right + 'px', 'top': top + 'px'
         });
+        if (this.maxOrIndicator && this.parent.currentView.indexOf('Timeline') !== -1) {
+            this.setMaxEventHeight(wrap, rowTd);
+        }
         if (!this.isResource && this.parent.rowAutoHeight && this.parent.activeViewOptions.orientation === 'Vertical') {
             wrap.setAttribute('data-index', eventObj.Index.toString());
         }

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

@@ -47,6 +47,10 @@ var EventTooltip = /** @class */ (function () {
             return;
         }
         if (args.target.classList.contains(cls.RESOURCE_CELLS_CLASS) && this.parent.activeViewOptions.group.resources.length > 0) {
+            if (args.target.closest('.' + cls.LEFT_INDENT_WRAP_CLASS)) {
+                args.cancel = true;
+                return;
+            }
             var resCollection = void 0;
             if (this.parent.activeView.isTimelineView()) {
                 var index = parseInt(args.target.getAttribute('data-group-index'), 10);

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

@@ -1255,9 +1255,9 @@ var EventWindow = /** @class */ (function () {
             var startObj = startDate.ej2_instances[0];
             var endObj = endDate.ej2_instances[0];
             startObj.min = this.parent.minDate;
-            startObj.max = this.parent.maxDate;
+            startObj.max = new Date(new Date(+this.parent.maxDate).setHours(23, 59, 59));
             endObj.min = this.parent.minDate;
-            endObj.max = this.parent.maxDate;
+            endObj.max = new Date(new Date(+this.parent.maxDate).setHours(23, 59, 59));
             startObj.dataBind();
             endObj.dataBind();
         }

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

@@ -1330,7 +1330,11 @@ var QuickPopups = /** @class */ (function () {
         if (closest(target, '.' + cls.APPOINTMENT_CLASS + ',.' + cls.HEADER_CELLS_CLASS)) {
             this.parent.removeNewEventElement();
         }
-        if (!closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS) && (target.classList &&
+        var isQuickPopupClick = closest(target, '.' + cls.POPUP_WRAPPER_CLASS) ||
+            closest(target, '.' + cls.QUICK_DIALOG_CLASS);
+        var isEditButton = target.classList.contains(cls.EDIT_EVENT_CLASS) ||
+            target.classList.contains(cls.EDIT_CLASS) || target.classList.contains(cls.EDIT_ICON_CLASS);
+        if (isEditButton || !isQuickPopupClick && !closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS) && (target.classList &&
             !target.classList.contains(cls.MORE_INDICATOR_CLASS))
             && (!closest(target, '.' + cls.MORE_POPUP_WRAPPER_CLASS + '.' + cls.POPUP_OPEN))
             && !closest(target, '.' + cls.WORK_CELLS_CLASS)) {

package/src/schedule/renderer/agenda.js

@@ -78,11 +78,12 @@ var Agenda = /** @class */ (function (_super) {
         this.parent.eventsProcessed = this.processAgendaEvents(eventCollection);
         var agendaDate = util.resetTime(this.parent.selectedDate);
         var tBody = this.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody');
+        var contentArea = closest(tBody, '.' + cls.CONTENT_WRAP_CLASS);
+        var scrollTop = contentArea.scrollTop;
         util.removeChildren(tBody);
         this.renderInitialContent(tBody, agendaDate);
         this.wireEventActions();
-        var contentArea = closest(tBody, '.' + cls.CONTENT_WRAP_CLASS);
-        contentArea.scrollTop = 1;
+        contentArea.scrollTop = scrollTop;
         this.parent.notify(event.eventsLoaded, {});
         if (!this.parent.activeViewOptions.allowVirtualScrolling) {
             this.retainScrollPosition();

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

@@ -398,7 +398,7 @@ var VerticalView = /** @class */ (function (_super) {
             case 'dateHeader':
                 if (this.parent.activeViewOptions.dateHeaderTemplate) {
                     templateName = 'dateHeaderTemplate';
-                    var args = { date: date, type: type };
+                    var args = { date: date, type: type, groupIndex: groupIndex };
                     var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
                     cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }

package/src/schedule/renderer/year.js

@@ -401,10 +401,11 @@ var Year = /** @class */ (function (_super) {
         var startDate = isDateColAvail ? dateCollection[0] : this.getStartDate();
         var endDate = isDateColAvail ? dateCollection[dateCollection.length - 1] : this.getEndDate();
         if (startDate.getFullYear() !== endDate.getFullYear()) {
-            return this.parent.globalize.formatDate(startDate, { skeleton: 'yMMM' }) + ' - ' + this.parent.globalize.formatDate(endDate, { skeleton: 'yMMM' });
+            return this.parent.globalize.formatDate(startDate, { format: 'MMM y', calendar: this.parent.getCalendarMode() })
+                + ' - ' + this.parent.globalize.formatDate(endDate, { format: 'MMM y', calendar: this.parent.getCalendarMode() });
         }
         else {
-            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y' });
+            return this.parent.globalize.formatDate(isDateColAvail ? dateCollection[0] : date, { skeleton: 'y', calendar: this.parent.getCalendarMode() });
         }
     };
     Year.prototype.addEventListener = function () {

package/styles/bds-lite.css

@@ -1415,7 +1415,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2295,6 +2294,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3328,13 +3331,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3520,6 +3516,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4222,6 +4222,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }

package/styles/bds.css

@@ -1415,7 +1415,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2295,6 +2294,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3328,13 +3331,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3520,6 +3516,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4889,6 +4889,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }

package/styles/bootstrap-dark-lite.css

@@ -1197,7 +1197,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2077,6 +2076,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3110,13 +3113,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3302,6 +3298,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4004,6 +4004,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }
@@ -4042,7 +4045,7 @@
 }
 .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
   min-width: 30px;
-  margin-bottom: 18px;
+  margin-bottom: 23px;
 }
 .e-recurrenceeditor .e-input-wrapper-side {
   float: left;

package/styles/bootstrap-dark.css

@@ -1197,7 +1197,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2077,6 +2076,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3110,13 +3113,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3302,6 +3298,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4671,6 +4671,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }
@@ -4709,7 +4712,7 @@
 }
 .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
   min-width: 30px;
-  margin-bottom: 18px;
+  margin-bottom: 23px;
 }
 .e-recurrenceeditor .e-input-wrapper-side {
   float: left;

package/styles/bootstrap-lite.css

@@ -1192,7 +1192,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2072,6 +2071,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3105,13 +3108,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3297,6 +3293,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -3999,6 +3999,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }
@@ -4037,7 +4040,7 @@
 }
 .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
   min-width: 30px;
-  margin-bottom: 18px;
+  margin-bottom: 23px;
 }
 .e-recurrenceeditor .e-input-wrapper-side {
   float: left;

package/styles/bootstrap.css

@@ -1192,7 +1192,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2072,6 +2071,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 5px;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3105,13 +3108,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3297,6 +3293,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.4;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4666,6 +4666,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }
@@ -4704,7 +4707,7 @@
 }
 .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
   min-width: 30px;
-  margin-bottom: 18px;
+  margin-bottom: 23px;
 }
 .e-recurrenceeditor .e-input-wrapper-side {
   float: left;

package/styles/bootstrap4-lite.css

@@ -1239,7 +1239,6 @@
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
   font-weight: 500;
-  margin-left: 15px;
   margin-right: auto;
 }
 .e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon,
@@ -2119,6 +2118,10 @@
 .e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap {
   text-align: right;
 }
+.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table tbody td,
+.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table tbody td {
+  padding: 8px 8px 8px 0;
+}
 .e-schedule.e-device .e-month-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-view .e-date-header-wrap,
 .e-schedule.e-device .e-timeline-month-view .e-date-header-wrap {
@@ -3152,13 +3155,6 @@
   left: 6px;
   right: auto;
 }
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details,
-.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
-  margin-right: 10px;
-}
 .e-quick-popup-wrapper.e-rtl .e-event-details,
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
@@ -3344,6 +3340,10 @@
   display: none;
 }
 
+.e-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
+  line-height: 1.5;
+}
+
 @media print {
   .e-schedule .e-table-container {
     display: block;
@@ -4046,6 +4046,9 @@
 .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
   padding: 0 8px 0 0;
 }
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  margin-right: 20px;
+}
 .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
   width: 30px;
 }