@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
@@ -282,7 +282,7 @@
282
282
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
283
283
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
284
284
  margin-bottom: 3px;
285
- min-height: 38px;
285
+ min-height: 40px;
286
286
  }
287
287
  .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
288
288
  .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
@@ -294,11 +294,11 @@
294
294
  text-transform: none;
295
295
  }
296
296
  .e-schedule .e-schedule-toolbar .e-toolbar-items {
297
- height: 38px;
297
+ height: 40px;
298
298
  }
299
299
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
300
- height: 38px;
301
- min-height: 38px;
300
+ height: 40px;
301
+ min-height: 40px;
302
302
  }
303
303
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
304
304
  border: none;
@@ -329,6 +329,9 @@
329
329
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
330
330
  border-right: 1px solid #edebe9;
331
331
  }
332
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
333
+ width: auto;
334
+ }
332
335
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
333
336
  font-size: 14px;
334
337
  text-transform: initial;
@@ -432,7 +435,7 @@
432
435
  display: -ms-flexbox;
433
436
  display: flex;
434
437
  margin-bottom: 3px;
435
- min-height: 38px;
438
+ min-height: 40px;
436
439
  padding: 10px;
437
440
  }
438
441
  .e-schedule .e-schedule-resource-toolbar .e-resource-menu .e-icon-menu {
@@ -1273,6 +1276,10 @@
1273
1276
  overflow: hidden;
1274
1277
  opacity: 0;
1275
1278
  }
1279
+ .e-schedule .e-month-view .e-month-event-table {
1280
+ position: absolute;
1281
+ top: 0;
1282
+ }
1276
1283
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1277
1284
  border-bottom-width: 0;
1278
1285
  }
@@ -2316,6 +2323,9 @@
2316
2323
  .e-schedule .e-agenda-view {
2317
2324
  background: #fff;
2318
2325
  }
2326
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2327
+ font-size: 14px;
2328
+ }
2319
2329
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2320
2330
  .e-schedule .e-agenda-view .e-date-column {
2321
2331
  vertical-align: top;
@@ -2545,12 +2555,19 @@
2545
2555
  visibility: hidden;
2546
2556
  }
2547
2557
 
2558
+ .e-field-error-message {
2559
+ display: block;
2560
+ }
2561
+
2548
2562
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2549
- width: 420px;
2563
+ width: 440px;
2550
2564
  }
2551
2565
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2552
2566
  padding: 0 24px 24px;
2553
2567
  }
2568
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2569
+ margin-bottom: 6px;
2570
+ }
2554
2571
  @media screen and (max-width: 767px) {
2555
2572
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2556
2573
  width: 289px;
@@ -2579,9 +2596,8 @@
2579
2596
  .e-dialog.e-quick-dialog .e-footer-content {
2580
2597
  border-top: none;
2581
2598
  }
2582
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2583
- -webkit-box-shadow: none;
2584
- box-shadow: none;
2599
+ .e-dialog.e-quick-dialog .e-footer-content button {
2600
+ margin-bottom: 6px;
2585
2601
  }
2586
2602
  .e-dialog.e-quick-dialog.e-rtl {
2587
2603
  text-align: right;
@@ -2724,6 +2740,11 @@
2724
2740
  float: right;
2725
2741
  }
2726
2742
 
2743
+ .e-editor-content-item-template {
2744
+ text-overflow: ellipsis;
2745
+ overflow: hidden;
2746
+ }
2747
+
2727
2748
  /*! schedule event window for smaller viewports*/
2728
2749
  @media screen and (max-width: 320px) {
2729
2750
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3012,6 +3033,10 @@
3012
3033
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3013
3034
  padding: 0 24px 12px;
3014
3035
  }
3036
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3037
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3038
+ display: none;
3039
+ }
3015
3040
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3016
3041
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3017
3042
  display: -webkit-box;
@@ -4035,6 +4060,10 @@
4035
4060
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4036
4061
  display: none;
4037
4062
  }
4063
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4064
+ min-width: 30px;
4065
+ margin-bottom: 18px;
4066
+ }
4038
4067
  .e-recurrenceeditor .e-input-wrapper-side {
4039
4068
  float: left;
4040
4069
  padding: 16px 20px 0;
@@ -4206,7 +4235,7 @@
4206
4235
  width: 65%;
4207
4236
  }
4208
4237
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4209
- padding-left: 50px;
4238
+ padding-left: 59px;
4210
4239
  }
4211
4240
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4212
4241
  padding-right: 0;
package/styles/fluent.css CHANGED
@@ -282,7 +282,7 @@
282
282
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
283
283
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
284
284
  margin-bottom: 3px;
285
- min-height: 38px;
285
+ min-height: 40px;
286
286
  }
287
287
  .e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text,
288
288
  .e-schedule .e-schedule-toolbar .e-active-view .e-icons {
@@ -294,11 +294,11 @@
294
294
  text-transform: none;
295
295
  }
296
296
  .e-schedule .e-schedule-toolbar .e-toolbar-items {
297
- height: 38px;
297
+ height: 40px;
298
298
  }
299
299
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
300
- height: 38px;
301
- min-height: 38px;
300
+ height: 40px;
301
+ min-height: 40px;
302
302
  }
303
303
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
304
304
  border: none;
@@ -329,6 +329,9 @@
329
329
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
330
330
  border-right: 1px solid #edebe9;
331
331
  }
332
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
333
+ width: auto;
334
+ }
332
335
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
333
336
  font-size: 14px;
334
337
  text-transform: initial;
@@ -432,7 +435,7 @@
432
435
  display: -ms-flexbox;
433
436
  display: flex;
434
437
  margin-bottom: 3px;
435
- min-height: 38px;
438
+ min-height: 40px;
436
439
  padding: 10px;
437
440
  }
438
441
  .e-schedule .e-schedule-resource-toolbar .e-resource-menu .e-icon-menu {
@@ -1273,6 +1276,10 @@
1273
1276
  overflow: hidden;
1274
1277
  opacity: 0;
1275
1278
  }
1279
+ .e-schedule .e-month-view .e-month-event-table {
1280
+ position: absolute;
1281
+ top: 0;
1282
+ }
1276
1283
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1277
1284
  border-bottom-width: 0;
1278
1285
  }
@@ -2316,6 +2323,9 @@
2316
2323
  .e-schedule .e-agenda-view {
2317
2324
  background: #fff;
2318
2325
  }
2326
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2327
+ font-size: 14px;
2328
+ }
2319
2329
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2320
2330
  .e-schedule .e-agenda-view .e-date-column {
2321
2331
  vertical-align: top;
@@ -2545,12 +2555,19 @@
2545
2555
  visibility: hidden;
2546
2556
  }
2547
2557
 
2558
+ .e-field-error-message {
2559
+ display: block;
2560
+ }
2561
+
2548
2562
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2549
- width: 420px;
2563
+ width: 440px;
2550
2564
  }
2551
2565
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2552
2566
  padding: 0 24px 24px;
2553
2567
  }
2568
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2569
+ margin-bottom: 6px;
2570
+ }
2554
2571
  @media screen and (max-width: 767px) {
2555
2572
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2556
2573
  width: 289px;
@@ -2579,9 +2596,8 @@
2579
2596
  .e-dialog.e-quick-dialog .e-footer-content {
2580
2597
  border-top: none;
2581
2598
  }
2582
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2583
- -webkit-box-shadow: none;
2584
- box-shadow: none;
2599
+ .e-dialog.e-quick-dialog .e-footer-content button {
2600
+ margin-bottom: 6px;
2585
2601
  }
2586
2602
  .e-dialog.e-quick-dialog.e-rtl {
2587
2603
  text-align: right;
@@ -2724,6 +2740,11 @@
2724
2740
  float: right;
2725
2741
  }
2726
2742
 
2743
+ .e-editor-content-item-template {
2744
+ text-overflow: ellipsis;
2745
+ overflow: hidden;
2746
+ }
2747
+
2727
2748
  /*! schedule event window for smaller viewports*/
2728
2749
  @media screen and (max-width: 320px) {
2729
2750
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3012,6 +3033,10 @@
3012
3033
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3013
3034
  padding: 0 24px 12px;
3014
3035
  }
3036
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3037
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3038
+ display: none;
3039
+ }
3015
3040
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3016
3041
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3017
3042
  display: -webkit-box;
@@ -4055,7 +4080,7 @@
4055
4080
  }
4056
4081
 
4057
4082
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4058
- width: 502px;
4083
+ width: 520px;
4059
4084
  }
4060
4085
 
4061
4086
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4080,16 +4105,6 @@
4080
4105
  padding-bottom: 12px;
4081
4106
  position: relative;
4082
4107
  }
4083
- .e-bigger .e-schedule-dialog .e-event-cancel,
4084
- .e-bigger .e-schedule-dialog .e-event-delete {
4085
- border: none;
4086
- -webkit-box-shadow: none;
4087
- box-shadow: none;
4088
- }
4089
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4090
- float: left;
4091
- margin-left: 0;
4092
- }
4093
4108
  .e-bigger .e-schedule-dialog .e-subject-container,
4094
4109
  .e-bigger .e-schedule-dialog .e-start-container,
4095
4110
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4185,9 +4200,6 @@
4185
4200
  padding-left: 0;
4186
4201
  padding-right: 12px;
4187
4202
  }
4188
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4189
- float: right;
4190
- }
4191
4203
 
4192
4204
  /*! schedule quick popup */
4193
4205
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -4711,6 +4723,10 @@
4711
4723
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4712
4724
  display: none;
4713
4725
  }
4726
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4727
+ min-width: 30px;
4728
+ margin-bottom: 18px;
4729
+ }
4714
4730
  .e-recurrenceeditor .e-input-wrapper-side {
4715
4731
  float: left;
4716
4732
  padding: 16px 20px 0;
@@ -4882,7 +4898,7 @@
4882
4898
  width: 65%;
4883
4899
  }
4884
4900
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4885
- padding-left: 50px;
4901
+ padding-left: 59px;
4886
4902
  }
4887
4903
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4888
4904
  padding-right: 0;
@@ -495,6 +495,9 @@
495
495
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
496
496
  border-right: 1px solid var(--color-sf-border-light);
497
497
  }
498
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
499
+ width: auto;
500
+ }
498
501
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
499
502
  font-size: 14px;
500
503
  text-transform: initial;
@@ -1439,6 +1442,10 @@
1439
1442
  overflow: hidden;
1440
1443
  opacity: 0;
1441
1444
  }
1445
+ .e-schedule .e-month-view .e-month-event-table {
1446
+ position: absolute;
1447
+ top: 0;
1448
+ }
1442
1449
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1443
1450
  border-bottom-width: 0;
1444
1451
  }
@@ -1625,7 +1632,7 @@
1625
1632
  -ms-flex: 0 25%;
1626
1633
  flex: 0 25%;
1627
1634
  max-width: 100%;
1628
- min-width: 260px;
1635
+ min-width: 295px;
1629
1636
  padding: 10px;
1630
1637
  -webkit-box-shadow: none;
1631
1638
  box-shadow: none;
@@ -2494,6 +2501,9 @@
2494
2501
  .e-schedule .e-agenda-view {
2495
2502
  background: transparent;
2496
2503
  }
2504
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2505
+ font-size: 14px;
2506
+ }
2497
2507
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2498
2508
  .e-schedule .e-agenda-view .e-date-column {
2499
2509
  vertical-align: top;
@@ -2733,12 +2743,19 @@
2733
2743
  visibility: hidden;
2734
2744
  }
2735
2745
 
2746
+ .e-field-error-message {
2747
+ display: block;
2748
+ }
2749
+
2736
2750
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2737
- width: 420px;
2751
+ width: 440px;
2738
2752
  }
2739
2753
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2740
2754
  padding: 8px 18px;
2741
2755
  }
2756
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2757
+ margin-bottom: 6px;
2758
+ }
2742
2759
  @media screen and (max-width: 767px) {
2743
2760
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2744
2761
  width: 289px;
@@ -2767,9 +2784,8 @@
2767
2784
  .e-dialog.e-quick-dialog .e-footer-content {
2768
2785
  border-top: none;
2769
2786
  }
2770
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2771
- -webkit-box-shadow: none;
2772
- box-shadow: none;
2787
+ .e-dialog.e-quick-dialog .e-footer-content button {
2788
+ margin-bottom: 6px;
2773
2789
  }
2774
2790
  .e-dialog.e-quick-dialog.e-rtl {
2775
2791
  text-align: right;
@@ -2912,6 +2928,11 @@
2912
2928
  float: right;
2913
2929
  }
2914
2930
 
2931
+ .e-editor-content-item-template {
2932
+ text-overflow: ellipsis;
2933
+ overflow: hidden;
2934
+ }
2935
+
2915
2936
  /*! schedule event window for smaller viewports*/
2916
2937
  @media screen and (max-width: 320px) {
2917
2938
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3201,6 +3222,10 @@
3201
3222
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3202
3223
  padding: 0 18px 12px;
3203
3224
  }
3225
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3226
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3227
+ display: none;
3228
+ }
3204
3229
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3205
3230
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3206
3231
  display: -webkit-box;
@@ -4279,6 +4304,10 @@
4279
4304
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4280
4305
  display: none;
4281
4306
  }
4307
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4308
+ min-width: 30px;
4309
+ margin-bottom: 18px;
4310
+ }
4282
4311
  .e-recurrenceeditor .e-input-wrapper-side {
4283
4312
  float: left;
4284
4313
  padding: 16px 20px 0;
@@ -4450,7 +4479,7 @@
4450
4479
  width: 65%;
4451
4480
  }
4452
4481
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4453
- padding-left: 50px;
4482
+ padding-left: 59px;
4454
4483
  }
4455
4484
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4456
4485
  padding-right: 0;
@@ -495,6 +495,9 @@
495
495
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
496
496
  border-right: 1px solid var(--color-sf-border-light);
497
497
  }
498
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn.e-schedule-date-range-tbtn {
499
+ width: auto;
500
+ }
498
501
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
499
502
  font-size: 14px;
500
503
  text-transform: initial;
@@ -1439,6 +1442,10 @@
1439
1442
  overflow: hidden;
1440
1443
  opacity: 0;
1441
1444
  }
1445
+ .e-schedule .e-month-view .e-month-event-table {
1446
+ position: absolute;
1447
+ top: 0;
1448
+ }
1442
1449
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1443
1450
  border-bottom-width: 0;
1444
1451
  }
@@ -1625,7 +1632,7 @@
1625
1632
  -ms-flex: 0 25%;
1626
1633
  flex: 0 25%;
1627
1634
  max-width: 100%;
1628
- min-width: 260px;
1635
+ min-width: 295px;
1629
1636
  padding: 10px;
1630
1637
  -webkit-box-shadow: none;
1631
1638
  box-shadow: none;
@@ -2494,6 +2501,9 @@
2494
2501
  .e-schedule .e-agenda-view {
2495
2502
  background: transparent;
2496
2503
  }
2504
+ .e-schedule .e-agenda-view .e-agenda-load-more {
2505
+ font-size: 14px;
2506
+ }
2497
2507
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2498
2508
  .e-schedule .e-agenda-view .e-date-column {
2499
2509
  vertical-align: top;
@@ -2733,12 +2743,19 @@
2733
2743
  visibility: hidden;
2734
2744
  }
2735
2745
 
2746
+ .e-field-error-message {
2747
+ display: block;
2748
+ }
2749
+
2736
2750
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2737
- width: 420px;
2751
+ width: 440px;
2738
2752
  }
2739
2753
  .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2740
2754
  padding: 8px 18px;
2741
2755
  }
2756
+ .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2757
+ margin-bottom: 6px;
2758
+ }
2742
2759
  @media screen and (max-width: 767px) {
2743
2760
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2744
2761
  width: 289px;
@@ -2767,9 +2784,8 @@
2767
2784
  .e-dialog.e-quick-dialog .e-footer-content {
2768
2785
  border-top: none;
2769
2786
  }
2770
- .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
2771
- -webkit-box-shadow: none;
2772
- box-shadow: none;
2787
+ .e-dialog.e-quick-dialog .e-footer-content button {
2788
+ margin-bottom: 6px;
2773
2789
  }
2774
2790
  .e-dialog.e-quick-dialog.e-rtl {
2775
2791
  text-align: right;
@@ -2912,6 +2928,11 @@
2912
2928
  float: right;
2913
2929
  }
2914
2930
 
2931
+ .e-editor-content-item-template {
2932
+ text-overflow: ellipsis;
2933
+ overflow: hidden;
2934
+ }
2935
+
2915
2936
  /*! schedule event window for smaller viewports*/
2916
2937
  @media screen and (max-width: 320px) {
2917
2938
  .e-schedule-dialog.e-popup.e-popup-open {
@@ -3201,6 +3222,10 @@
3201
3222
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
3202
3223
  padding: 0 18px 12px;
3203
3224
  }
3225
+ .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-popup-header-title-text,
3226
+ .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-popup-header-title-text {
3227
+ display: none;
3228
+ }
3204
3229
  .e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper,
3205
3230
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper {
3206
3231
  display: -webkit-box;
@@ -4288,7 +4313,7 @@
4288
4313
  }
4289
4314
  .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
4290
4315
  .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
4291
- min-width: 306px;
4316
+ min-width: 345px;
4292
4317
  }
4293
4318
 
4294
4319
  /*! schedule event tooltip */
@@ -4299,7 +4324,7 @@
4299
4324
  }
4300
4325
 
4301
4326
  .e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
4302
- width: 502px;
4327
+ width: 520px;
4303
4328
  }
4304
4329
 
4305
4330
  .e-bigger .e-dialog.e-quick-dialog {
@@ -4311,7 +4336,7 @@
4311
4336
  }
4312
4337
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
4313
4338
  height: 16px;
4314
- margin-top: 10px;
4339
+ margin-top: 12px;
4315
4340
  width: 16px;
4316
4341
  }
4317
4342
  .e-bigger .e-schedule-dialog .e-disable {
@@ -4324,16 +4349,6 @@
4324
4349
  padding-bottom: 12px;
4325
4350
  position: relative;
4326
4351
  }
4327
- .e-bigger .e-schedule-dialog .e-event-cancel,
4328
- .e-bigger .e-schedule-dialog .e-event-delete {
4329
- border: none;
4330
- -webkit-box-shadow: none;
4331
- box-shadow: none;
4332
- }
4333
- .e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete {
4334
- float: left;
4335
- margin-left: 0;
4336
- }
4337
4352
  .e-bigger .e-schedule-dialog .e-subject-container,
4338
4353
  .e-bigger .e-schedule-dialog .e-start-container,
4339
4354
  .e-bigger .e-schedule-dialog .e-start-time-zone-container,
@@ -4429,9 +4444,6 @@
4429
4444
  padding-left: 0;
4430
4445
  padding-right: 12px;
4431
4446
  }
4432
- .e-bigger .e-schedule-dialog.e-rtl .e-event-delete {
4433
- float: right;
4434
- }
4435
4447
 
4436
4448
  /*! schedule quick popup */
4437
4449
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
@@ -4956,6 +4968,10 @@
4956
4968
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4957
4969
  display: none;
4958
4970
  }
4971
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4972
+ min-width: 30px;
4973
+ margin-bottom: 18px;
4974
+ }
4959
4975
  .e-recurrenceeditor .e-input-wrapper-side {
4960
4976
  float: left;
4961
4977
  padding: 16px 20px 0;
@@ -5127,7 +5143,7 @@
5127
5143
  width: 65%;
5128
5144
  }
5129
5145
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
5130
- padding-left: 50px;
5146
+ padding-left: 59px;
5131
5147
  }
5132
5148
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
5133
5149
  padding-right: 0;