@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
@@ -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 {
@@ -4725,6 +4737,10 @@
4725
4737
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4726
4738
  display: none;
4727
4739
  }
4740
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4741
+ min-width: 30px;
4742
+ margin-bottom: 18px;
4743
+ }
4728
4744
  .e-recurrenceeditor .e-input-wrapper-side {
4729
4745
  float: left;
4730
4746
  padding: 16px 20px 0;
@@ -4896,7 +4912,7 @@
4896
4912
  width: 65%;
4897
4913
  }
4898
4914
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4899
- padding-left: 50px;
4915
+ padding-left: 59px;
4900
4916
  }
4901
4917
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4902
4918
  padding-right: 0;
@@ -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;
@@ -4075,6 +4100,10 @@
4075
4100
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4076
4101
  display: none;
4077
4102
  }
4103
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4104
+ min-width: 30px;
4105
+ margin-bottom: 18px;
4106
+ }
4078
4107
  .e-recurrenceeditor .e-input-wrapper-side {
4079
4108
  float: left;
4080
4109
  padding: 16px 20px 0;
@@ -4246,7 +4275,7 @@
4246
4275
  width: 65%;
4247
4276
  }
4248
4277
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4249
- padding-left: 50px;
4278
+ padding-left: 59px;
4250
4279
  }
4251
4280
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4252
4281
  padding-right: 0;
@@ -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 {
@@ -4751,6 +4763,10 @@
4751
4763
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4752
4764
  display: none;
4753
4765
  }
4766
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4767
+ min-width: 30px;
4768
+ margin-bottom: 18px;
4769
+ }
4754
4770
  .e-recurrenceeditor .e-input-wrapper-side {
4755
4771
  float: left;
4756
4772
  padding: 16px 20px 0;
@@ -4922,7 +4938,7 @@
4922
4938
  width: 65%;
4923
4939
  }
4924
4940
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4925
- padding-left: 50px;
4941
+ padding-left: 59px;
4926
4942
  }
4927
4943
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4928
4944
  padding-right: 0;
@@ -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;
@@ -4066,6 +4091,10 @@
4066
4091
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4067
4092
  display: none;
4068
4093
  }
4094
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4095
+ min-width: 30px;
4096
+ margin-bottom: 18px;
4097
+ }
4069
4098
  .e-recurrenceeditor .e-input-wrapper-side {
4070
4099
  float: left;
4071
4100
  padding: 16px 20px 0;
@@ -4237,7 +4266,7 @@
4237
4266
  width: 65%;
4238
4267
  }
4239
4268
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4240
- padding-left: 50px;
4269
+ padding-left: 59px;
4241
4270
  }
4242
4271
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4243
4272
  padding-right: 0;
@@ -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 {
@@ -4743,6 +4755,10 @@
4743
4755
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4744
4756
  display: none;
4745
4757
  }
4758
+ .e-recurrenceeditor .e-input-wrapper.e-month-expander-checkbox-wrapper.e-repeat-on-week-selector {
4759
+ min-width: 30px;
4760
+ margin-bottom: 18px;
4761
+ }
4746
4762
  .e-recurrenceeditor .e-input-wrapper-side {
4747
4763
  float: left;
4748
4764
  padding: 16px 20px 0;
@@ -4914,7 +4930,7 @@
4914
4930
  width: 65%;
4915
4931
  }
4916
4932
  .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4917
- padding-left: 50px;
4933
+ padding-left: 59px;
4918
4934
  }
4919
4935
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4920
4936
  padding-right: 0;