@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
@@ -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;
@@ -4012,6 +4037,10 @@
4012
4037
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4013
4038
  display: none;
4014
4039
  }
4040
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4041
+ min-width: 30px;
4042
+ margin-bottom: 18px;
4043
+ }
4015
4044
  .e-recurrenceeditor .e-input-wrapper-side {
4016
4045
  float: left;
4017
4046
  padding: 16px 20px 0;
@@ -4183,7 +4212,7 @@
4183
4212
  width: 65%;
4184
4213
  }
4185
4214
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4186
- padding-left: 50px;
4215
+ padding-left: 59px;
4187
4216
  }
4188
4217
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4189
4218
  padding-right: 0;
@@ -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 {
@@ -4688,6 +4700,10 @@
4688
4700
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4689
4701
  display: none;
4690
4702
  }
4703
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4704
+ min-width: 30px;
4705
+ margin-bottom: 18px;
4706
+ }
4691
4707
  .e-recurrenceeditor .e-input-wrapper-side {
4692
4708
  float: left;
4693
4709
  padding: 16px 20px 0;
@@ -4859,7 +4875,7 @@
4859
4875
  width: 65%;
4860
4876
  }
4861
4877
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4862
- padding-left: 50px;
4878
+ padding-left: 59px;
4863
4879
  }
4864
4880
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4865
4881
  padding-right: 0;
@@ -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;
@@ -4012,6 +4037,10 @@
4012
4037
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4013
4038
  display: none;
4014
4039
  }
4040
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4041
+ min-width: 30px;
4042
+ margin-bottom: 18px;
4043
+ }
4015
4044
  .e-recurrenceeditor .e-input-wrapper-side {
4016
4045
  float: left;
4017
4046
  padding: 16px 20px 0;
@@ -4183,7 +4212,7 @@
4183
4212
  width: 65%;
4184
4213
  }
4185
4214
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4186
- padding-left: 50px;
4215
+ padding-left: 59px;
4187
4216
  }
4188
4217
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4189
4218
  padding-right: 0;