@syncfusion/ej2-schedule 29.2.8 → 30.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/.eslintrc.json +2 -0
  2. package/README.md +1 -0
  3. package/dist/ej2-schedule.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es2015.js +56 -12
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +56 -11
  9. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  10. package/dist/global/ej2-schedule.min.js +2 -2
  11. package/dist/global/ej2-schedule.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +11 -11
  14. package/src/schedule/actions/crud.js +2 -2
  15. package/src/schedule/actions/keyboard.js +3 -0
  16. package/src/schedule/actions/resize.js +1 -1
  17. package/src/schedule/actions/touch.d.ts +1 -0
  18. package/src/schedule/actions/touch.js +27 -0
  19. package/src/schedule/actions/work-cells.js +3 -0
  20. package/src/schedule/event-renderer/agenda-base.js +2 -2
  21. package/src/schedule/event-renderer/month.js +4 -2
  22. package/src/schedule/event-renderer/timeline-view.js +1 -1
  23. package/src/schedule/event-renderer/vertical-view.js +7 -2
  24. package/src/schedule/popups/event-window.js +3 -0
  25. package/src/schedule/renderer/header-renderer.js +2 -1
  26. package/src/schedule/renderer/timeline-view.js +1 -1
  27. package/src/schedule/renderer/vertical-view.js +1 -0
  28. package/styles/bds-lite.css +5 -1
  29. package/styles/bds.css +10 -2
  30. package/styles/bootstrap-dark-lite.css +5 -1
  31. package/styles/bootstrap-dark.css +10 -2
  32. package/styles/bootstrap-lite.css +5 -1
  33. package/styles/bootstrap.css +10 -2
  34. package/styles/bootstrap4-lite.css +5 -1
  35. package/styles/bootstrap4.css +10 -2
  36. package/styles/bootstrap5-dark-lite.css +5 -1
  37. package/styles/bootstrap5-dark.css +10 -2
  38. package/styles/bootstrap5-lite.css +5 -1
  39. package/styles/bootstrap5.3-lite.css +5 -1
  40. package/styles/bootstrap5.3.css +10 -2
  41. package/styles/bootstrap5.css +10 -2
  42. package/styles/fabric-dark-lite.css +5 -1
  43. package/styles/fabric-dark.css +10 -2
  44. package/styles/fabric-lite.css +5 -1
  45. package/styles/fabric.css +10 -2
  46. package/styles/fluent-dark-lite.css +5 -1
  47. package/styles/fluent-dark.css +10 -2
  48. package/styles/fluent-lite.css +5 -1
  49. package/styles/fluent.css +10 -2
  50. package/styles/fluent2-lite.css +8 -4
  51. package/styles/fluent2.css +14 -6
  52. package/styles/highcontrast-light-lite.css +5 -1
  53. package/styles/highcontrast-light.css +10 -2
  54. package/styles/highcontrast-lite.css +5 -1
  55. package/styles/highcontrast.css +10 -2
  56. package/styles/material-dark-lite.css +5 -1
  57. package/styles/material-dark.css +10 -2
  58. package/styles/material-lite.css +5 -1
  59. package/styles/material.css +10 -2
  60. package/styles/material3-dark-lite.css +5 -1
  61. package/styles/material3-dark.css +10 -2
  62. package/styles/material3-lite.css +5 -1
  63. package/styles/material3.css +10 -2
  64. package/styles/schedule/_bigger.scss +8 -2
  65. package/styles/schedule/_fluent2-definition.scss +1 -1
  66. package/styles/schedule/_layout.scss +6 -2
  67. package/styles/schedule/bds.css +10 -2
  68. package/styles/schedule/bootstrap-dark.css +10 -2
  69. package/styles/schedule/bootstrap.css +10 -2
  70. package/styles/schedule/bootstrap4.css +10 -2
  71. package/styles/schedule/bootstrap5-dark.css +10 -2
  72. package/styles/schedule/bootstrap5.3.css +10 -2
  73. package/styles/schedule/bootstrap5.css +10 -2
  74. package/styles/schedule/fabric-dark.css +10 -2
  75. package/styles/schedule/fabric.css +10 -2
  76. package/styles/schedule/fluent-dark.css +10 -2
  77. package/styles/schedule/fluent.css +10 -2
  78. package/styles/schedule/fluent2.css +14 -6
  79. package/styles/schedule/highcontrast-light.css +10 -2
  80. package/styles/schedule/highcontrast.css +10 -2
  81. package/styles/schedule/material-dark.css +10 -2
  82. package/styles/schedule/material.css +10 -2
  83. package/styles/schedule/material3-dark.css +10 -2
  84. package/styles/schedule/material3.css +10 -2
  85. package/styles/schedule/tailwind-dark.css +10 -2
  86. package/styles/schedule/tailwind.css +10 -2
  87. package/styles/schedule/tailwind3.css +10 -2
  88. package/styles/tailwind-dark-lite.css +5 -1
  89. package/styles/tailwind-dark.css +10 -2
  90. package/styles/tailwind-lite.css +5 -1
  91. package/styles/tailwind.css +10 -2
  92. package/styles/tailwind3-lite.css +5 -1
  93. package/styles/tailwind3.css +10 -2
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 29.2.8
3
+ * version : 30.1.37
4
4
  * Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,22 +1,22 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-schedule",
3
- "version": "29.2.8",
3
+ "version": "30.1.37",
4
4
  "author": "Syncfusion Inc.",
5
5
  "license": "SEE LICENSE IN license",
6
6
  "main": "./dist/ej2-schedule.umd.min.js",
7
7
  "module": "./index.js",
8
8
  "es2015": "./dist/es6/ej2-schedule.es5.js",
9
9
  "dependencies": {
10
- "@syncfusion/ej2-base": "~29.2.4",
11
- "@syncfusion/ej2-buttons": "~29.2.5",
12
- "@syncfusion/ej2-calendars": "~29.2.5",
13
- "@syncfusion/ej2-data": "~29.2.4",
14
- "@syncfusion/ej2-dropdowns": "~29.2.8",
15
- "@syncfusion/ej2-excel-export": "~29.2.4",
16
- "@syncfusion/ej2-inputs": "~29.2.5",
17
- "@syncfusion/ej2-lists": "~29.2.4",
18
- "@syncfusion/ej2-navigations": "~29.2.8",
19
- "@syncfusion/ej2-popups": "~29.2.8"
10
+ "@syncfusion/ej2-base": "~30.1.37",
11
+ "@syncfusion/ej2-buttons": "~30.1.37",
12
+ "@syncfusion/ej2-calendars": "~30.1.37",
13
+ "@syncfusion/ej2-data": "~30.1.37",
14
+ "@syncfusion/ej2-dropdowns": "~30.1.37",
15
+ "@syncfusion/ej2-excel-export": "~30.1.37",
16
+ "@syncfusion/ej2-inputs": "~30.1.37",
17
+ "@syncfusion/ej2-lists": "~30.1.37",
18
+ "@syncfusion/ej2-navigations": "~30.1.37",
19
+ "@syncfusion/ej2-popups": "~30.1.37"
20
20
  },
21
21
  "devDependencies": {},
22
22
  "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.",
@@ -661,6 +661,7 @@ var Crud = /** @class */ (function () {
661
661
  if (!deleteArgs.cancel) {
662
662
  var fields_3 = _this.parent.eventFields;
663
663
  var editParams = { addedRecords: [], changedRecords: [], deletedRecords: [] };
664
+ var cloneEvents = extend([], deleteArgs.deletedRecords, null, true);
664
665
  var _loop_5 = function (a, count) {
665
666
  var isDelete = isNullOrUndefined(deleteArgs.deletedRecords[parseInt(a.toString(), 10)][_this.parent.eventFields.recurrenceRule]);
666
667
  if (!isDelete) {
@@ -697,8 +698,7 @@ var Crud = /** @class */ (function () {
697
698
  _loop_5(a, count);
698
699
  }
699
700
  var promise = _this.parent.dataModule.dataManager.saveChanges(editParams, fields_3.id, _this.getTable(), _this.getQuery());
700
- var cloneEvent = extend({}, deleteArgs.deletedRecords[deleteArgs.deletedRecords.length - 1], null, true);
701
- _this.parent.eventBase.selectWorkCellByTime([_this.parent.eventBase.processTimezone(cloneEvent)]);
701
+ _this.parent.eventBase.selectWorkCellByTime(cloneEvents);
702
702
  var crudArgs = {
703
703
  requestType: 'eventRemoved', cancel: false, data: deleteArgs.deletedRecords, promise: promise, editParams: editParams
704
704
  };
@@ -286,6 +286,9 @@ var KeyboardInteraction = /** @class */ (function () {
286
286
  }
287
287
  var queryStr = '.' + cls.WORK_CELLS_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS + ',.' + cls.HEADER_CELLS_CLASS;
288
288
  var target = closest(e.target, queryStr);
289
+ if (!target) {
290
+ return;
291
+ }
289
292
  var selectedCells = this.parent.getSelectedCells();
290
293
  if (selectedCells.length > 0 && selectedCells.indexOf(target) === -1) {
291
294
  target = selectedCells[selectedCells.length - 1];
@@ -526,7 +526,7 @@ var Resize = /** @class */ (function (_super) {
526
526
  }
527
527
  this.actionObj.event[this.parent.eventFields.isAllDay] = false;
528
528
  }
529
- var width = !isLeft && ((offsetWidth + this.actionObj.clone.offsetLeft > this.scrollArgs.width)) ?
529
+ var width = !isLeft && (Math.floor(offsetWidth + this.actionObj.clone.offsetLeft) > this.scrollArgs.width) ?
530
530
  this.parent.getElementWidth(this.actionObj.clone) : (offsetWidth < this.actionObj.cellWidth) ? offsetWidth : offsetWidth;
531
531
  if (this.parent.enableRtl) {
532
532
  var rightValue = isTimelineView ? parseInt(this.actionObj.element.style.right, 10) :
@@ -23,6 +23,7 @@ export declare class ScheduleTouch {
23
23
  private swapPanels;
24
24
  private confirmSwipe;
25
25
  private cancelSwipe;
26
+ private calculateResourceSpecificDates;
26
27
  private onTransitionEnd;
27
28
  private getTranslateX;
28
29
  private setDimensions;
@@ -211,14 +211,41 @@ var ScheduleTouch = /** @class */ (function () {
211
211
  });
212
212
  };
213
213
  ScheduleTouch.prototype.cancelSwipe = function () {
214
+ var _this = this;
214
215
  this.parent.activeView.setPanel(this.currentPanel.element);
215
216
  this.parent.setProperties({ selectedDate: this.currentPanel.selectedDate }, true);
216
217
  this.parent.activeView.renderDates = this.currentPanel.renderDates;
218
+ if (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.resourceBase.lastResourceLevel.length > 0) {
219
+ var workDaysField_1 = this.parent.resourceBase.resourceCollection[0].workDaysField;
220
+ this.parent.resourceBase.lastResourceLevel.forEach(function (resource) {
221
+ if (workDaysField_1) {
222
+ var resourceWorkDays = resource[workDaysField_1];
223
+ var hasCustomWorkDays = Array.isArray(resourceWorkDays) &&
224
+ (!_this.parent.showWeekend || _this.parent.currentView === 'WorkWeek');
225
+ resource.renderDates = hasCustomWorkDays
226
+ ? _this.calculateResourceSpecificDates(resource, workDaysField_1)
227
+ : _this.currentPanel.renderDates;
228
+ }
229
+ else {
230
+ resource.renderDates = _this.currentPanel.renderDates;
231
+ }
232
+ });
233
+ }
217
234
  this.parent.activeView.colLevels = this.currentPanel.colLevels;
218
235
  addClass([this.element], cls.TRANSLATE_CLASS);
219
236
  var prevWidth = this.previousPanel ? this.previousPanel.element.offsetWidth : 0;
220
237
  this.element.style.transform = 'translatex(' + (this.parent.enableRtl ? prevWidth : -this.currentPanel.element.offsetLeft) + 'px)';
221
238
  };
239
+ ScheduleTouch.prototype.calculateResourceSpecificDates = function (resource, workDaysField) {
240
+ var resourceDates = [];
241
+ var resourceWorkDays = resource[workDaysField];
242
+ this.currentPanel.renderDates.forEach(function (date) {
243
+ if (Array.isArray(resourceWorkDays) && resourceWorkDays.indexOf(date.getDay()) !== -1) {
244
+ resourceDates.push(date);
245
+ }
246
+ });
247
+ return resourceDates;
248
+ };
222
249
  ScheduleTouch.prototype.onTransitionEnd = function () {
223
250
  if (!isNullOrUndefined(this.element) && !this.element.classList.contains(cls.TRANSLATE_CLASS)) {
224
251
  return;
@@ -98,6 +98,9 @@ var WorkCellInteraction = /** @class */ (function () {
98
98
  }
99
99
  var args = extend(this.parent.activeCellsData, { cancel: false, event: e, name: 'cellDoubleClick' });
100
100
  this.parent.trigger(event.cellDoubleClick, args, function (clickArgs) {
101
+ if (!clickArgs.startTime) {
102
+ return;
103
+ }
101
104
  var date = new Date(clickArgs.startTime.getTime());
102
105
  if (!_this.parent.isMinMaxDate(new Date(date.setHours(0, 0, 0, 0)))) {
103
106
  return;
@@ -12,7 +12,7 @@ var __extends = (this && this.__extends) || (function () {
12
12
  };
13
13
  })();
14
14
  /* eslint-disable @typescript-eslint/no-explicit-any */
15
- import { isNullOrUndefined, addClass, createElement, append, EventHandler, extend, remove } from '@syncfusion/ej2-base';
15
+ import { isNullOrUndefined, addClass, createElement, append, EventHandler, extend, remove, initializeCSPTemplate } from '@syncfusion/ej2-base';
16
16
  import { ListBase } from '@syncfusion/ej2-lists';
17
17
  import { ViewBase } from '../renderer/view-base';
18
18
  import * as util from '../base/util';
@@ -34,7 +34,7 @@ var AgendaBase = /** @class */ (function (_super) {
34
34
  moduleName: 'agenda',
35
35
  listClass: this.parent.activeView.viewClass,
36
36
  itemClass: this.parent.activeView.viewClass,
37
- template: "<div class=\"" + cls.AGENDA_NO_EVENT_CLASS + "\">" + this.parent.localeObj.getConstant('noEvents') + "</div>"
37
+ template: initializeCSPTemplate(function () { return "<div class=\"" + cls.AGENDA_NO_EVENT_CLASS + "\">" + _this.parent.localeObj.getConstant('noEvents') + "</div>"; })
38
38
  });
39
39
  if (listElement.querySelector('.e-agenda-item').children.length === 0) {
40
40
  listElement.firstElementChild.appendChild(createElement('div', { className: cls.AGENDA_NO_EVENT_CLASS, innerHTML: this.parent.localeObj.getConstant('noEvents') }));
@@ -268,9 +268,11 @@ var MonthEvent = /** @class */ (function (_super) {
268
268
  var diffInDays = eventData.count;
269
269
  var appWidth = this.getEventWidth(startTime, endTime, event[this.fields.isAllDay], diffInDays);
270
270
  appWidth = (appWidth <= 0) ? this.cellWidth : appWidth;
271
- var appLeft = (this.parent.enableRtl) ? 0 : position;
272
- var appRight = (this.parent.enableRtl) ? position : 0;
271
+ appWidth = event.IsBlock ? appWidth - 1 : appWidth;
272
+ var appLeft = (this.parent.enableRtl) ? 0 : event.IsBlock ? position + 1 : position;
273
+ var appRight = (this.parent.enableRtl) ? event.IsBlock ? position + 1 : position : 0;
273
274
  var appHeight = this.cellHeight - this.monthHeaderHeight;
275
+ appHeight = event.IsBlock ? appHeight - 1 : appHeight;
274
276
  var appTop = this.getRowTop(resIndex);
275
277
  var blockElement = this.createBlockAppointmentElement(event, resIndex, this.isResourceEventTemplate);
276
278
  setStyleAttribute(blockElement, {
@@ -359,7 +359,7 @@ var TimelineEvent = /** @class */ (function (_super) {
359
359
  var element = blockElement_1[_i];
360
360
  var resIndex = parseInt(element.getAttribute('data-group-index'), 10);
361
361
  var firstChild = this.getFirstChild(resIndex);
362
- element.style.height = firstChild.offsetHeight + 'px';
362
+ element.style.height = (firstChild.offsetHeight - 1) + 'px';
363
363
  var width = element.offsetWidth / firstChild.offsetWidth;
364
364
  element.style.width = (firstChild.offsetWidth * width) + 'px';
365
365
  }
@@ -203,10 +203,15 @@ var VerticalEvent = /** @class */ (function (_super) {
203
203
  blockHeight = formatUnit(this.getHeight(eStart, eEnd));
204
204
  blockTop = formatUnit(this.getTopValue(eStart));
205
205
  }
206
+ if (eventObj.IsBlock) {
207
+ blockHeight = formatUnit(parseInt(blockHeight, 10) - 1);
208
+ }
206
209
  var appointmentElement = this.createBlockAppointmentElement(eventObj, resource, this.isResourceEventTemplate);
207
- setStyleAttribute(appointmentElement, { 'width': '100%', 'height': blockHeight, 'top': blockTop });
210
+ var appWidth = eventObj.IsBlock ? '99%' : '100%';
211
+ setStyleAttribute(appointmentElement, { 'width': appWidth, 'height': blockHeight, 'top': blockTop });
208
212
  var index = this.getDayIndex(dayIndex, resource, dayCount);
209
- this.appendEvent(eventObj, appointmentElement, index, '0px');
213
+ var appLeft = eventObj.IsBlock ? '0.5px' : '0px';
214
+ this.appendEvent(eventObj, appointmentElement, index, appLeft);
210
215
  }
211
216
  };
212
217
  VerticalEvent.prototype.renderEvents = function (eventType) {
@@ -959,6 +959,9 @@ var EventWindow = /** @class */ (function () {
959
959
  this.dialogObject.show();
960
960
  };
961
961
  EventWindow.prototype.convertToEventData = function (cellsData, eventObj) {
962
+ if (!cellsData) {
963
+ return;
964
+ }
962
965
  if (cellsData.subject) {
963
966
  eventObj[this.fields.subject] = cellsData.subject;
964
967
  }
@@ -37,10 +37,11 @@ var HeaderRenderer = /** @class */ (function () {
37
37
  var closestEle = closest(e.event.target, '.e-date-range,.e-header-popup,.e-day,.e-selected');
38
38
  var closestPop = closest(e.event.target, '.e-hor-nav,.e-toolbar-pop');
39
39
  var contentWrap = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
40
+ var toolbarPop = this.parent.element.querySelector('.e-toolbar-pop');
40
41
  if (this.parent.isAdaptive) {
41
42
  if (!isNullOrUndefined(closestPop) && (closestPop.classList.contains('e-toolbar-pop') ||
42
43
  closestPop.classList.contains('e-hor-nav')) && !(closestPop.classList.contains('e-hor-nav') &&
43
- this.element.querySelector('.e-toolbar-pop').classList.contains(cls.POPUP_OPEN))) {
44
+ toolbarPop && toolbarPop.classList.contains(cls.POPUP_OPEN))) {
44
45
  addClass([contentWrap], cls.SCROLL_HIDDEN);
45
46
  }
46
47
  else {
@@ -123,7 +123,6 @@ var TimelineViews = /** @class */ (function (_super) {
123
123
  };
124
124
  TimelineViews.prototype.changeCurrentTimePosition = function () {
125
125
  if (!this.parent || this.parent && this.parent.isDestroyed) {
126
- this.parent = null;
127
126
  return;
128
127
  }
129
128
  this.removeCurrentTimeIndicatorElements();
@@ -294,6 +293,7 @@ var TimelineViews = /** @class */ (function (_super) {
294
293
  };
295
294
  TimelineViews.prototype.destroy = function () {
296
295
  if (!this.parent || this.parent && this.parent.isDestroyed) {
296
+ this.parent = null;
297
297
  return;
298
298
  }
299
299
  if (this.timelineAppointment) {
@@ -329,6 +329,7 @@ var VerticalView = /** @class */ (function (_super) {
329
329
  };
330
330
  VerticalView.prototype.changeCurrentTimePosition = function () {
331
331
  if (!this.parent || this.parent && this.parent.isDestroyed) {
332
+ this.parent = null;
332
333
  return;
333
334
  }
334
335
  this.removeCurrentTimeIndicatorElements();
@@ -3343,7 +3343,11 @@
3343
3343
  padding: 8px 8px 8px 18px;
3344
3344
  text-align: left;
3345
3345
  }
3346
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3346
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3347
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3348
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3349
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3350
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3347
3351
  padding: 0 0 0 10px;
3348
3352
  }
3349
3353
  .e-quick-popup-wrapper.e-device {
package/styles/bds.css CHANGED
@@ -3343,7 +3343,11 @@
3343
3343
  padding: 8px 8px 8px 18px;
3344
3344
  text-align: left;
3345
3345
  }
3346
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3346
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3347
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3348
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3349
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3350
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3347
3351
  padding: 0 0 0 10px;
3348
3352
  }
3349
3353
  .e-quick-popup-wrapper.e-device {
@@ -4415,7 +4419,11 @@
4415
4419
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4416
4420
  padding-right: 0;
4417
4421
  }
4418
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4422
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4423
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4424
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4425
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4426
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4419
4427
  padding-right: 16px;
4420
4428
  }
4421
4429
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3125,7 +3125,11 @@
3125
3125
  padding: 8px 8px 8px 18px;
3126
3126
  text-align: left;
3127
3127
  }
3128
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3128
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3129
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3130
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3131
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3132
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3129
3133
  padding: 0 0 0 10px;
3130
3134
  }
3131
3135
  .e-quick-popup-wrapper.e-device {
@@ -3125,7 +3125,11 @@
3125
3125
  padding: 8px 8px 8px 18px;
3126
3126
  text-align: left;
3127
3127
  }
3128
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3128
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3129
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3130
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3131
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3132
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3129
3133
  padding: 0 0 0 10px;
3130
3134
  }
3131
3135
  .e-quick-popup-wrapper.e-device {
@@ -4197,7 +4201,11 @@
4197
4201
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4198
4202
  padding-right: 0;
4199
4203
  }
4200
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4204
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4205
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4206
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4207
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4208
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4201
4209
  padding-right: 13px;
4202
4210
  }
4203
4211
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3120,7 +3120,11 @@
3120
3120
  padding: 8px 8px 8px 18px;
3121
3121
  text-align: left;
3122
3122
  }
3123
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3123
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3124
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3125
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3126
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3127
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3124
3128
  padding: 0 0 0 10px;
3125
3129
  }
3126
3130
  .e-quick-popup-wrapper.e-device {
@@ -3120,7 +3120,11 @@
3120
3120
  padding: 8px 8px 8px 18px;
3121
3121
  text-align: left;
3122
3122
  }
3123
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3123
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3124
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3125
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3126
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3127
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3124
3128
  padding: 0 0 0 10px;
3125
3129
  }
3126
3130
  .e-quick-popup-wrapper.e-device {
@@ -4192,7 +4196,11 @@
4192
4196
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4193
4197
  padding-right: 0;
4194
4198
  }
4195
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4199
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4200
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4201
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4202
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4203
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4196
4204
  padding-right: 13px;
4197
4205
  }
4198
4206
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3167,7 +3167,11 @@
3167
3167
  padding: 8px 8px 8px 18px;
3168
3168
  text-align: left;
3169
3169
  }
3170
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3170
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3171
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3172
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3173
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3174
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3171
3175
  padding: 0 0 0 10px;
3172
3176
  }
3173
3177
  .e-quick-popup-wrapper.e-device {
@@ -3167,7 +3167,11 @@
3167
3167
  padding: 8px 8px 8px 18px;
3168
3168
  text-align: left;
3169
3169
  }
3170
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3170
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3171
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3172
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3173
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3174
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3171
3175
  padding: 0 0 0 10px;
3172
3176
  }
3173
3177
  .e-quick-popup-wrapper.e-device {
@@ -4239,7 +4243,11 @@
4239
4243
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4240
4244
  padding-right: 0;
4241
4245
  }
4242
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4246
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4247
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4248
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4249
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4250
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4243
4251
  padding-right: 13px;
4244
4252
  }
4245
4253
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3170,7 +3170,11 @@
3170
3170
  padding: 8px 8px 8px 18px;
3171
3171
  text-align: left;
3172
3172
  }
3173
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3173
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3174
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3175
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3176
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3177
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3174
3178
  padding: 0 0 0 10px;
3175
3179
  }
3176
3180
  .e-quick-popup-wrapper.e-device {
@@ -3170,7 +3170,11 @@
3170
3170
  padding: 8px 8px 8px 18px;
3171
3171
  text-align: left;
3172
3172
  }
3173
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3173
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3174
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3175
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3176
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3177
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3174
3178
  padding: 0 0 0 10px;
3175
3179
  }
3176
3180
  .e-quick-popup-wrapper.e-device {
@@ -4242,7 +4246,11 @@
4242
4246
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4243
4247
  padding-right: 0;
4244
4248
  }
4245
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4249
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4250
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4251
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4252
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4253
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4246
4254
  padding-right: 16px;
4247
4255
  }
4248
4256
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3170,7 +3170,11 @@
3170
3170
  padding: 8px 8px 8px 18px;
3171
3171
  text-align: left;
3172
3172
  }
3173
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3173
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3174
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3175
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3176
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3177
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3174
3178
  padding: 0 0 0 10px;
3175
3179
  }
3176
3180
  .e-quick-popup-wrapper.e-device {
@@ -3174,7 +3174,11 @@
3174
3174
  padding: 8px 8px 8px 18px;
3175
3175
  text-align: left;
3176
3176
  }
3177
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3177
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3178
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3179
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3180
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3181
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3178
3182
  padding: 0 0 0 10px;
3179
3183
  }
3180
3184
  .e-quick-popup-wrapper.e-device {
@@ -3174,7 +3174,11 @@
3174
3174
  padding: 8px 8px 8px 18px;
3175
3175
  text-align: left;
3176
3176
  }
3177
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3177
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3178
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3179
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3180
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3181
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3178
3182
  padding: 0 0 0 10px;
3179
3183
  }
3180
3184
  .e-quick-popup-wrapper.e-device {
@@ -4288,7 +4292,11 @@
4288
4292
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4289
4293
  padding-right: 0;
4290
4294
  }
4291
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4295
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4296
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4297
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4298
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4299
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4292
4300
  padding-right: 16px;
4293
4301
  }
4294
4302
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3170,7 +3170,11 @@
3170
3170
  padding: 8px 8px 8px 18px;
3171
3171
  text-align: left;
3172
3172
  }
3173
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3173
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3174
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3175
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3176
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3177
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3174
3178
  padding: 0 0 0 10px;
3175
3179
  }
3176
3180
  .e-quick-popup-wrapper.e-device {
@@ -4242,7 +4246,11 @@
4242
4246
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4243
4247
  padding-right: 0;
4244
4248
  }
4245
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4249
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4250
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4251
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4252
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4253
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4246
4254
  padding-right: 16px;
4247
4255
  }
4248
4256
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3095,7 +3095,11 @@
3095
3095
  padding: 8px 8px 8px 18px;
3096
3096
  text-align: left;
3097
3097
  }
3098
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3098
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3099
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3100
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3101
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3102
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3099
3103
  padding: 0 0 0 10px;
3100
3104
  }
3101
3105
  .e-quick-popup-wrapper.e-device {
@@ -3095,7 +3095,11 @@
3095
3095
  padding: 8px 8px 8px 18px;
3096
3096
  text-align: left;
3097
3097
  }
3098
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3098
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3099
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3100
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3101
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3102
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3099
3103
  padding: 0 0 0 10px;
3100
3104
  }
3101
3105
  .e-quick-popup-wrapper.e-device {
@@ -4167,7 +4171,11 @@
4167
4171
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4168
4172
  padding-right: 0;
4169
4173
  }
4170
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4174
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4175
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4176
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4177
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4178
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4171
4179
  padding-right: 13px;
4172
4180
  }
4173
4181
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
@@ -3092,7 +3092,11 @@
3092
3092
  padding: 8px 8px 8px 18px;
3093
3093
  text-align: left;
3094
3094
  }
3095
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3095
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3096
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3097
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3098
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3099
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3096
3100
  padding: 0 0 0 10px;
3097
3101
  }
3098
3102
  .e-quick-popup-wrapper.e-device {
package/styles/fabric.css CHANGED
@@ -3092,7 +3092,11 @@
3092
3092
  padding: 8px 8px 8px 18px;
3093
3093
  text-align: left;
3094
3094
  }
3095
- .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3095
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon,
3096
+ .e-quick-popup-wrapper.e-rtl .e-location-icon,
3097
+ .e-quick-popup-wrapper.e-rtl .e-time-zone-icon,
3098
+ .e-quick-popup-wrapper.e-rtl .e-description-icon,
3099
+ .e-quick-popup-wrapper.e-rtl .e-resource-icon {
3096
3100
  padding: 0 0 0 10px;
3097
3101
  }
3098
3102
  .e-quick-popup-wrapper.e-device {
@@ -4164,7 +4168,11 @@
4164
4168
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
4165
4169
  padding-right: 0;
4166
4170
  }
4167
- .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
4171
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon,
4172
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-location-icon,
4173
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-time-zone-icon,
4174
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-description-icon,
4175
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-resource-icon {
4168
4176
  padding-right: 13px;
4169
4177
  }
4170
4178
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {