@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
@@ -364,6 +364,9 @@
364
364
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
365
365
  border-right: 1px solid #fff;
366
366
  }
367
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
368
+ width: auto;
369
+ }
367
370
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
368
371
  font-size: 16px;
369
372
  text-transform: initial;
@@ -551,7 +554,7 @@
551
554
  width: 100%;
552
555
  }
553
556
  .e-schedule .e-new-event {
554
- background: #1c8000;
557
+ background: rgb(27.5, 127.5, 0);
555
558
  border: 1px solid #fff;
556
559
  border-radius: 5px;
557
560
  height: 100%;
@@ -791,7 +794,7 @@
791
794
  height: 0 !important; /* stylelint-disable-line declaration-no-important */
792
795
  }
793
796
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
794
- background: #1c8000;
797
+ background: rgb(27.5, 127.5, 0);
795
798
  border: 1px solid #1a1a1a;
796
799
  border-radius: 2px;
797
800
  color: #fff;
@@ -1083,7 +1086,7 @@
1083
1086
  cursor: default;
1084
1087
  }
1085
1088
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
1086
- background: #1c8000;
1089
+ background: rgb(27.5, 127.5, 0);
1087
1090
  border: 1px solid #1a1a1a;
1088
1091
  border-radius: 2px;
1089
1092
  color: #fff;
@@ -1138,7 +1141,7 @@
1138
1141
  cursor: default;
1139
1142
  }
1140
1143
  .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
1141
- background: #1c8000;
1144
+ background: rgb(27.5, 127.5, 0);
1142
1145
  border: 1px solid #1a1a1a;
1143
1146
  border-radius: 2px;
1144
1147
  color: #fff;
@@ -1308,6 +1311,10 @@
1308
1311
  overflow: hidden;
1309
1312
  opacity: 0;
1310
1313
  }
1314
+ .e-schedule .e-month-view .e-month-event-table {
1315
+ position: absolute;
1316
+ top: 0;
1317
+ }
1311
1318
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1312
1319
  border-bottom-width: 0;
1313
1320
  }
@@ -1395,7 +1402,7 @@
1395
1402
  z-index: 1;
1396
1403
  }
1397
1404
  .e-schedule .e-month-view .e-appointment {
1398
- background: #1c8000;
1405
+ background: rgb(27.5, 127.5, 0);
1399
1406
  border: 1px solid #1a1a1a;
1400
1407
  border-radius: 2px;
1401
1408
  color: #fff;
@@ -1494,7 +1501,7 @@
1494
1501
  -ms-flex: 0 25%;
1495
1502
  flex: 0 25%;
1496
1503
  max-width: 100%;
1497
- min-width: 260px;
1504
+ min-width: 280px;
1498
1505
  padding: 10px;
1499
1506
  }
1500
1507
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -1515,7 +1522,7 @@
1515
1522
  }
1516
1523
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1517
1524
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1518
- background: #1c8000;
1525
+ background: rgb(27.5, 127.5, 0);
1519
1526
  border-radius: 50%;
1520
1527
  height: 5px;
1521
1528
  margin: -6px auto 0;
@@ -1723,7 +1730,7 @@
1723
1730
  z-index: 1;
1724
1731
  }
1725
1732
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment {
1726
- background: #1c8000;
1733
+ background: rgb(27.5, 127.5, 0);
1727
1734
  border: 1px solid #1a1a1a;
1728
1735
  border-radius: 2px;
1729
1736
  color: #fff;
@@ -1959,7 +1966,7 @@
1959
1966
  }
1960
1967
  .e-schedule .e-timeline-view .e-appointment,
1961
1968
  .e-schedule .e-timeline-month-view .e-appointment {
1962
- background: #1c8000;
1969
+ background: rgb(27.5, 127.5, 0);
1963
1970
  border: 1px solid #1a1a1a;
1964
1971
  border-radius: 2px;
1965
1972
  color: #fff;
@@ -2245,7 +2252,7 @@
2245
2252
  padding: 0 8px;
2246
2253
  }
2247
2254
  .e-schedule .e-month-agenda-view .e-appointment {
2248
- border-left: 3px solid #1c8000;
2255
+ border-left: 3px solid rgb(27.5, 127.5, 0);
2249
2256
  border-right: 0;
2250
2257
  cursor: default;
2251
2258
  padding: 0 8px;
@@ -2313,7 +2320,7 @@
2313
2320
  padding: 0;
2314
2321
  }
2315
2322
  .e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
2316
- background: #1c8000;
2323
+ background: rgb(27.5, 127.5, 0);
2317
2324
  border-radius: 50%;
2318
2325
  height: 6px;
2319
2326
  left: 0;
@@ -2327,7 +2334,7 @@
2327
2334
  }
2328
2335
  .e-schedule.e-rtl .e-month-agenda-view .e-appointment {
2329
2336
  border-left: 0;
2330
- border-right: 3px solid #1c8000;
2337
+ border-right: 3px solid rgb(27.5, 127.5, 0);
2331
2338
  }
2332
2339
  .e-schedule.e-rtl .e-month-agenda-view .e-resource-column {
2333
2340
  border-bottom: 1px solid #969696;
@@ -2351,6 +2358,9 @@
2351
2358
  .e-schedule .e-agenda-view {
2352
2359
  background: #1a1a1a;
2353
2360
  }
2361
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2362
+ font-size: 14px;
2363
+ }
2354
2364
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2355
2365
  .e-schedule .e-agenda-view .e-date-column {
2356
2366
  vertical-align: top;
@@ -2364,7 +2374,7 @@
2364
2374
  border-right: 1px solid #969696;
2365
2375
  }
2366
2376
  .e-schedule .e-agenda-view .e-month-header {
2367
- background: #1c8000;
2377
+ background: rgb(27.5, 127.5, 0);
2368
2378
  height: 100px;
2369
2379
  padding-top: 12px;
2370
2380
  vertical-align: top;
@@ -2474,7 +2484,7 @@
2474
2484
  padding: 0;
2475
2485
  }
2476
2486
  .e-schedule .e-agenda-view .e-appointment {
2477
- border-left: 3px solid #1c8000;
2487
+ border-left: 3px solid rgb(27.5, 127.5, 0);
2478
2488
  border-right: 0;
2479
2489
  cursor: default;
2480
2490
  padding: 0 8px;
@@ -2521,7 +2531,7 @@
2521
2531
  }
2522
2532
  .e-schedule.e-rtl .e-agenda-view .e-appointment {
2523
2533
  border-left: 0;
2524
- border-right: 3px solid #1c8000;
2534
+ border-right: 3px solid rgb(27.5, 127.5, 0);
2525
2535
  }
2526
2536
  .e-schedule.e-rtl .e-agenda-view .e-resource-column {
2527
2537
  border-left: 1px solid #969696;
@@ -2580,12 +2590,19 @@
2580
2590
  visibility: hidden;
2581
2591
  }
2582
2592
 
2593
+ .e-field-error-message {
2594
+ display: block;
2595
+ }
2596
+
2583
2597
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2584
- width: 420px;
2598
+ width: 440px;
2585
2599
  }
2586
2600
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2587
2601
  padding: 2%;
2588
2602
  }
2603
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2604
+ margin-bottom: 6px;
2605
+ }
2589
2606
  @media screen and (max-width: 767px) {
2590
2607
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2591
2608
  width: 289px;
@@ -2614,9 +2631,8 @@
2614
2631
  .e-dialog.e-quick-dialog .e-footer-content {
2615
2632
  border-top: none;
2616
2633
  }
2617
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2618
- -webkit-box-shadow: none;
2619
- box-shadow: none;
2634
+ .e-dialog.e-quick-dialog .e-footer-content button {
2635
+ margin-bottom: 6px;
2620
2636
  }
2621
2637
  .e-dialog.e-quick-dialog.e-rtl {
2622
2638
  text-align: right;
@@ -2759,6 +2775,11 @@
2759
2775
  float: right;
2760
2776
  }
2761
2777
 
2778
+ .e-editor-content-item-template {
2779
+ text-overflow: ellipsis;
2780
+ overflow: hidden;
2781
+ }
2782
+
2762
2783
  /*! schedule event window for smaller viewports*/
2763
2784
  @media screen and (max-width: 320px) {
2764
2785
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3033,8 +3054,8 @@
3033
3054
  padding: 0 18px 8px;
3034
3055
  }
3035
3056
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3036
- background: rgba(28, 128, 0, 0.3);
3037
- border-left: 6px solid #1c8000;
3057
+ background: rgba(27.5, 127.5, 0, 0.3);
3058
+ border-left: 6px solid rgb(27.5, 127.5, 0);
3038
3059
  border-radius: 2px;
3039
3060
  color: #fff;
3040
3061
  cursor: default;
@@ -3047,6 +3068,10 @@
3047
3068
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3048
3069
  padding: 0 18px 16px 26px;
3049
3070
  }
3071
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3072
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3073
+ display: none;
3074
+ }
3050
3075
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3051
3076
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3052
3077
  display: -webkit-box;
@@ -3262,7 +3287,7 @@
3262
3287
  }
3263
3288
  }
3264
3289
  .e-appointment.e-schedule-event-clone {
3265
- background: #1c8000;
3290
+ background: rgb(27.5, 127.5, 0);
3266
3291
  border-radius: 2px;
3267
3292
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3268
3293
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
@@ -3427,7 +3452,7 @@
3427
3452
  color: #fff;
3428
3453
  }
3429
3454
  .e-more-popup-wrapper .e-appointment {
3430
- background: #1c8000;
3455
+ background: rgb(27.5, 127.5, 0);
3431
3456
  border-radius: 2px;
3432
3457
  color: #fff;
3433
3458
  display: -webkit-box;
@@ -4079,7 +4104,7 @@
4079
4104
  }
4080
4105
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4081
4106
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4082
- min-width: 306px;
4107
+ min-width: 345px;
4083
4108
  }
4084
4109
 
4085
4110
  /*! schedule event tooltip */
@@ -4090,7 +4115,7 @@
4090
4115
  }
4091
4116
 
4092
4117
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4093
- width: 502px;
4118
+ width: 520px;
4094
4119
  }
4095
4120
 
4096
4121
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4115,16 +4140,6 @@
4115
4140
  padding-bottom: 12px;
4116
4141
  position: relative;
4117
4142
  }
4118
- .e-bigger .e-schedule-dialog .e-event-cancel,
4119
- .e-bigger .e-schedule-dialog .e-event-delete {
4120
- border: 1px solid #fff;
4121
- -webkit-box-shadow: none;
4122
- box-shadow: none;
4123
- }
4124
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4125
- float: left;
4126
- margin-left: 0;
4127
- }
4128
4143
  .e-bigger .e-schedule-dialog .e-subject-container,
4129
4144
  .e-bigger .e-schedule-dialog .e-start-container,
4130
4145
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4220,9 +4235,6 @@
4220
4235
  padding-left: 0;
4221
4236
  padding-right: 12px;
4222
4237
  }
4223
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4224
- float: right;
4225
- }
4226
4238
 
4227
4239
  /*! schedule quick popup */
4228
4240
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -4540,7 +4552,7 @@
4540
4552
  color: #fff;
4541
4553
  }
4542
4554
  .e-bigger .e-more-popup-wrapper .e-appointment {
4543
- background: #1c8000;
4555
+ background: rgb(27.5, 127.5, 0);
4544
4556
  border-radius: 2px;
4545
4557
  color: #fff;
4546
4558
  display: -webkit-box;
@@ -343,6 +343,9 @@
343
343
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
344
344
  border-right: 1px solid #616161;
345
345
  }
346
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
347
+ width: auto;
348
+ }
346
349
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
347
350
  font-size: 14px;
348
351
  text-transform: initial;
@@ -1287,6 +1290,10 @@
1287
1290
  overflow: hidden;
1288
1291
  opacity: 0;
1289
1292
  }
1293
+ .e-schedule .e-month-view .e-month-event-table {
1294
+ position: absolute;
1295
+ top: 0;
1296
+ }
1290
1297
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1291
1298
  border-bottom-width: 0;
1292
1299
  }
@@ -2330,6 +2337,9 @@
2330
2337
  .e-schedule .e-agenda-view {
2331
2338
  background: #303030;
2332
2339
  }
