@syncfusion/ej2-schedule 28.2.11 → 29.1.34

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 (155) hide show
  1. package/.gitleaksignore +4 -0
  2. package/README.md +2 -2
  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 +518 -146
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +570 -186
  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 +24 -26
  14. package/src/recurrence-editor/recurrence-editor-model.d.ts +14 -0
  15. package/src/recurrence-editor/recurrence-editor.d.ts +12 -0
  16. package/src/recurrence-editor/recurrence-editor.js +8 -1
  17. package/src/schedule/actions/action-base.js +4 -1
  18. package/src/schedule/actions/crud.d.ts +3 -0
  19. package/src/schedule/actions/crud.js +129 -63
  20. package/src/schedule/actions/drag.js +3 -0
  21. package/src/schedule/actions/resize.js +4 -1
  22. package/src/schedule/actions/virtual-scroll.js +3 -1
  23. package/src/schedule/base/constant.d.ts +6 -0
  24. package/src/schedule/base/constant.js +6 -0
  25. package/src/schedule/base/interface.d.ts +53 -0
  26. package/src/schedule/base/schedule-model.d.ts +54 -1
  27. package/src/schedule/base/schedule.d.ts +68 -2
  28. package/src/schedule/base/schedule.js +67 -0
  29. package/src/schedule/base/type.d.ts +2 -1
  30. package/src/schedule/event-renderer/event-base.d.ts +5 -0
  31. package/src/schedule/event-renderer/event-base.js +123 -27
  32. package/src/schedule/event-renderer/inline-edit.d.ts +3 -1
  33. package/src/schedule/event-renderer/inline-edit.js +18 -6
  34. package/src/schedule/event-renderer/month.d.ts +1 -0
  35. package/src/schedule/event-renderer/month.js +25 -0
  36. package/src/schedule/event-renderer/timeline-view.d.ts +1 -1
  37. package/src/schedule/event-renderer/timeline-view.js +12 -19
  38. package/src/schedule/event-renderer/vertical-view.js +2 -2
  39. package/src/schedule/event-renderer/year.js +1 -1
  40. package/src/schedule/exports/excel-export.js +9 -2
  41. package/src/schedule/exports/print.d.ts +2 -0
  42. package/src/schedule/exports/print.js +90 -52
  43. package/src/schedule/models/views-model.d.ts +32 -0
  44. package/src/schedule/models/views.d.ts +30 -0
  45. package/src/schedule/models/views.js +6 -0
  46. package/src/schedule/popups/event-tooltip.js +18 -0
  47. package/src/schedule/popups/event-window.d.ts +1 -0
  48. package/src/schedule/popups/event-window.js +35 -4
  49. package/src/schedule/popups/quick-popups.js +11 -4
  50. package/src/schedule/renderer/month.js +3 -1
  51. package/styles/bds-lite.css +35 -6
  52. package/styles/bds.css +37 -21
  53. package/styles/bootstrap-dark-lite.css +46 -17
  54. package/styles/bootstrap-dark.css +49 -33
  55. package/styles/bootstrap-lite.css +42 -13
  56. package/styles/bootstrap.css +44 -28
  57. package/styles/bootstrap4-lite.css +55 -26
  58. package/styles/bootstrap4.css +57 -41
  59. package/styles/bootstrap5-dark-lite.css +128 -99
  60. package/styles/bootstrap5-dark.css +131 -115
  61. package/styles/bootstrap5-lite.css +50 -21
  62. package/styles/bootstrap5.3-lite.css +35 -6
  63. package/styles/bootstrap5.3.css +37 -21
  64. package/styles/bootstrap5.css +52 -36
  65. package/styles/fabric-dark-lite.css +46 -17
  66. package/styles/fabric-dark.css +49 -33
  67. package/styles/fabric-lite.css +56 -27
  68. package/styles/fabric.css +58 -42
  69. package/styles/fluent-dark-lite.css +39 -10
  70. package/styles/fluent-dark.css +40 -24
  71. package/styles/fluent-lite.css +39 -10
  72. package/styles/fluent.css +40 -24
  73. package/styles/fluent2-lite.css +35 -6
  74. package/styles/fluent2.css +38 -22
  75. package/styles/highcontrast-light-lite.css +53 -24
  76. package/styles/highcontrast-light.css +56 -40
  77. package/styles/highcontrast-lite.css +53 -24
  78. package/styles/highcontrast.css +56 -40
  79. package/styles/material-dark-lite.css +34 -5
  80. package/styles/material-dark.css +35 -19
  81. package/styles/material-lite.css +34 -5
  82. package/styles/material.css +35 -19
  83. package/styles/material3-dark-lite.css +36 -7
  84. package/styles/material3-dark.css +39 -23
  85. package/styles/material3-lite.css +36 -7
  86. package/styles/material3.css +39 -23
  87. package/styles/recurrence-editor/_layout.scss +6 -1
  88. package/styles/recurrence-editor/bds.css +5 -1
  89. package/styles/recurrence-editor/bootstrap-dark.css +5 -1
  90. package/styles/recurrence-editor/bootstrap.css +5 -1
  91. package/styles/recurrence-editor/bootstrap4.css +5 -1
  92. package/styles/recurrence-editor/bootstrap5-dark.css +5 -1
  93. package/styles/recurrence-editor/bootstrap5.3.css +5 -1
  94. package/styles/recurrence-editor/bootstrap5.css +5 -1
  95. package/styles/recurrence-editor/fabric-dark.css +5 -1
  96. package/styles/recurrence-editor/fabric.css +5 -1
  97. package/styles/recurrence-editor/fluent-dark.css +5 -1
  98. package/styles/recurrence-editor/fluent.css +5 -1
  99. package/styles/recurrence-editor/fluent2.css +5 -1
  100. package/styles/recurrence-editor/highcontrast-light.css +5 -1
  101. package/styles/recurrence-editor/highcontrast.css +5 -1
  102. package/styles/recurrence-editor/material-dark.css +5 -1
  103. package/styles/recurrence-editor/material.css +5 -1
  104. package/styles/recurrence-editor/material3-dark.css +5 -1
  105. package/styles/recurrence-editor/material3.css +5 -1
  106. package/styles/recurrence-editor/tailwind-dark.css +5 -1
  107. package/styles/recurrence-editor/tailwind.css +5 -1
  108. package/styles/recurrence-editor/tailwind3.css +5 -1
  109. package/styles/schedule/_bds-definition.scss +2 -0
  110. package/styles/schedule/_bigger.scss +2 -17
  111. package/styles/schedule/_bootstrap-dark-definition.scss +5 -1
  112. package/styles/schedule/_bootstrap-definition.scss +5 -1
  113. package/styles/schedule/_bootstrap4-definition.scss +9 -5
  114. package/styles/schedule/_bootstrap5-definition.scss +5 -1
  115. package/styles/schedule/_bootstrap5.3-definition.scss +2 -0
  116. package/styles/schedule/_fabric-dark-definition.scss +2 -0
  117. package/styles/schedule/_fabric-definition.scss +5 -1
  118. package/styles/schedule/_fluent-definition.scss +3 -1
  119. package/styles/schedule/_fluent2-definition.scss +3 -1
  120. package/styles/schedule/_fusionnew-definition.scss +2 -0
  121. package/styles/schedule/_highcontrast-definition.scss +6 -2
  122. package/styles/schedule/_highcontrast-light-definition.scss +6 -2
  123. package/styles/schedule/_layout.scss +39 -9
  124. package/styles/schedule/_material-dark-definition.scss +2 -0
  125. package/styles/schedule/_material-definition.scss +2 -0
  126. package/styles/schedule/_material3-definition.scss +4 -2
  127. package/styles/schedule/_tailwind-definition.scss +2 -0
  128. package/styles/schedule/_tailwind3-definition.scss +4 -2
  129. package/styles/schedule/bds.css +32 -20
  130. package/styles/schedule/bootstrap-dark.css +44 -32
  131. package/styles/schedule/bootstrap.css +39 -27
  132. package/styles/schedule/bootstrap4.css +52 -40
  133. package/styles/schedule/bootstrap5-dark.css +126 -114
  134. package/styles/schedule/bootstrap5.3.css +32 -20
  135. package/styles/schedule/bootstrap5.css +47 -35
  136. package/styles/schedule/fabric-dark.css +44 -32
  137. package/styles/schedule/fabric.css +53 -41
  138. package/styles/schedule/fluent-dark.css +35 -23
  139. package/styles/schedule/fluent.css +35 -23
  140. package/styles/schedule/fluent2.css +33 -21
  141. package/styles/schedule/highcontrast-light.css +51 -39
  142. package/styles/schedule/highcontrast.css +51 -39
  143. package/styles/schedule/material-dark.css +30 -18
  144. package/styles/schedule/material.css +30 -18
  145. package/styles/schedule/material3-dark.css +34 -22
  146. package/styles/schedule/material3.css +34 -22
  147. package/styles/schedule/tailwind-dark.css +49 -37
  148. package/styles/schedule/tailwind.css +32 -20
  149. package/styles/schedule/tailwind3.css +34 -22
  150. package/styles/tailwind-dark-lite.css +52 -23
  151. package/styles/tailwind-dark.css +54 -38
  152. package/styles/tailwind-lite.css +35 -6
  153. package/styles/tailwind.css +37 -21
  154. package/styles/tailwind3-lite.css +36 -7
  155. package/styles/tailwind3.css +39 -23
@@ -347,6 +347,9 @@
347
347
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
348
348
  border-right: 1px solid rgba(var(--color-sf-outline-variant));
349
349
  }
350
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
351
+ width: auto;
352
+ }
350
353
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
351
354
  font-size: 14px;
352
355
  text-transform: initial;
@@ -1294,6 +1297,10 @@
1294
1297
  overflow: hidden;
1295
1298
  opacity: 0;
1296
1299
  }
1300
+ .e-schedule .e-month-view .e-month-event-table {
1301
+ position: absolute;
1302
+ top: 0;
1303
+ }
1297
1304
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1298
1305
  border-bottom-width: 0;
1299
1306
  }
@@ -1480,7 +1487,7 @@
1480
1487
  -ms-flex: 0 25%;
1481
1488
  flex: 0 25%;
1482
1489
  max-width: 100%;
1483
- min-width: 260px;
1490
+ min-width: 310px;
1484
1491
  padding: 10px;
1485
1492
  }
1486
1493
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -2339,6 +2346,9 @@
2339
2346
  .e-schedule .e-agenda-view {
2340
2347
  background: rgba(var(--color-sf-surface));
2341
2348
  }
2349
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2350
+ font-size: 14px;
2351
+ }
2342
2352
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2343
2353
  .e-schedule .e-agenda-view .e-date-column {
2344
2354
  vertical-align: top;
@@ -2568,12 +2578,19 @@
2568
2578
  visibility: hidden;
2569
2579
  }
2570
2580
 
2581
+ .e-field-error-message {
2582
+ display: block;
2583
+ }
2584
+
2571
2585
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2572
- width: 420px;
2586
+ width: 440px;
2573
2587
  }
2574
2588
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2575
2589
  padding: 8px;
2576
2590
  }
2591
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2592
+ margin-bottom: 6px;
2593
+ }
2577
2594
  @media screen and (max-width: 767px) {
2578
2595
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2579
2596
  width: 289px;
@@ -2602,9 +2619,8 @@
2602
2619
  .e-dialog.e-quick-dialog .e-footer-content {
2603
2620
  border-top: none;
2604
2621
  }
2605
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2606
- -webkit-box-shadow: none;
2607
- box-shadow: none;
2622
+ .e-dialog.e-quick-dialog .e-footer-content button {
2623
+ margin-bottom: 6px;
2608
2624
  }
2609
2625
  .e-dialog.e-quick-dialog.e-rtl {
2610
2626
  text-align: right;
@@ -2747,6 +2763,11 @@
2747
2763
  float: right;
2748
2764
  }
2749
2765
 
2766
+ .e-editor-content-item-template {
2767
+ text-overflow: ellipsis;
2768
+ overflow: hidden;
2769
+ }
2770
+
2750
2771
  /*! schedule event window for smaller viewports*/
2751
2772
  @media screen and (max-width: 320px) {
2752
2773
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -2769,7 +2790,7 @@
2769
2790
  }
2770
2791
  .e-ddl.e-popup .e-resource-template .e-resource-color {
2771
2792
  height: 14px;
2772
- margin-top: 10px;
2793
+ margin-top: 9px;
2773
2794
  width: 14px;
2774
2795
  }
2775
2796
 
@@ -3037,6 +3058,10 @@
3037
3058
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3038
3059
  padding: 0 20px 12px;
3039
3060
  }
3061
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3062
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3063
+ display: none;
3064
+ }
3040
3065
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3041
3066
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3042
3067
  display: -webkit-box;
@@ -4077,7 +4102,7 @@
4077
4102
  }
4078
4103
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4079
4104
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4080
- min-width: 306px;
4105
+ min-width: 345px;
4081
4106
  }
4082
4107
 
4083
4108
  /*! schedule event tooltip */
@@ -4088,7 +4113,7 @@
4088
4113
  }
4089
4114
 
4090
4115
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4091
- width: 502px;
4116
+ width: 520px;
4092
4117
  }
4093
4118
 
4094
4119
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4100,7 +4125,7 @@
4100
4125
  }
4101
4126
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
4102
4127
  height: 16px;
4103
- margin-top: 14px;
4128
+ margin-top: 11px;
4104
4129
  width: 16px;
4105
4130
  }
4106
4131
  .e-bigger .e-schedule-dialog .e-disable {
@@ -4113,16 +4138,6 @@
4113
4138
  padding-bottom: 12px;
4114
4139
  position: relative;
4115
4140
  }
4116
- .e-bigger .e-schedule-dialog .e-event-cancel,
4117
- .e-bigger .e-schedule-dialog .e-event-delete {
4118
- border: none;
4119
- -webkit-box-shadow: none;
4120
- box-shadow: none;
4121
- }
4122
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4123
- float: left;
4124
- margin-left: 0;
4125
- }
4126
4141
  .e-bigger .e-schedule-dialog .e-subject-container,
4127
4142
  .e-bigger .e-schedule-dialog .e-start-container,
4128
4143
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4218,9 +4233,6 @@
4218
4233
  padding-left: 0;
4219
4234
  padding-right: 12px;
4220
4235
  }
4221
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4222
- float: right;
4223
- }
4224
4236
 
4225
4237
  /*! schedule quick popup */
4226
4238
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -306,6 +306,9 @@
306
306
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
307
307
  border-right: 1px solid #4b5563;
308
308
  }
309
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
310
+ width: auto;
311
+ }
309
312
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
310
313
  font-size: 14px;
311
314
  text-transform: initial;
@@ -468,7 +471,7 @@
468
471
  transition: transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;
469
472
  }
470
473
  .e-schedule .e-resource-tree-popup {
471
- background: #232e3e;
474
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
472
475
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
473
476
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
474
477
  height: 100%;
@@ -961,8 +964,8 @@
961
964
  }
962
965
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
963
966
  background: #374151;
964
- -webkit-box-shadow: inset 0 0 0 8px #232e3e;
965
- box-shadow: inset 0 0 0 8px #232e3e;
967
+ -webkit-box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
968
+ box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
966
969
  }
967
970
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
968
971
  background: #374151;
@@ -1250,6 +1253,10 @@
1250
1253
  overflow: hidden;
1251
1254
  opacity: 0;
1252
1255
  }
1256
+ .e-schedule .e-month-view .e-month-event-table {
1257
+ position: absolute;
1258
+ top: 0;
1259
+ }
1253
1260
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1254
1261
  border-bottom-width: 0;
1255
1262
  }
@@ -1307,8 +1314,8 @@
1307
1314
  }
1308
1315
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1309
1316
  background: #374151;
1310
- -webkit-box-shadow: inset 0 0 0 8px #232e3e;
1311
- box-shadow: inset 0 0 0 8px #232e3e;
1317
+ -webkit-box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
1318
+ box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
1312
1319
  }
1313
1320
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1314
1321
  background: #374151;
@@ -1436,7 +1443,7 @@
1436
1443
  -ms-flex: 0 25%;
1437
1444
  flex: 0 25%;
1438
1445
  max-width: 100%;
1439
- min-width: 260px;
1446
+ min-width: 292px;
1440
1447
  padding: 10px;
1441
1448
  }
1442
1449
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -1554,7 +1561,7 @@
1554
1561
  position: relative;
1555
1562
  }
1556
1563
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1557
- background: #232e3e;
1564
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
1558
1565
  border-color: #4b5563;
1559
1566
  border-style: solid;
1560
1567
  border-width: 0 1px 1px 0;
@@ -1834,7 +1841,7 @@
1834
1841
  }
1835
1842
  .e-schedule .e-timeline-view .e-resource-cells,
1836
1843
  .e-schedule .e-timeline-month-view .e-resource-cells {
1837
- background: #232e3e;
1844
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
1838
1845
  border-color: #4b5563;
1839
1846
  border-style: solid;
1840
1847
  border-width: 0 1px 1px 0;
@@ -1870,8 +1877,8 @@
1870
1877
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1871
1878
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1872
1879
  background: #374151;
1873
- -webkit-box-shadow: inset 0 0 0 8px #232e3e;
1874
- box-shadow: inset 0 0 0 8px #232e3e;
1880
+ -webkit-box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
1881
+ box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
1875
1882
  }
1876
1883
  .e-schedule .e-timeline-view .e-resource-tree-icon,
1877
1884
  .e-schedule .e-timeline-month-view .e-resource-tree-icon {
@@ -2293,6 +2300,9 @@
2293
2300
  .e-schedule .e-agenda-view {
2294
2301
  background: #1f2937;
2295
2302
  }
2303
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2304
+ font-size: 14px;
2305
+ }
2296
2306
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2297
2307
  .e-schedule .e-agenda-view .e-date-column {
2298
2308
  vertical-align: top;
@@ -2522,12 +2532,19 @@
2522
2532
  visibility: hidden;
2523
2533
  }
2524
2534
 
2535
+ .e-field-error-message {
2536
+ display: block;
2537
+ }
2538
+
2525
2539
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2526
- width: 420px;
2540
+ width: 440px;
2527
2541
  }
2528
2542
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2529
2543
  padding: 8px 18px;
2530
2544
  }
2545
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2546
+ margin-bottom: 6px;
2547
+ }
2531
2548
  @media screen and (max-width: 767px) {
2532
2549
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2533
2550
  width: 289px;
@@ -2556,9 +2573,8 @@
2556
2573
  .e-dialog.e-quick-dialog .e-footer-content {
2557
2574
  border-top: none;
2558
2575
  }
2559
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2560
- -webkit-box-shadow: none;
2561
- box-shadow: none;
2576
+ .e-dialog.e-quick-dialog .e-footer-content button {
2577
+ margin-bottom: 6px;
2562
2578
  }
2563
2579
  .e-dialog.e-quick-dialog.e-rtl {
2564
2580
  text-align: right;
@@ -2701,6 +2717,11 @@
2701
2717
  float: right;
2702
2718
  }
2703
2719
 
2720
+ .e-editor-content-item-template {
2721
+ text-overflow: ellipsis;
2722
+ overflow: hidden;
2723
+ }
2724
+
2704
2725
  /*! schedule event window for smaller viewports*/
2705
2726
  @media screen and (max-width: 320px) {
2706
2727
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -2989,6 +3010,10 @@
2989
3010
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
2990
3011
  padding: 0 18px 12px;
2991
3012
  }
3013
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3014
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3015
+ display: none;
3016
+ }
2992
3017
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
2993
3018
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
2994
3019
  display: -webkit-box;
@@ -3520,7 +3545,7 @@
3520
3545
  font-weight: 500;
3521
3546
  }
3522
3547
  .e-schedule .e-vertical-view .e-work-cells {
3523
- background: #232e3e;
3548
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
3524
3549
  border-color: #4b5563;
3525
3550
  border-style: solid;
3526
3551
  border-width: 0 0 1px 1px;
@@ -3593,7 +3618,7 @@
3593
3618
  }
3594
3619
  .e-schedule .e-month-view .e-work-cells,
3595
3620
  .e-schedule .e-month-agenda-view .e-work-cells {
3596
- background: #232e3e;
3621
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
3597
3622
  border-color: #4b5563;
3598
3623
  border-style: solid;
3599
3624
  border-width: 0 0 1px 1px;
@@ -3675,7 +3700,7 @@
3675
3700
  }
3676
3701
  .e-schedule .e-timeline-view .e-work-cells,
3677
3702
  .e-schedule .e-timeline-month-view .e-work-cells {
3678
- background: #232e3e;
3703
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
3679
3704
  border-color: #4b5563;
3680
3705
  border-style: solid;
3681
3706
  border-width: 0 0 1px 1px;
@@ -3697,7 +3722,7 @@
3697
3722
  }
3698
3723
  .e-schedule .e-timeline-view .e-resource-group-cells,
3699
3724
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3700
- background: #232e3e;
3725
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
3701
3726
  }
3702
3727
  .e-schedule .e-timeline-view .e-selected-cell,
3703
3728
  .e-schedule .e-timeline-month-view .e-selected-cell {
@@ -3712,7 +3737,7 @@
3712
3737
  background: #1f2937;
3713
3738
  }
3714
3739
  .e-schedule .e-timeline-view .e-resource-group-cells {
3715
- background: #232e3e;
3740
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
3716
3741
  }
3717
3742
  .e-schedule .e-timeline-view .e-selected-cell {
3718
3743
  background: #6b7280;
@@ -3736,7 +3761,7 @@
3736
3761
  border-left: 1px solid #22d3ee;
3737
3762
  }
3738
3763
  .e-schedule .e-timeline-year-view .e-work-cells {
3739
- background: #232e3e;
3764
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
3740
3765
  border-color: #4b5563;
3741
3766
  border-style: solid;
3742
3767
  border-width: 0 1px 1px 0;
@@ -3788,8 +3813,8 @@
3788
3813
  }
3789
3814
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3790
3815
  background: #374151;
3791
- -webkit-box-shadow: inset 0 0 0 8px #232e3e;
3792
- box-shadow: inset 0 0 0 8px #232e3e;
3816
+ -webkit-box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
3817
+ box-shadow: inset 0 0 0 8px rgb(27.323255814, 36.1372093023, 48.476744186);
3793
3818
  }
3794
3819
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
3795
3820
  background: #374151;
@@ -4021,7 +4046,7 @@
4021
4046
  }
4022
4047
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4023
4048
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4024
- min-width: 306px;
4049
+ min-width: 350px;
4025
4050
  }
4026
4051
 
4027
4052
  /*! schedule event tooltip */
@@ -4032,7 +4057,7 @@
4032
4057
  }
4033
4058
 
4034
4059
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4035
- width: 502px;
4060
+ width: 520px;
4036
4061
  }
4037
4062
 
4038
4063
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4057,16 +4082,6 @@
4057
4082
  padding-bottom: 12px;
4058
4083
  position: relative;
4059
4084
  }
4060
- .e-bigger .e-schedule-dialog .e-event-cancel,
4061
- .e-bigger .e-schedule-dialog .e-event-delete {
4062
- border: none;
4063
- -webkit-box-shadow: none;
4064
- box-shadow: none;
4065
- }
4066
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4067
- float: left;
4068
- margin-left: 0;
4069
- }
4070
4085
  .e-bigger .e-schedule-dialog .e-subject-container,
4071
4086
  .e-bigger .e-schedule-dialog .e-start-container,
4072
4087
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4162,9 +4177,6 @@
4162
4177
  padding-left: 0;
4163
4178
  padding-right: 12px;
4164
4179
  }
4165
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4166
- float: right;
4167
- }
4168
4180
 
4169
4181
  /*! schedule quick popup */
4170
4182
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -306,6 +306,9 @@
306
306
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
307
307
  border-right: 1px solid #e5e7eb;
308
308
  }
309
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
310
+ width: auto;
311
+ }
309
312
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
310
313
  font-size: 14px;
311
314
  text-transform: initial;
@@ -1250,6 +1253,10 @@
1250
1253
  overflow: hidden;
1251
1254
  opacity: 0;
1252
1255
  }
1256
+ .e-schedule .e-month-view .e-month-event-table {
1257
+ position: absolute;
1258
+ top: 0;
1259
+ }
1253
1260
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1254
1261
  border-bottom-width: 0;
1255
1262
  }
@@ -1436,7 +1443,7 @@
1436
1443
  -ms-flex: 0 25%;
1437
1444
  flex: 0 25%;
1438
1445
  max-width: 100%;
1439
- min-width: 260px;
1446
+ min-width: 292px;
1440
1447
  padding: 10px;
1441
1448
  }
1442
1449
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -2293,6 +2300,9 @@
2293
2300
  .e-schedule .e-agenda-view {
2294
2301
  background: #fff;
2295
2302
  }
2303
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2304
+ font-size: 14px;
2305
+ }
2296
2306
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2297
2307
  .e-schedule .e-agenda-view .e-date-column {
2298
2308
  vertical-align: top;
@@ -2522,12 +2532,19 @@
2522
2532
  visibility: hidden;
2523
2533
  }
2524
2534
 
2535
+ .e-field-error-message {
2536
+ display: block;
2537
+ }
2538
+
2525
2539
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2526
- width: 420px;
2540
+ width: 440px;
2527
2541
  }
2528
2542
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2529
2543
  padding: 8px 18px;
2530
2544
  }
2545
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2546
+ margin-bottom: 6px;
2547
+ }
2531
2548
  @media screen and (max-width: 767px) {
2532
2549
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2533
2550
  width: 289px;
@@ -2556,9 +2573,8 @@
2556
2573
  .e-dialog.e-quick-dialog .e-footer-content {
2557
2574
  border-top: none;
2558
2575
  }
2559
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2560
- -webkit-box-shadow: none;
2561
- box-shadow: none;
2576
+ .e-dialog.e-quick-dialog .e-footer-content button {
2577
+ margin-bottom: 6px;
2562
2578
  }
2563
2579
  .e-dialog.e-quick-dialog.e-rtl {
2564
2580
  text-align: right;
@@ -2701,6 +2717,11 @@
2701
2717
  float: right;
2702
2718
  }
2703
2719
 
2720
+ .e-editor-content-item-template {
2721
+ text-overflow: ellipsis;
2722
+ overflow: hidden;
2723
+ }
2724
+
2704
2725
  /*! schedule event window for smaller viewports*/
2705
2726
  @media screen and (max-width: 320px) {
2706
2727
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -2989,6 +3010,10 @@
2989
3010
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
2990
3011
  padding: 0 18px 12px;
2991
3012
  }
3013
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3014
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3015
+ display: none;
3016
+ }
2992
3017
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
2993
3018
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
2994
3019
  display: -webkit-box;
@@ -4021,7 +4046,7 @@
4021
4046
  }
4022
4047
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4023
4048
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4024
- min-width: 306px;
4049
+ min-width: 350px;
4025
4050
  }
4026
4051
 
4027
4052
  /*! schedule event tooltip */
@@ -4032,7 +4057,7 @@
4032
4057
  }
4033
4058
 
4034
4059
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4035
- width: 502px;
4060
+ width: 520px;
4036
4061
  }
4037
4062
 
4038
4063
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4057,16 +4082,6 @@
4057
4082
  padding-bottom: 12px;
4058
4083
  position: relative;
4059
4084
  }
4060
- .e-bigger .e-schedule-dialog .e-event-cancel,
4061
- .e-bigger .e-schedule-dialog .e-event-delete {
4062
- border: none;
4063
- -webkit-box-shadow: none;
4064
- box-shadow: none;
4065
- }
4066
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4067
- float: left;
4068
- margin-left: 0;
4069
- }
4070
4085
  .e-bigger .e-schedule-dialog .e-subject-container,
4071
4086
  .e-bigger .e-schedule-dialog .e-start-container,
4072
4087
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4162,9 +4177,6 @@
4162
4177
  padding-left: 0;
4163
4178
  padding-right: 12px;
4164
4179
  }
4165
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4166
- float: right;
4167
- }
4168
4180
 
4169
4181
  /*! schedule quick popup */
4170
4182
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -353,6 +353,9 @@
353
353
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
354
354
  border-right: 1px solid var(--color-sf-border-light);
355
355
  }
356
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
357
+ width: auto;
358
+ }
356
359
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
357
360
  font-size: 14px;
358
361
  text-transform: initial;
@@ -1297,6 +1300,10 @@
1297
1300
  overflow: hidden;
1298
1301
  opacity: 0;
1299
1302
  }
1303
+ .e-schedule .e-month-view .e-month-event-table {
1304
+ position: absolute;
1305
+ top: 0;
1306
+ }
1300
1307
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1301
1308
  border-bottom-width: 0;
1302
1309
  }
@@ -1483,7 +1490,7 @@
1483
1490
  -ms-flex: 0 25%;
1484
1491
  flex: 0 25%;
1485
1492
  max-width: 100%;
1486
- min-width: 260px;
1493
+ min-width: 292px;
1487
1494
  padding: 10px;
1488
1495
  }
1489
1496
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -2340,6 +2347,9 @@
2340
2347
  .e-schedule .e-agenda-view {
2341
2348
  background: var(--color-sf-content-bg-color);
2342
2349
  }
2350
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2351
+ font-size: 14px;
2352
+ }
2343
2353
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2344
2354
  .e-schedule .e-agenda-view .e-date-column {
2345
2355
  vertical-align: top;
@@ -2569,12 +2579,19 @@
2569
2579
  visibility: hidden;
2570
2580
  }
2571
2581
 
2582
+ .e-field-error-message {
2583
+ display: block;
2584
+ }
2585
+
2572
2586
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2573
- width: 420px;
2587
+ width: 440px;
2574
2588
  }
2575
2589
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2576
2590
  padding: 12px;
2577
2591
  }
2592
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2593
+ margin-bottom: 6px;
2594
+ }
2578
2595
  @media screen and (max-width: 767px) {
2579
2596
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2580
2597
  width: 289px;
@@ -2603,9 +2620,8 @@
2603
2620
  .e-dialog.e-quick-dialog .e-footer-content {
2604
2621
  border-top: none;
2605
2622
  }
2606
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2607
- -webkit-box-shadow: none;
2608
- box-shadow: none;
2623
+ .e-dialog.e-quick-dialog .e-footer-content button {
2624
+ margin-bottom: 6px;
2609
2625
  }
2610
2626
  .e-dialog.e-quick-dialog.e-rtl {
2611
2627
  text-align: right;
@@ -2748,6 +2764,11 @@
2748
2764
  float: right;
2749
2765
  }
2750
2766
 
2767
+ .e-editor-content-item-template {
2768
+ text-overflow: ellipsis;
2769
+ overflow: hidden;
2770
+ }
2771
+
2751
2772
  /*! schedule event window for smaller viewports*/
2752
2773
  @media screen and (max-width: 320px) {
2753
2774
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -2770,7 +2791,7 @@
2770
2791
  }
2771
2792
  .e-ddl.e-popup .e-resource-template .e-resource-color {
2772
2793
  height: 14px;
2773
- margin-top: 10px;
2794
+ margin-top: 8px;
2774
2795
  width: 14px;
2775
2796
  }
2776
2797
 
@@ -3036,6 +3057,10 @@
3036
3057
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3037
3058
  padding: 0 18px 12px;
3038
3059
  }
3060
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3061
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3062
+ display: none;
3063
+ }
3039
3064
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3040
3065
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3041
3066
  display: -webkit-box;
@@ -4068,7 +4093,7 @@
4068
4093
  }
4069
4094
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4070
4095
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4071
- min-width: 306px;
4096
+ min-width: 350px;
4072
4097
  }
4073
4098
 
4074
4099
  /*! schedule event tooltip */
@@ -4079,7 +4104,7 @@
4079
4104
  }
4080
4105
 
4081
4106
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4082
- width: 502px;
4107
+ width: 520px;
4083
4108
  }
4084
4109
 
4085
4110
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4091,7 +4116,7 @@
4091
4116
  }
4092
4117
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
4093
4118
  height: 16px;
4094
- margin-top: 8px;
4119
+ margin-top: 11px;
4095
4120
  width: 16px;
4096
4121
  }
4097
4122
  .e-bigger .e-schedule-dialog .e-disable {
@@ -4104,16 +4129,6 @@
4104
4129
  padding-bottom: 12px;
4105
4130
  position: relative;
4106
4131
  }
4107
- .e-bigger .e-schedule-dialog .e-event-cancel,
4108
- .e-bigger .e-schedule-dialog .e-event-delete {
4109
- border: none;
4110
- -webkit-box-shadow: none;
4111
- box-shadow: none;
4112
- }
4113
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4114
- float: left;
4115
- margin-left: 0;
4116
- }
4117
4132
  .e-bigger .e-schedule-dialog .e-subject-container,
4118
4133
  .e-bigger .e-schedule-dialog .e-start-container,
4119
4134
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4209,9 +4224,6 @@
4209
4224
  padding-left: 0;
4210
4225
  padding-right: 12px;
4211
4226
  }
4212
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4213
- float: right;
4214
- }
4215
4227
 
4216
4228
  /*! schedule quick popup */
4217
4229
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {