@syncfusion/ej2-schedule 20.3.61 → 20.4.38

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 (157) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +8 -0
  3. package/README.md +62 -46
  4. package/dist/ej2-schedule.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js +2 -2
  6. package/dist/ej2-schedule.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es2015.js +786 -524
  8. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  9. package/dist/es6/ej2-schedule.es5.js +821 -535
  10. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  11. package/dist/global/ej2-schedule.min.js +2 -2
  12. package/dist/global/ej2-schedule.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +22 -30
  15. package/src/common/calendar-util.js +1 -1
  16. package/src/recurrence-editor/date-generator.js +26 -26
  17. package/src/recurrence-editor/recurrence-editor.js +5 -5
  18. package/src/schedule/actions/action-base.js +3 -3
  19. package/src/schedule/actions/crud.js +16 -16
  20. package/src/schedule/actions/drag.js +36 -32
  21. package/src/schedule/actions/keyboard.js +10 -8
  22. package/src/schedule/actions/resize.js +6 -6
  23. package/src/schedule/actions/touch.js +4 -3
  24. package/src/schedule/actions/virtual-scroll.js +10 -7
  25. package/src/schedule/base/interface.d.ts +8 -1
  26. package/src/schedule/base/resource.d.ts +1 -0
  27. package/src/schedule/base/resource.js +179 -93
  28. package/src/schedule/base/schedule-model.d.ts +7 -0
  29. package/src/schedule/base/schedule.d.ts +23 -0
  30. package/src/schedule/base/schedule.js +73 -22
  31. package/src/schedule/base/util.js +4 -6
  32. package/src/schedule/event-renderer/agenda-base.js +36 -31
  33. package/src/schedule/event-renderer/event-base.js +25 -25
  34. package/src/schedule/event-renderer/inline-edit.js +8 -5
  35. package/src/schedule/event-renderer/month.js +17 -14
  36. package/src/schedule/event-renderer/timeline-view.js +11 -11
  37. package/src/schedule/event-renderer/vertical-view.d.ts +1 -0
  38. package/src/schedule/event-renderer/vertical-view.js +97 -70
  39. package/src/schedule/event-renderer/year.js +25 -17
  40. package/src/schedule/exports/calendar-export.js +4 -4
  41. package/src/schedule/exports/calendar-import.js +14 -15
  42. package/src/schedule/exports/excel-export.js +1 -1
  43. package/src/schedule/models/group-model.d.ts +8 -0
  44. package/src/schedule/models/group.d.ts +7 -0
  45. package/src/schedule/models/group.js +3 -0
  46. package/src/schedule/models/views-model.d.ts +8 -1
  47. package/src/schedule/models/views.d.ts +7 -1
  48. package/src/schedule/models/views.js +3 -0
  49. package/src/schedule/popups/event-tooltip.js +3 -2
  50. package/src/schedule/popups/event-window.js +36 -30
  51. package/src/schedule/popups/quick-popups.js +6 -6
  52. package/src/schedule/renderer/agenda.js +5 -5
  53. package/src/schedule/renderer/header-renderer.d.ts +1 -1
  54. package/src/schedule/renderer/header-renderer.js +21 -5
  55. package/src/schedule/renderer/month-agenda.js +11 -4
  56. package/src/schedule/renderer/month.js +44 -16
  57. package/src/schedule/renderer/renderer.js +3 -3
  58. package/src/schedule/renderer/timeline-header-row.js +7 -7
  59. package/src/schedule/renderer/timeline-month.js +5 -5
  60. package/src/schedule/renderer/timeline-view.js +2 -2
  61. package/src/schedule/renderer/timeline-year.js +20 -14
  62. package/src/schedule/renderer/vertical-view.js +24 -9
  63. package/src/schedule/renderer/view-base.d.ts +3 -0
  64. package/src/schedule/renderer/view-base.js +11 -3
  65. package/src/schedule/renderer/year.js +11 -5
  66. package/styles/bootstrap-dark.css +364 -101
  67. package/styles/bootstrap.css +363 -99
  68. package/styles/bootstrap4.css +375 -141
  69. package/styles/bootstrap5-dark.css +339 -137
  70. package/styles/bootstrap5.css +339 -137
  71. package/styles/fabric-dark.css +330 -101
  72. package/styles/fabric.css +316 -106
  73. package/styles/fluent-dark.css +395 -102
  74. package/styles/fluent.css +395 -102
  75. package/styles/highcontrast-light.css +407 -98
  76. package/styles/highcontrast.css +399 -113
  77. package/styles/material-dark.css +362 -110
  78. package/styles/material.css +404 -110
  79. package/styles/recurrence-editor/_layout.scss +42 -28
  80. package/styles/recurrence-editor/bootstrap-dark.css +137 -28
  81. package/styles/recurrence-editor/bootstrap-dark.scss +5 -0
  82. package/styles/recurrence-editor/bootstrap.css +137 -28
  83. package/styles/recurrence-editor/bootstrap.scss +5 -0
  84. package/styles/recurrence-editor/bootstrap4.css +171 -28
  85. package/styles/recurrence-editor/bootstrap4.scss +5 -0
  86. package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
  87. package/styles/recurrence-editor/bootstrap5-dark.scss +5 -0
  88. package/styles/recurrence-editor/bootstrap5.css +178 -28
  89. package/styles/recurrence-editor/bootstrap5.scss +5 -0
  90. package/styles/recurrence-editor/fabric-dark.css +113 -28
  91. package/styles/recurrence-editor/fabric-dark.scss +5 -0
  92. package/styles/recurrence-editor/fabric.css +106 -28
  93. package/styles/recurrence-editor/fabric.scss +5 -0
  94. package/styles/recurrence-editor/fluent-dark.css +158 -28
  95. package/styles/recurrence-editor/fluent-dark.scss +5 -0
  96. package/styles/recurrence-editor/fluent.css +158 -28
  97. package/styles/recurrence-editor/fluent.scss +5 -0
  98. package/styles/recurrence-editor/highcontrast-light.css +110 -28
  99. package/styles/recurrence-editor/highcontrast-light.scss +5 -0
  100. package/styles/recurrence-editor/highcontrast.css +110 -28
  101. package/styles/recurrence-editor/highcontrast.scss +5 -0
  102. package/styles/recurrence-editor/material-dark.css +138 -28
  103. package/styles/recurrence-editor/material-dark.scss +5 -0
  104. package/styles/recurrence-editor/material.css +163 -28
  105. package/styles/recurrence-editor/material.scss +5 -0
  106. package/styles/recurrence-editor/tailwind-dark.css +126 -28
  107. package/styles/recurrence-editor/tailwind-dark.scss +5 -0
  108. package/styles/recurrence-editor/tailwind.css +126 -28
  109. package/styles/recurrence-editor/tailwind.scss +5 -0
  110. package/styles/schedule/_bootstrap-dark-definition.scss +63 -4
  111. package/styles/schedule/_bootstrap-definition.scss +62 -3
  112. package/styles/schedule/_bootstrap4-definition.scss +65 -5
  113. package/styles/schedule/_bootstrap5-definition.scss +63 -5
  114. package/styles/schedule/_fabric-dark-definition.scss +61 -3
  115. package/styles/schedule/_fabric-definition.scss +62 -3
  116. package/styles/schedule/_fluent-definition.scss +63 -6
  117. package/styles/schedule/_fusionnew-definition.scss +60 -3
  118. package/styles/schedule/_highcontrast-definition.scss +62 -3
  119. package/styles/schedule/_highcontrast-light-definition.scss +62 -3
  120. package/styles/schedule/_layout.scss +117 -506
  121. package/styles/schedule/_material-dark-definition.scss +63 -4
  122. package/styles/schedule/_material-definition.scss +63 -4
  123. package/styles/schedule/_material3-definition.scss +62 -3
  124. package/styles/schedule/_tailwind-definition.scss +63 -6
  125. package/styles/schedule/_theme.scss +97 -62
  126. package/styles/schedule/bootstrap-dark.css +332 -73
  127. package/styles/schedule/bootstrap-dark.scss +11 -0
  128. package/styles/schedule/bootstrap.css +331 -71
  129. package/styles/schedule/bootstrap.scss +11 -0
  130. package/styles/schedule/bootstrap4.css +343 -113
  131. package/styles/schedule/bootstrap4.scss +11 -0
  132. package/styles/schedule/bootstrap5-dark.css +307 -109
  133. package/styles/schedule/bootstrap5-dark.scss +11 -0
  134. package/styles/schedule/bootstrap5.css +307 -109
  135. package/styles/schedule/bootstrap5.scss +11 -0
  136. package/styles/schedule/fabric-dark.css +298 -73
  137. package/styles/schedule/fabric-dark.scss +11 -0
  138. package/styles/schedule/fabric.css +284 -78
  139. package/styles/schedule/fabric.scss +11 -0
  140. package/styles/schedule/fluent-dark.css +363 -74
  141. package/styles/schedule/fluent-dark.scss +11 -0
  142. package/styles/schedule/fluent.css +363 -74
  143. package/styles/schedule/fluent.scss +11 -0
  144. package/styles/schedule/highcontrast-light.css +375 -70
  145. package/styles/schedule/highcontrast-light.scss +11 -0
  146. package/styles/schedule/highcontrast.css +367 -85
  147. package/styles/schedule/highcontrast.scss +11 -0
  148. package/styles/schedule/material-dark.css +330 -82
  149. package/styles/schedule/material-dark.scss +11 -0
  150. package/styles/schedule/material.css +372 -82
  151. package/styles/schedule/material.scss +11 -0
  152. package/styles/schedule/tailwind-dark.css +246 -111
  153. package/styles/schedule/tailwind-dark.scss +11 -0
  154. package/styles/schedule/tailwind.css +246 -111
  155. package/styles/schedule/tailwind.scss +11 -0
  156. package/styles/tailwind-dark.css +279 -140
  157. package/styles/tailwind.css +279 -140
@@ -1,3 +1,138 @@
1
+ /* stylelint-disable */
2
+ /* stylelint-disable property-no-vendor-prefix */
3
+ .e-popup.e-ddl {
4
+ border-radius: 4px;
5
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
6
+ margin-top: 3px;
7
+ }
8
+ .e-popup.e-ddl .e-input-group {
9
+ width: auto;
10
+ }
11
+ .e-popup.e-ddl .e-input-group input {
12
+ line-height: 15px;
13
+ }
14
+
15
+ .e-popup.e-ddl .e-dropdownbase {
16
+ min-height: 26px;
17
+ }
18
+
19
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
20
+ display: -ms-flexbox;
21
+ display: flex;
22
+ width: auto;
23
+ }
24
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
25
+ border: 0;
26
+ }
27
+
28
+ .e-bigger .e-popup.e-ddl-device-filter {
29
+ margin-top: 0;
30
+ }
31
+
32
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
33
+ font-size: 15px;
34
+ line-height: 40px;
35
+ padding-left: 0;
36
+ text-indent: 24px;
37
+ }
38
+
39
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
40
+ padding-left: 4px;
41
+ }
42
+
43
+ .e-bigger .e-popup.e-ddl .e-input-group {
44
+ padding: 4px 0;
45
+ }
46
+
47
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
48
+ height: 38px;
49
+ }
50
+
51
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
52
+ min-height: 40px;
53
+ }
54
+
55
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
56
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
57
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
58
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
61
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
62
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
63
+ background: transparent;
64
+ color: #f0f0f0;
65
+ }
66
+
67
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
68
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
69
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
70
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
71
+ border: 0;
72
+ }
73
+
74
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
75
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
76
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
77
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
78
+ box-shadow: none;
79
+ }
80
+
81
+ .e-ddl.e-popup .e-filter-parent {
82
+ border-bottom: 1px solid #484848;
83
+ }
84
+
85
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
86
+ font-size: 14px;
87
+ line-height: 34px;
88
+ padding-left: 0;
89
+ text-indent: 16px;
90
+ }
91
+
92
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
93
+ padding-left: 4px;
94
+ }
95
+
96
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
97
+ padding: 4px 0;
98
+ }
99
+
100
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
101
+ height: 30px;
102
+ }
103
+
104
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
105
+ min-height: 34px;
106
+ }
107
+
108
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
109
+ line-height: 30px;
110
+ top: 0;
111
+ }
112
+
113
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
114
+ border-radius: 0 4px 4px 0;
115
+ border-right-width: 0;
116
+ height: 34px;
117
+ width: 36px;
118
+ }
119
+
120
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
121
+ border-left-width: 0;
122
+ border-radius: 4px 0 0 4px;
123
+ border-right-width: 1px;
124
+ }
125
+
126
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
127
+ height: 32px;
128
+ width: 32px;
129
+ }
130
+
131
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
132
+ height: 40px;
133
+ width: 40px;
134
+ }
135
+
1
136
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's bootstrap theme definitions and variables */
2
137
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
3
138
  content: "\e990";
@@ -193,7 +328,7 @@
193
328
  }
194
329
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
195
330
  font-size: 12px;
196
- padding-top: 0;
331
+ margin-top: 0;
197
332
  }
198
333
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
199
334
  border-radius: 4px;
@@ -214,9 +349,6 @@
214
349
  font-size: 16px;
215
350
  text-transform: initial;
216
351
  }
217
- .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
218
- padding: 0 12px;
219
- }
220
352
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
221
353
  background: #131313;
222
354
  border-left: 0;
@@ -260,6 +392,9 @@
260
392
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
261
393
  height: inherit;
262
394
  }
395
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
396
+ padding: 0;
397
+ }
263
398
  .e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
264
399
  font-size: 15px;
265
400
  }
@@ -338,6 +473,7 @@
338
473
  height: 100%;
339
474
  position: absolute;
340
475
  width: 250px;
476
+ color: #f0f0f0;
341
477
  }
342
478
  .e-schedule .e-resource-tree-popup .e-resource-tree {
343
479
  height: 100%;
@@ -440,7 +576,6 @@
440
576
  }
441
577
  .e-schedule .e-block-appointment {
442
578
  background: rgba(255, 255, 255, 0.08);
443
- border-radius: 4px;
444
579
  color: #969696;
445
580
  cursor: default;
446
581
  overflow: hidden;
@@ -698,11 +833,15 @@
698
833
  .e-schedule .e-vertical-view .e-header-cells .e-header-day {
699
834
  display: table;
700
835
  font-size: 13px;
836
+ line-height: unset;
837
+ padding-bottom: 0;
701
838
  }
702
839
  .e-schedule .e-vertical-view .e-header-cells .e-header-date {
703
840
  cursor: pointer;
704
841
  display: table;
705
842
  font-size: 18px;
843
+ line-height: unset;
844
+ padding-top: 0;
706
845
  }
707
846
  .e-schedule .e-vertical-view .e-header-cells .e-header-date:hover {
708
847
  text-decoration: underline;
@@ -770,6 +909,7 @@
770
909
  .e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
771
910
  background: #393939;
772
911
  border-radius: 100%;
912
+ color: #fff;
773
913
  }
774
914
  .e-schedule .e-vertical-view .e-appointment-hide {
775
915
  opacity: 0;
@@ -922,6 +1062,7 @@
922
1062
  flex: auto;
923
1063
  padding: 0 4px;
924
1064
  text-align: left;
1065
+ line-height: unset;
925
1066
  }
926
1067
  .e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
927
1068
  font-size: 13px;
@@ -1222,6 +1363,9 @@
1222
1363
  .e-schedule .e-month-view .e-more-indicator:focus {
1223
1364
  text-decoration: underline;
1224
1365
  }
1366
+ .e-schedule.e-rtl .e-month-view .e-date-header {
1367
+ margin: 3px 3px 2px;
1368
+ }
1225
1369
  .e-schedule.e-rtl .e-month-view .e-left-indent {
1226
1370
  border-left: 1px solid #505050;
1227
1371
  border-right-width: 0;
@@ -1394,54 +1538,6 @@
1394
1538
  .e-schedule .e-timeline-year-view .e-resource-collapse {
1395
1539
  transform: rotate(90deg);
1396
1540
  }
1397
- .e-schedule .e-timeline-year-view .e-work-cells {
1398
- background-color: #2a2a2a;
1399
- border-color: #505050;
1400
- border-style: solid;
1401
- border-width: 0 1px 1px 0;
1402
- color: #f0f0f0;
1403
- padding: 0;
1404
- }
1405
- .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
1406
- background: #393939;
1407
- color: #fff;
1408
- }
1409
- .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
1410
- background-color: #1a1a1a;
1411
- }
1412
- .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
1413
- color: #8d8d8d;
1414
- }
1415
- .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
1416
- background-color: #0070f0;
1417
- border-radius: 50%;
1418
- color: #fff;
1419
- margin: 2px;
1420
- width: 20px;
1421
- }
1422
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
1423
- background-color: #484848;
1424
- color: #f0f0f0;
1425
- }
1426
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
1427
- color: #f0f0f0;
1428
- }
1429
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
1430
- background-color: #484848;
1431
- }
1432
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
1433
- background-color: rgba(0, 0, 0, 0.08);
1434
- }
1435
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
1436
- cursor: default;
1437
- opacity: 0.35;
1438
- }
1439
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
1440
- text-decoration: none;
1441
- }
1442
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
1443
- background-color: rgba(0, 0, 0, 0.08);
1444
- }
1445
1541
  .e-schedule .e-timeline-year-view .e-content-table {
1446
1542
  height: 100%;
1447
1543
  }
@@ -1468,6 +1564,7 @@
1468
1564
  border-bottom: 1px solid #505050;
1469
1565
  border-right: 1px solid #505050;
1470
1566
  text-align: center;
1567
+ color: #f0f0f0;
1471
1568
  }
1472
1569
  .e-schedule .e-timeline-year-view .e-month-header.e-current-day {
1473
1570
  color: #3e98ff;
@@ -1503,13 +1600,6 @@
1503
1600
  .e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover {
1504
1601
  text-decoration: underline;
1505
1602
  }
1506
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1507
- background-color: rgba(0, 0, 0, 0.08);
1508
- box-shadow: inset 0 0 0 8px #2a2a2a;
1509
- }
1510
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1511
- background-color: rgba(0, 0, 0, 0.08);
1512
- }
1513
1603
  .e-schedule .e-timeline-year-view .e-event-table {
1514
1604
  position: absolute;
1515
1605
  top: 0;
@@ -1606,7 +1696,7 @@
1606
1696
  .e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus {
1607
1697
  text-decoration: underline;
1608
1698
  }
1609
- .e-schedule.e-device .e-year-view .e-month-calendar {
1699
+ .e-schedule.e-device .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
1610
1700
  max-width: 100%;
1611
1701
  min-width: 100%;
1612
1702
  }
@@ -1648,6 +1738,7 @@
1648
1738
  }
1649
1739
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1650
1740
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1741
+ background-color: #1a1a1a;
1651
1742
  overflow: inherit;
1652
1743
  }
1653
1744
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1973,6 +2064,7 @@
1973
2064
  .e-schedule .e-month-agenda-view .e-content-table {
1974
2065
  border-bottom: 1px solid #505050;
1975
2066
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
2067
+ height: 100%;
1976
2068
  }
1977
2069
  .e-schedule .e-month-agenda-view .e-resource-column {
1978
2070
  border-bottom: 1px solid #505050;
@@ -2189,6 +2281,7 @@
2189
2281
  .e-schedule .e-agenda-view .e-subject-wrap {
2190
2282
  display: -ms-flexbox;
2191
2283
  display: flex;
2284
+ margin-bottom: 0;
2192
2285
  }
2193
2286
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-subject {
2194
2287
  color: #f0f0f0;
@@ -2342,6 +2435,10 @@
2342
2435
  min-width: 32px;
2343
2436
  z-index: 0;
2344
2437
  }
2438
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
2439
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
2440
+ font-size: 14px;
2441
+ }
2345
2442
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
2346
2443
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
2347
2444
  line-height: inherit;
@@ -2377,18 +2474,25 @@
2377
2474
  margin: 4px 0;
2378
2475
  min-height: 34px;
2379
2476
  min-width: 34px;
2477
+ padding: 1px 7px;
2380
2478
  }
2381
2479
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2382
2480
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2383
2481
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2384
2482
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
2385
2483
  padding: 0;
2484
+ font-size: 14px;
2386
2485
  }
2387
2486
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2388
2487
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2389
2488
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2390
2489
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2391
2490
  height: 25px;
2491
+ padding-top: 0;
2492
+ }
2493
+ .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
2494
+ .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
2495
+ font-size: 16px;
2392
2496
  }
2393
2497
  .e-bigger .e-schedule .e-more-popup-wrapper .e-header-day,
2394
2498
  .e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
@@ -2494,10 +2598,19 @@
2494
2598
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2495
2599
  width: 420px;
2496
2600
  }
2601
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2602
+ padding: 15px;
2603
+ }
2497
2604
  @media screen and (max-width: 767px) {
2498
2605
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2499
2606
  width: 289px;
2500
2607
  }
2608
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2609
+ padding: 5%;
2610
+ }
2611
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2612
+ margin-bottom: 5%;
2613
+ }
2501
2614
  }
2502
2615
 
2503
2616
  .e-dialog.e-quick-dialog {
@@ -2674,7 +2787,7 @@
2674
2787
  }
2675
2788
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
2676
2789
  height: 16px;
2677
- margin-top: 12px;
2790
+ margin-top: 10px;
2678
2791
  width: 16px;
2679
2792
  }
2680
2793
  .e-bigger .e-schedule-dialog .e-disable {
@@ -2941,6 +3054,7 @@
2941
3054
  position: absolute;
2942
3055
  right: 6px;
2943
3056
  top: 4px;
3057
+ padding: 0;
2944
3058
  }
2945
3059
  .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit,
2946
3060
  .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete,
@@ -2967,12 +3081,15 @@
2967
3081
  width: 100%;
2968
3082
  }
2969
3083
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span {
2970
- margin-bottom: 4px;
3084
+ margin: 0 0 4px;
2971
3085
  }
2972
3086
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
2973
3087
  font-size: 22px;
2974
3088
  height: 40px;
2975
3089
  }
3090
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3091
+ background-color: #1a1a1a;
3092
+ }
2976
3093
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
2977
3094
  padding: 5px 5px 2px;
2978
3095
  }
@@ -3016,13 +3133,15 @@
3016
3133
  padding: 0 18px 8px;
3017
3134
  }
3018
3135
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3136
+ background-color: #393939;
3137
+ border-left: 6px solid #0070f0;
3138
+ border-radius: 2px;
3139
+ color: #f0f0f0;
3019
3140
  cursor: default;
3020
3141
  font-size: 20px;
3021
3142
  font-weight: 500;
3022
3143
  line-height: 1.5;
3023
3144
  max-height: 87px;
3024
- background-color: #393939;
3025
- border-left: 6px solid #0070f0;
3026
3145
  padding: 8px 0 8px 10px;
3027
3146
  }
3028
3147
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
@@ -3071,7 +3190,7 @@
3071
3190
  .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
3072
3191
  color: #f0f0f0;
3073
3192
  font-size: 18px;
3074
- padding-right: 13px;
3193
+ padding: 0 13px 0 0;
3075
3194
  }
3076
3195
  .e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
3077
3196
  .e-quick-popup-wrapper .e-cell-popup .e-location-details,
@@ -3112,6 +3231,9 @@
3112
3231
  right: auto;
3113
3232
  text-transform: capitalize;
3114
3233
  }
3234
+ .e-quick-popup-wrapper .e-event-popup .e-popup-footer {
3235
+ display: block;
3236
+ }
3115
3237
  .e-quick-popup-wrapper.e-rtl {
3116
3238
  text-align: right;
3117
3239
  }
@@ -3119,10 +3241,6 @@
3119
3241
  left: 6px;
3120
3242
  right: auto;
3121
3243
  }
3122
- .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-popup-footer {
3123
- padding: 8px 18px 8px 8px;
3124
- text-align: left;
3125
- }
3126
3244
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
3127
3245
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
3128
3246
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
@@ -3130,9 +3248,17 @@
3130
3248
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
3131
3249
  margin-right: 10px;
3132
3250
  }
3133
- .e-quick-popup-wrapper.e-rtl .e-event-details {
3251
+ .e-quick-popup-wrapper.e-rtl .e-event-details,
3252
+ .e-quick-popup-wrapper.e-rtl .e-event-edit {
3134
3253
  margin-left: 8px;
3135
3254
  }
3255
+ .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3256
+ padding: 8px 8px 8px 18px;
3257
+ text-align: left;
3258
+ }
3259
+ .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3260
+ padding: 0 0 0 10px;
3261
+ }
3136
3262
  .e-quick-popup-wrapper.e-device {
3137
3263
  bottom: 0;
3138
3264
  height: 100%;
@@ -3189,6 +3315,7 @@
3189
3315
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3190
3316
  background-color: transparent;
3191
3317
  border: 0;
3318
+ color: #f0f0f0;
3192
3319
  height: 40px;
3193
3320
  width: 40px;
3194
3321
  }
@@ -3220,6 +3347,25 @@
3220
3347
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3221
3348
  font-size: 24px;
3222
3349
  }
3350
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
3351
+ padding: 38px 18px 12px;
3352
+ }
3353
+ .e-bigger .e-quick-popup-wrapper .e-popup-footer {
3354
+ padding: 8px 18px 8px 22px;
3355
+ }
3356
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
3357
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
3358
+ padding-right: 13px;
3359
+ }
3360
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
3361
+ font-size: 16px;
3362
+ }
3363
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon {
3364
+ padding-right: 0;
3365
+ }
3366
+ .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3367
+ padding-right: 13px;
3368
+ }
3223
3369
  .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3224
3370
  .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3225
3371
  .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
@@ -3240,6 +3386,35 @@
3240
3386
  padding: 0 5px 0 8px;
3241
3387
  }
3242
3388
 
3389
+ .e-bigger .e-agenda-view .e-appointment {
3390
+ padding: 0 8px;
3391
+ }
3392
+ .e-bigger .e-agenda-view .e-subject {
3393
+ font-size: 16px;
3394
+ }
3395
+ .e-bigger .e-agenda-view .e-date-time {
3396
+ font-size: 14px;
3397
+ }
3398
+ .e-bigger .e-agenda-view .e-day-date-header .e-m-date {
3399
+ font-size: 20px;
3400
+ }
3401
+ .e-bigger .e-agenda-view .e-day-date-header .e-m-day {
3402
+ font-size: 14px;
3403
+ }
3404
+
3405
+ .e-bigger .e-timeline-view .e-resource-text {
3406
+ font-size: 14px;
3407
+ padding-left: 12px;
3408
+ }
3409
+ .e-bigger .e-timeline-view .e-navigate {
3410
+ font-size: 14px;
3411
+ padding: 8px 0 8px 8px;
3412
+ }
3413
+ .e-bigger .e-timeline-view .e-date-header-wrap table tbody td > span {
3414
+ font-size: 14px;
3415
+ padding: 8px 0 8px 8px;
3416
+ }
3417
+
3243
3418
  .e-appointment.e-schedule-event-clone {
3244
3419
  background: #0070f0;
3245
3420
  border-radius: 4px;
@@ -3342,8 +3517,7 @@
3342
3517
  height: calc(100% - 35px);
3343
3518
  max-height: 150px;
3344
3519
  overflow-y: auto;
3345
- padding-left: 10px;
3346
- padding-right: 10px;
3520
+ padding: 10px 10px 0;
3347
3521
  }
3348
3522
  .e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
3349
3523
  .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
@@ -3390,6 +3564,7 @@
3390
3564
  color: #f0f0f0;
3391
3565
  cursor: pointer;
3392
3566
  height: 25px;
3567
+ padding: unset;
3393
3568
  position: absolute;
3394
3569
  right: 6px;
3395
3570
  width: 25px;
@@ -3464,6 +3639,14 @@
3464
3639
  .e-more-popup-wrapper.e-device .e-more-event-content {
3465
3640
  max-height: unset;
3466
3641
  }
3642
+ .e-bigger .e-more-popup-wrapper.e-rtl .e-header-date,
3643
+ .e-more-popup-wrapper.e-rtl .e-header-date {
3644
+ padding-right: 10px;
3645
+ }
3646
+ .e-bigger .e-more-popup-wrapper.e-rtl .e-header-day,
3647
+ .e-more-popup-wrapper.e-rtl .e-header-day {
3648
+ padding-right: 10px;
3649
+ }
3467
3650
  .e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
3468
3651
  .e-more-popup-wrapper.e-rtl .e-more-event-close {
3469
3652
  left: 6px;
@@ -3481,6 +3664,10 @@
3481
3664
  border-width: 0;
3482
3665
  position: relative;
3483
3666
  }
3667
+ .e-schedule .e-header-calendar {
3668
+ background-color: none;
3669
+ box-shadow: none;
3670
+ }
3484
3671
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td:first-child,
3485
3672
  .e-schedule .e-vertical-view .e-content-wrap table td:first-child {
3486
3673
  border-left-width: 0;
@@ -3540,6 +3727,7 @@
3540
3727
  }
3541
3728
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3542
3729
  color: #3e98ff;
3730
+ font-weight: normal;
3543
3731
  }
3544
3732
  .e-schedule .e-vertical-view .e-work-cells {
3545
3733
  background-color: #2a2a2a;
@@ -3570,6 +3758,7 @@
3570
3758
  }
3571
3759
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3572
3760
  background-color: #484848;
3761
+ color: #fff;
3573
3762
  }
3574
3763
  .e-schedule .e-vertical-view .e-selected-cell {
3575
3764
  background-color: #484848;
@@ -3577,6 +3766,7 @@
3577
3766
  }
3578
3767
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3579
3768
  background-color: #484848;
3769
+ color: #fff;
3580
3770
  }
3581
3771
  .e-schedule .e-vertical-view .e-clone-time-indicator,
3582
3772
  .e-schedule .e-vertical-view .e-current-time {
@@ -3602,11 +3792,14 @@
3602
3792
  border-style: solid;
3603
3793
  border-width: 0 0 1px 1px;
3604
3794
  color: #f0f0f0;
3795
+ font-size: none;
3605
3796
  text-align: left;
3797
+ text-transform: none;
3606
3798
  }
3607
3799
  .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
3608
3800
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
3609
3801
  color: #3e98ff;
3802
+ font-weight: normal;
3610
3803
  }
3611
3804
  .e-schedule .e-month-view .e-work-cells,
3612
3805
  .e-schedule .e-month-agenda-view .e-work-cells {
@@ -3642,6 +3835,10 @@
3642
3835
  background-color: #484848;
3643
3836
  color: #f0f0f0;
3644
3837
  }
3838
+ .e-schedule .e-month-view .e-selected-cell .e-date-header,
3839
+ .e-schedule .e-month-agenda-view .e-selected-cell .e-date-header {
3840
+ color: none;
3841
+ }
3645
3842
  .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
3646
3843
  .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
3647
3844
  color: #f0f0f0;
@@ -3650,6 +3847,9 @@
3650
3847
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3651
3848
  background-color: #484848;
3652
3849
  }
3850
+ .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3851
+ overflow: auto;
3852
+ }
3653
3853
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3654
3854
  border-width: 0 0 1px 0;
3655
3855
  text-align: center;
@@ -3681,6 +3881,7 @@
3681
3881
  .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
3682
3882
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
3683
3883
  color: #3e98ff;
3884
+ font-weight: normal;
3684
3885
  }
3685
3886
  .e-schedule .e-timeline-view .e-work-cells,
3686
3887
  .e-schedule .e-timeline-month-view .e-work-cells {
@@ -3744,6 +3945,64 @@
3744
3945
  .e-schedule .e-timeline-view .e-current-timeline {
3745
3946
  border-left: 1px solid #0070f0;
3746
3947
  }
3948
+ .e-schedule .e-timeline-year-view .e-work-cells {
3949
+ background-color: #2a2a2a;
3950
+ border-color: #505050;
3951
+ border-style: solid;
3952
+ border-width: 0 1px 1px 0;
3953
+ color: #f0f0f0;
3954
+ padding: 0;
3955
+ }
3956
+ .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
3957
+ background: #393939;
3958
+ color: #fff;
3959
+ }
3960
+ .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3961
+ background-color: #1a1a1a;
3962
+ }
3963
+ .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3964
+ color: #8d8d8d;
3965
+ }
3966
+ .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3967
+ background-color: #0070f0;
3968
+ border-radius: 50%;
3969
+ color: #fff;
3970
+ margin: 2px;
3971
+ width: 20px;
3972
+ }
3973
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3974
+ background-color: #484848;
3975
+ color: #f0f0f0;
3976
+ }
3977
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
3978
+ color: #f0f0f0;
3979
+ }
3980
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
3981
+ color: #f0f0f0;
3982
+ }
3983
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3984
+ background-color: #484848;
3985
+ }
3986
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3987
+ background-color: rgba(0, 0, 0, 0.08);
3988
+ }
3989
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3990
+ cursor: default;
3991
+ opacity: 0.35;
3992
+ }
3993
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
3994
+ text-decoration: none;
3995
+ }
3996
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3997
+ background-color: rgba(0, 0, 0, 0.08);
3998
+ }
3999
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
4000
+ background-color: rgba(0, 0, 0, 0.08);
4001
+ box-shadow: inset 0 0 0 8px #2a2a2a;
4002
+ }
4003
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4004
+ background-color: rgba(0, 0, 0, 0.08);
4005
+ }
3747
4006
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
3748
4007
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3749
4008
  border-right-width: 0;