2340
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2341
+ font-size: 14px;
2342
+ }
2333
2343
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2334
2344
  .e-schedule .e-agenda-view .e-date-column {
2335
2345
  vertical-align: top;
@@ -2559,12 +2569,19 @@
2559
2569
  visibility: hidden;
2560
2570
  }
2561
2571
 
2572
+ .e-field-error-message {
2573
+ display: block;
2574
+ }
2575
+
2562
2576
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2563
- width: 420px;
2577
+ width: 440px;
2564
2578
  }
2565
2579
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2566
2580
  padding: 8px;
2567
2581
  }
2582
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2583
+ margin-bottom: 6px;
2584
+ }
2568
2585
  @media screen and (max-width: 767px) {
2569
2586
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2570
2587
  width: 289px;
@@ -2593,9 +2610,8 @@
2593
2610
  .e-dialog.e-quick-dialog .e-footer-content {
2594
2611
  border-top: none;
2595
2612
  }
2596
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2597
- -webkit-box-shadow: none;
2598
- box-shadow: none;
2613
+ .e-dialog.e-quick-dialog .e-footer-content button {
2614
+ margin-bottom: 6px;
2599
2615
  }
2600
2616
  .e-dialog.e-quick-dialog.e-rtl {
2601
2617
  text-align: right;
@@ -2738,6 +2754,11 @@
2738
2754
  float: right;
2739
2755
  }
2740
2756
 
2757
+ .e-editor-content-item-template {
2758
+ text-overflow: ellipsis;
2759
+ overflow: hidden;
2760
+ }
2761
+
2741
2762
  /*! schedule event window for smaller viewports*/
2742
2763
  @media screen and (max-width: 320px) {
2743
2764
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3026,6 +3047,10 @@
3026
3047
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3027
3048
  padding: 0 18px 16px 26px;
3028
3049
  }
3050
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3051
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3052
+ display: none;
3053
+ }
3029
3054
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3030
3055
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3031
3056
  display: -webkit-box;
@@ -4069,7 +4094,7 @@
4069
4094
  }
4070
4095
 
4071
4096
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4072
- width: 502px;
4097
+ width: 520px;
4073
4098
  }
4074
4099
 
4075
4100
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4094,16 +4119,6 @@
4094
4119
  padding-bottom: 12px;
4095
4120
  position: relative;
4096
4121
  }
4097
- .e-bigger .e-schedule-dialog .e-event-cancel,
4098
- .e-bigger .e-schedule-dialog .e-event-delete {
4099
- border: none;
4100
- -webkit-box-shadow: none;
4101
- box-shadow: none;
4102
- }
4103
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4104
- float: left;
4105
- margin-left: 0;
4106
- }
4107
4122
  .e-bigger .e-schedule-dialog .e-subject-container,
4108
4123
  .e-bigger .e-schedule-dialog .e-start-container,
4109
4124
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4199,9 +4214,6 @@
4199
4214
  padding-left: 0;
4200
4215
  padding-right: 12px;
4201
4216
  }
4202
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4203
- float: right;
4204
- }
4205
4217
 
4206
4218
  /*! schedule quick popup */
4207
4219
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -369,6 +369,9 @@
369
369
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
370
370
  border-right: 1px solid rgba(0, 0, 0, 0.12);
371
371
  }
372
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
373
+ width: auto;
374
+ }
372
375
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
373
376
  font-size: 14px;
374
377
  text-transform: initial;
@@ -1313,6 +1316,10 @@
1313
1316
  overflow: hidden;
1314
1317
  opacity: 0;
1315
1318
  }
1319
+ .e-schedule .e-month-view .e-month-event-table {
1320
+ position: absolute;
1321
+ top: 0;
1322
+ }
1316
1323
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1317
1324
  border-bottom-width: 0;
1318
1325
  }
@@ -2356,6 +2363,9 @@
2356
2363
  .e-schedule .e-agenda-view {
2357
2364
  background: #fff;
2358
2365
  }
2366
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2367
+ font-size: 14px;
2368
+ }
2359
2369
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2360
2370
  .e-schedule .e-agenda-view .e-date-column {
2361
2371
  vertical-align: top;
@@ -2585,12 +2595,19 @@
2585
2595
  visibility: hidden;
2586
2596
  }
2587
2597
 
2598
+ .e-field-error-message {
2599
+ display: block;
2600
+ }
2601
+
2588
2602
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2589
- width: 420px;
2603
+ width: 440px;
2590
2604
  }
2591
2605
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2592
2606
  padding: 8px;
2593
2607
  }
2608
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2609
+ margin-bottom: 6px;
2610
+ }
2594
2611
  @media screen and (max-width: 767px) {
2595
2612
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2596
2613
  width: 289px;
@@ -2619,9 +2636,8 @@
2619
2636
  .e-dialog.e-quick-dialog .e-footer-content {
2620
2637
  border-top: none;
2621
2638
  }
2622
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2623
- -webkit-box-shadow: none;
2624
- box-shadow: none;
2639
+ .e-dialog.e-quick-dialog .e-footer-content button {
2640
+ margin-bottom: 6px;
2625
2641
  }
2626
2642
  .e-dialog.e-quick-dialog.e-rtl {
2627
2643
  text-align: right;
@@ -2764,6 +2780,11 @@
2764
2780
  float: right;
2765
2781
  }
2766
2782
 
2783
+ .e-editor-content-item-template {
2784
+ text-overflow: ellipsis;
2785
+ overflow: hidden;
2786
+ }
2787
+
2767
2788
  /*! schedule event window for smaller viewports*/
2768
2789
  @media screen and (max-width: 320px) {
2769
2790
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3052,6 +3073,10 @@
3052
3073
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3053
3074
  padding: 8px 18px 26px 26px;
3054
3075
  }
3076
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3077
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3078
+ display: none;
3079
+ }
3055
3080
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3056
3081
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3057
3082
  display: -webkit-box;
@@ -4095,7 +4120,7 @@
4095
4120
  }
4096
4121
 
4097
4122
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4098
- width: 502px;
4123
+ width: 520px;
4099
4124
  }
4100
4125
 
4101
4126
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4120,16 +4145,6 @@
4120
4145
  padding-bottom: 12px;
4121
4146
  position: relative;
4122
4147
  }
4123
- .e-bigger .e-schedule-dialog .e-event-cancel,
4124
- .e-bigger .e-schedule-dialog .e-event-delete {
4125
- border: none;
4126
- -webkit-box-shadow: none;
4127
- box-shadow: none;
4128
- }
4129
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4130
- float: left;
4131
- margin-left: 0;
4132
- }
4133
4148
  .e-bigger .e-schedule-dialog .e-subject-container,
4134
4149
  .e-bigger .e-schedule-dialog .e-start-container,
4135
4150
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4225,9 +4240,6 @@
4225
4240
  padding-left: 0;
4226
4241
  padding-right: 12px;
4227
4242
  }
4228
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4229
- float: right;
4230
- }
4231
4243
 
4232
4244
  /*! schedule quick popup */
4233
4245
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -345,6 +345,9 @@
345
345
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
346
346
  border-right: 1px solid rgba(var(--color-sf-outline-variant));
347
347
  }
348
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
349
+ width: auto;
350
+ }
348
351
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
349
352
  font-size: 14px;
350
353
  text-transform: initial;
@@ -1292,6 +1295,10 @@
1292
1295
  overflow: hidden;
1293
1296
  opacity: 0;
1294
1297
  }
1298
+ .e-schedule .e-month-view .e-month-event-table {
1299
+ position: absolute;
1300
+ top: 0;
1301
+ }
1295
1302
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1296
1303
  border-bottom-width: 0;
1297
1304
  }
@@ -1478,7 +1485,7 @@
1478
1485
  -ms-flex: 0 25%;
1479
1486
  flex: 0 25%;
1480
1487
  max-width: 100%;
1481
- min-width: 260px;
1488
+ min-width: 310px;
1482
1489
  padding: 10px;
1483
1490
  }
1484
1491
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title {
@@ -2337,6 +2344,9 @@
2337
2344
  .e-schedule .e-agenda-view {
2338
2345
  background: rgba(var(--color-sf-surface));
2339
2346
  }
2347
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2348
+ font-size: 14px;
2349
+ }
2340
2350
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2341
2351
  .e-schedule .e-agenda-view .e-date-column {
2342
2352
  vertical-align: top;
@@ -2566,12 +2576,19 @@
2566
2576
  visibility: hidden;
2567
2577
  }
2568
2578
 
2579
+ .e-field-error-message {
2580
+ display: block;
2581
+ }
2582
+
2569
2583
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2570
- width: 420px;
2584
+ width: 440px;
2571
2585
  }
2572
2586
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2573
2587
  padding: 8px;
2574
2588
  }
2589
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2590
+ margin-bottom: 6px;
2591
+ }
2575
2592
  @media screen and (max-width: 767px) {
2576
2593
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2577
2594
  width: 289px;
@@ -2600,9 +2617,8 @@
2600
2617
  .e-dialog.e-quick-dialog .e-footer-content {
2601
2618
  border-top: none;
2602
2619
  }
2603
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2604
- -webkit-box-shadow: none;
2605
- box-shadow: none;
2620
+ .e-dialog.e-quick-dialog .e-footer-content button {
2621
+ margin-bottom: 6px;
2606
2622
  }
2607
2623
  .e-dialog.e-quick-dialog.e-rtl {
2608
2624
  text-align: right;
@@ -2745,6 +2761,11 @@
2745
2761
  float: right;
2746
2762
  }
2747
2763
 
2764
+ .e-editor-content-item-template {
2765
+ text-overflow: ellipsis;
2766
+ overflow: hidden;
2767
+ }
2768
+
2748
2769
  /*! schedule event window for smaller viewports*/
2749
2770
  @media screen and (max-width: 320px) {
2750
2771
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -2767,7 +2788,7 @@
2767
2788
  }
2768
2789
  .e-ddl.e-popup .e-resource-template .e-resource-color {
2769
2790
  height: 14px;
2770
- margin-top: 10px;
2791
+ margin-top: 9px;
2771
2792
  width: 14px;
2772
2793
  }
2773
2794
 
@@ -3035,6 +3056,10 @@
3035
3056
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3036
3057
  padding: 0 20px 12px;
3037
3058
  }
3059
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3060
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3061
+ display: none;
3062
+ }
3038
3063
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3039
3064
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3040
3065
  display: -webkit-box;
@@ -4075,7 +4100,7 @@
4075
4100
  }
4076
4101
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4077
4102
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4078
- min-width: 306px;
4103
+ min-width: 345px;
4079
4104
  }
4080
4105
 
4081
4106
  /*! schedule event tooltip */
@@ -4086,7 +4111,7 @@
4086
4111
  }
4087
4112
 
4088
4113
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4089
- width: 502px;
4114
+ width: 520px;
4090
4115
  }
4091
4116
 
4092
4117
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4098,7 +4123,7 @@
4098
4123
  }
4099
4124
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
4100
4125
  height: 16px;
4101
- margin-top: 14px;
4126
+ margin-top: 11px;
4102
4127
  width: 16px;
4103
4128
  }
4104
4129
  .e-bigger .e-schedule-dialog .e-disable {
@@ -4111,16 +4136,6 @@
4111
4136
  padding-bottom: 12px;
4112
4137
  position: relative;
4113
4138
  }
4114
- .e-bigger .e-schedule-dialog .e-event-cancel,
4115
- .e-bigger .e-schedule-dialog .e-event-delete {
4116
- border: none;
4117
- -webkit-box-shadow: none;
4118
- box-shadow: none;
4119
- }
4120
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4121
- float: left;
4122
- margin-left: 0;
4123
- }
4124
4139
  .e-bigger .e-schedule-dialog .e-subject-container,
4125
4140
  .e-bigger .e-schedule-dialog .e-start-container,
4126
4141
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4216,9 +4231,6 @@
4216
4231
  padding-left: 0;
4217
4232
  padding-right: 12px;
4218
4233
  }
4219
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4220
- float: right;
4221
- }
4222
4234
 
4223
4235
  /*! schedule quick popup */
4224
4236
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {