@syncfusion/ej2-schedule 23.2.7 → 24.1.41

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 (119) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +272 -34
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +335 -64
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/recurrence-editor/recurrence-editor.js +4 -2
  14. package/src/schedule/actions/drag.js +4 -4
  15. package/src/schedule/base/schedule-model.d.ts +15 -1
  16. package/src/schedule/base/schedule.d.ts +14 -1
  17. package/src/schedule/base/schedule.js +5 -0
  18. package/src/schedule/base/type.d.ts +12 -0
  19. package/src/schedule/event-renderer/agenda-base.js +1 -1
  20. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  21. package/src/schedule/event-renderer/event-base.js +25 -1
  22. package/src/schedule/event-renderer/month.js +9 -1
  23. package/src/schedule/event-renderer/timeline-view.js +8 -2
  24. package/src/schedule/event-renderer/year.js +12 -3
  25. package/src/schedule/models/models.d.ts +1 -0
  26. package/src/schedule/models/toolbar-model.d.ts +196 -0
  27. package/src/schedule/models/toolbar.d.ts +176 -0
  28. package/src/schedule/models/toolbar.js +85 -0
  29. package/src/schedule/models/views-model.d.ts +9 -0
  30. package/src/schedule/models/views.d.ts +8 -0
  31. package/src/schedule/models/views.js +3 -0
  32. package/src/schedule/popups/event-window.js +4 -10
  33. package/src/schedule/popups/quick-popups.js +2 -2
  34. package/src/schedule/renderer/header-renderer.d.ts +2 -0
  35. package/src/schedule/renderer/header-renderer.js +142 -4
  36. package/src/schedule/renderer/renderer.js +1 -1
  37. package/src/schedule/renderer/vertical-view.js +3 -3
  38. package/src/schedule/renderer/year.js +3 -0
  39. package/styles/bootstrap-dark.css +26 -22
  40. package/styles/bootstrap.css +26 -22
  41. package/styles/bootstrap4.css +25 -21
  42. package/styles/bootstrap5-dark.css +30 -26
  43. package/styles/bootstrap5.css +30 -26
  44. package/styles/fabric-dark.css +28 -24
  45. package/styles/fabric.css +28 -24
  46. package/styles/fluent-dark.css +28 -24
  47. package/styles/fluent.css +28 -24
  48. package/styles/highcontrast-light.css +26 -22
  49. package/styles/highcontrast.css +26 -22
  50. package/styles/material-dark.css +26 -22
  51. package/styles/material.css +26 -22
  52. package/styles/material3-dark.css +29 -25
  53. package/styles/material3.css +29 -25
  54. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +3 -1
  55. package/styles/recurrence-editor/_bootstrap-definition.scss +3 -1
  56. package/styles/recurrence-editor/_bootstrap4-definition.scss +3 -1
  57. package/styles/recurrence-editor/_bootstrap5-definition.scss +5 -3
  58. package/styles/recurrence-editor/_fabric-dark-definition.scss +4 -2
  59. package/styles/recurrence-editor/_fabric-definition.scss +4 -2
  60. package/styles/recurrence-editor/_fluent-definition.scss +4 -2
  61. package/styles/recurrence-editor/_fusionnew-definition.scss +4 -2
  62. package/styles/recurrence-editor/_highcontrast-definition.scss +3 -1
  63. package/styles/recurrence-editor/_highcontrast-light-definition.scss +3 -1
  64. package/styles/recurrence-editor/_layout.scss +3 -10
  65. package/styles/recurrence-editor/_material-dark-definition.scss +3 -1
  66. package/styles/recurrence-editor/_material-definition.scss +3 -1
  67. package/styles/recurrence-editor/_material3-definition.scss +4 -2
  68. package/styles/recurrence-editor/_tailwind-definition.scss +5 -3
  69. package/styles/recurrence-editor/bootstrap-dark.css +5 -10
  70. package/styles/recurrence-editor/bootstrap.css +5 -10
  71. package/styles/recurrence-editor/bootstrap4.css +4 -9
  72. package/styles/recurrence-editor/bootstrap5-dark.css +9 -14
  73. package/styles/recurrence-editor/bootstrap5.css +9 -14
  74. package/styles/recurrence-editor/fabric-dark.css +7 -12
  75. package/styles/recurrence-editor/fabric.css +7 -12
  76. package/styles/recurrence-editor/fluent-dark.css +7 -12
  77. package/styles/recurrence-editor/fluent.css +7 -12
  78. package/styles/recurrence-editor/highcontrast-light.css +5 -10
  79. package/styles/recurrence-editor/highcontrast.css +5 -10
  80. package/styles/recurrence-editor/material-dark.css +5 -10
  81. package/styles/recurrence-editor/material.css +5 -10
  82. package/styles/recurrence-editor/material3-dark.css +7 -12
  83. package/styles/recurrence-editor/material3.css +7 -12
  84. package/styles/recurrence-editor/tailwind-dark.css +9 -14
  85. package/styles/recurrence-editor/tailwind.css +9 -14
  86. package/styles/schedule/_bootstrap-dark-definition.scss +6 -2
  87. package/styles/schedule/_bootstrap-definition.scss +6 -2
  88. package/styles/schedule/_bootstrap4-definition.scss +6 -2
  89. package/styles/schedule/_bootstrap5-definition.scss +6 -2
  90. package/styles/schedule/_fabric-dark-definition.scss +6 -2
  91. package/styles/schedule/_fabric-definition.scss +6 -2
  92. package/styles/schedule/_fluent-definition.scss +6 -2
  93. package/styles/schedule/_fusionnew-definition.scss +6 -2
  94. package/styles/schedule/_highcontrast-definition.scss +6 -2
  95. package/styles/schedule/_highcontrast-light-definition.scss +6 -2
  96. package/styles/schedule/_layout.scss +23 -10
  97. package/styles/schedule/_material-dark-definition.scss +6 -2
  98. package/styles/schedule/_material-definition.scss +6 -2
  99. package/styles/schedule/_material3-definition.scss +6 -2
  100. package/styles/schedule/_tailwind-definition.scss +6 -2
  101. package/styles/schedule/bootstrap-dark.css +21 -12
  102. package/styles/schedule/bootstrap.css +21 -12
  103. package/styles/schedule/bootstrap4.css +21 -12
  104. package/styles/schedule/bootstrap5-dark.css +21 -12
  105. package/styles/schedule/bootstrap5.css +21 -12
  106. package/styles/schedule/fabric-dark.css +21 -12
  107. package/styles/schedule/fabric.css +21 -12
  108. package/styles/schedule/fluent-dark.css +21 -12
  109. package/styles/schedule/fluent.css +21 -12
  110. package/styles/schedule/highcontrast-light.css +21 -12
  111. package/styles/schedule/highcontrast.css +21 -12
  112. package/styles/schedule/material-dark.css +21 -12
  113. package/styles/schedule/material.css +21 -12
  114. package/styles/schedule/material3-dark.css +22 -13
  115. package/styles/schedule/material3.css +22 -13
  116. package/styles/schedule/tailwind-dark.css +22 -13
  117. package/styles/schedule/tailwind.css +22 -13
  118. package/styles/tailwind-dark.css +31 -27
  119. package/styles/tailwind.css +31 -27
package/styles/bootstrap-dark.css CHANGED
@@ -1154,7 +1154,7 @@
1154
1154
  text-decoration: none;
1155
1155
  }
1156
1156
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1157
- width: 35px;
1157
+ width: 60px;
1158
1158
  }
1159
1159
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1160
1160
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1162,7 +1162,7 @@
1162
1162
  }
1163
1163
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1164
1164
  float: left;
1165
- width: 35px;
1165
+ width: 60px;
1166
1166
  }
1167
1167
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1168
1168
  font-size: 11px;
@@ -1200,7 +1200,7 @@
1200
1200
  }
1201
1201
  @media screen and (max-width: 480px) {
1202
1202
  .e-schedule .e-vertical-view .e-left-indent {
1203
- width: 35px;
1203
+ width: 60px;
1204
1204
  }
1205
1205
  }
1206
1206
  .e-schedule .e-month-view .e-left-indent,
@@ -3350,8 +3350,8 @@
3350
3350
  background: transparent;
3351
3351
  border: 0;
3352
3352
  color: #f0f0f0;
3353
- height: 40px;
3354
- width: 40px;
3353
+ height: 35px;
3354
+ width: 35px;
3355
3355
  }
3356
3356
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3357
3357
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3363,10 +3363,10 @@
3363
3363
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3364
3364
  font-size: 15px;
3365
3365
  font-weight: 500;
3366
- height: 40px;
3366
+ height: 35px;
3367
3367
  line-height: 2.25;
3368
- padding: 4px 5px;
3369
- width: calc(100% - 95px);
3368
+ padding: 2px 5px;
3369
+ width: calc(100% - 105px);
3370
3370
  }
3371
3371
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3372
3372
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3400,9 +3400,13 @@
3400
3400
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3401
3401
  padding-right: 13px;
3402
3402
  }
3403
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3404
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3405
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3403
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3404
+ height: 2em;
3405
+ width: 2em;
3406
+ }
3407
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3408
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3409
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3406
3410
  height: 2em;
3407
3411
  width: 2em;
3408
3412
  }
@@ -3416,8 +3420,13 @@
3416
3420
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3417
3421
  font-size: 14px;
3418
3422
  }
3423
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3424
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3425
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3426
+ height: 35px;
3427
+ }
3419
3428
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3420
- padding: 0 5px 0 8px;
3429
+ padding: 2px 5px;
3421
3430
  }
3422
3431
 
3423
3432
  .e-bigger .e-agenda-view .e-appointment {
@@ -4199,6 +4208,7 @@
4199
4208
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4200
4209
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4201
4210
  padding-right: 0;
4211
+ margin-top: 24px;
4202
4212
  }
4203
4213
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4204
4214
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4273,13 +4283,6 @@
4273
4283
  padding: 16px 20px 0;
4274
4284
  width: 50%;
4275
4285
  }
4276
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4277
- float: none;
4278
- font-size: 12px;
4279
- font-weight: bold;
4280
- margin-bottom: 7px;
4281
- padding-right: 16px;
4282
- }
4283
4286
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4284
4287
  padding-right: 16px;
4285
4288
  }
@@ -4289,7 +4292,7 @@
4289
4292
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4290
4293
  font-size: 12px;
4291
4294
  font-weight: bold;
4292
- margin-bottom: 7px;
4295
+ margin-bottom: 9px;
4293
4296
  padding-right: 16px;
4294
4297
  }
4295
4298
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4331,7 +4334,8 @@
4331
4334
  }
4332
4335
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4333
4336
  font-size: 12px;
4334
- margin-bottom: 0;
4337
+ margin-bottom: 9px;
4338
+ font-weight: bold;
4335
4339
  }
4336
4340
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4337
4341
  padding-right: 8px;
@@ -4497,7 +4501,7 @@
4497
4501
  }
4498
4502
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4499
4503
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4500
- margin-bottom: 7px;
4504
+ margin-bottom: 9px;
4501
4505
  }
4502
4506
  .e-recurrenceeditor .e-editor > div {
4503
4507
  margin-top: 20px;
package/styles/bootstrap.css CHANGED
@@ -1149,7 +1149,7 @@
1149
1149
  text-decoration: none;
1150
1150
  }
1151
1151
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1152
- width: 35px;
1152
+ width: 60px;
1153
1153
  }
1154
1154
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1155
1155
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1157,7 +1157,7 @@
1157
1157
  }
1158
1158
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1159
1159
  float: left;
1160
- width: 35px;
1160
+ width: 60px;
1161
1161
  }
1162
1162
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1163
1163
  font-size: 11px;
@@ -1195,7 +1195,7 @@
1195
1195
  }
1196
1196
  @media screen and (max-width: 480px) {
1197
1197
  .e-schedule .e-vertical-view .e-left-indent {
1198
- width: 35px;
1198
+ width: 60px;
1199
1199
  }
1200
1200
  }
1201
1201
  .e-schedule .e-month-view .e-left-indent,
@@ -3345,8 +3345,8 @@
3345
3345
  background: transparent;
3346
3346
  border: 0;
3347
3347
  color: #333;
3348
- height: 40px;
3349
- width: 40px;
3348
+ height: 35px;
3349
+ width: 35px;
3350
3350
  }
3351
3351
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3352
3352
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3358,10 +3358,10 @@
3358
3358
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3359
3359
  font-size: 15px;
3360
3360
  font-weight: 500;
3361
- height: 40px;
3361
+ height: 35px;
3362
3362
  line-height: 2.25;
3363
- padding: 4px 5px;
3364
- width: calc(100% - 95px);
3363
+ padding: 2px 5px;
3364
+ width: calc(100% - 105px);
3365
3365
  }
3366
3366
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3367
3367
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3395,9 +3395,13 @@
3395
3395
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3396
3396
  padding-right: 13px;
3397
3397
  }
3398
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3399
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3400
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3398
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3399
+ height: 2em;
3400
+ width: 2em;
3401
+ }
3402
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3403
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3404
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3401
3405
  height: 2em;
3402
3406
  width: 2em;
3403
3407
  }
@@ -3411,8 +3415,13 @@
3411
3415
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3412
3416
  font-size: 14px;
3413
3417
  }
3418
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3419
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3420
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3421
+ height: 35px;
3422
+ }
3414
3423
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3415
- padding: 0 5px 0 8px;
3424
+ padding: 2px 5px;
3416
3425
  }
3417
3426
 
3418
3427
  .e-bigger .e-agenda-view .e-appointment {
@@ -4194,6 +4203,7 @@
4194
4203
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4195
4204
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4196
4205
  padding-right: 0;
4206
+ margin-top: 24px;
4197
4207
  }
4198
4208
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4199
4209
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4268,13 +4278,6 @@
4268
4278
  padding: 16px 20px 0;
4269
4279
  width: 50%;
4270
4280
  }
4271
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4272
- float: none;
4273
- font-size: 12px;
4274
- font-weight: bold;
4275
- margin-bottom: 7px;
4276
- padding-right: 16px;
4277
- }
4278
4281
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4279
4282
  padding-right: 16px;
4280
4283
  }
@@ -4284,7 +4287,7 @@
4284
4287
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4285
4288
  font-size: 12px;
4286
4289
  font-weight: bold;
4287
- margin-bottom: 7px;
4290
+ margin-bottom: 9px;
4288
4291
  padding-right: 16px;
4289
4292
  }
4290
4293
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4326,7 +4329,8 @@
4326
4329
  }
4327
4330
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4328
4331
  font-size: 12px;
4329
- margin-bottom: 0;
4332
+ margin-bottom: 9px;
4333
+ font-weight: bold;
4330
4334
  }
4331
4335
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4332
4336
  padding-right: 8px;
@@ -4492,7 +4496,7 @@
4492
4496
  }
4493
4497
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4494
4498
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4495
- margin-bottom: 7px;
4499
+ margin-bottom: 9px;
4496
4500
  }
4497
4501
  .e-recurrenceeditor .e-editor > div {
4498
4502
  margin-top: 20px;
package/styles/bootstrap4.css CHANGED
@@ -1258,7 +1258,7 @@
1258
1258
  text-decoration: none;
1259
1259
  }
1260
1260
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1261
- width: 35px;
1261
+ width: 60px;
1262
1262
  }
1263
1263
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1264
1264
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1266,7 +1266,7 @@
1266
1266
  }
1267
1267
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1268
1268
  float: left;
1269
- width: 35px;
1269
+ width: 60px;
1270
1270
  }
1271
1271
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1272
1272
  font-size: 11px;
@@ -1304,7 +1304,7 @@
1304
1304
  }
1305
1305
  @media screen and (max-width: 480px) {
1306
1306
  .e-schedule .e-vertical-view .e-left-indent {
1307
- width: 35px;
1307
+ width: 60px;
1308
1308
  }
1309
1309
  }
1310
1310
  .e-schedule .e-month-view .e-left-indent,
@@ -3454,8 +3454,8 @@
3454
3454
  background: #fff;
3455
3455
  border: 0;
3456
3456
  color: rgba(33, 37, 41, 0.5);
3457
- height: 40px;
3458
- width: 40px;
3457
+ height: 35px;
3458
+ width: 35px;
3459
3459
  }
3460
3460
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3461
3461
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3467,10 +3467,10 @@
3467
3467
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3468
3468
  font-size: 15px;
3469
3469
  font-weight: 500;
3470
- height: 40px;
3470
+ height: 35px;
3471
3471
  line-height: 2.25;
3472
- padding: 4px 5px;
3473
- width: calc(100% - 95px);
3472
+ padding: 2px 5px;
3473
+ width: calc(100% - 105px);
3474
3474
  }
3475
3475
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3476
3476
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3504,9 +3504,13 @@
3504
3504
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3505
3505
  padding-right: 13px;
3506
3506
  }
3507
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3508
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3509
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3507
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3508
+ height: 2em;
3509
+ width: 2em;
3510
+ }
3511
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3512
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3513
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3510
3514
  height: 2em;
3511
3515
  width: 2em;
3512
3516
  }
@@ -3520,8 +3524,13 @@
3520
3524
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3521
3525
  font-size: 14px;
3522
3526
  }
3527
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3528
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3529
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3530
+ height: 35px;
3531
+ }
3523
3532
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3524
- padding: 0 5px 0 8px;
3533
+ padding: 2px 5px;
3525
3534
  }
3526
3535
 
3527
3536
  .e-bigger .e-agenda-view .e-appointment {
@@ -4303,6 +4312,7 @@
4303
4312
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4304
4313
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4305
4314
  padding-right: 0;
4315
+ margin-top: 24px;
4306
4316
  }
4307
4317
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4308
4318
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4377,13 +4387,6 @@
4377
4387
  padding: 16px 20px 0;
4378
4388
  width: 50%;
4379
4389
  }
4380
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4381
- float: none;
4382
- font-size: 14px;
4383
- font-weight: 400;
4384
- margin-bottom: 7px;
4385
- padding-right: 16px;
4386
- }
4387
4390
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4388
4391
  padding-right: 16px;
4389
4392
  }
@@ -4393,7 +4396,7 @@
4393
4396
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4394
4397
  font-size: 14px;
4395
4398
  font-weight: 400;
4396
- margin-bottom: 7px;
4399
+ margin-bottom: 3px;
4397
4400
  padding-right: 16px;
4398
4401
  }
4399
4402
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4436,6 +4439,7 @@
4436
4439
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4437
4440
  font-size: 16px;
4438
4441
  margin-bottom: 0;
4442
+ font-weight: 400;
4439
4443
  }
4440
4444
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4441
4445
  padding-right: 16px;
@@ -4601,7 +4605,7 @@
4601
4605
  }
4602
4606
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4603
4607
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4604
- margin-bottom: 7px;
4608
+ margin-bottom: 3px;
4605
4609
  }
4606
4610
  .e-recurrenceeditor .e-editor > div {
4607
4611
  margin-top: 20px;
package/styles/bootstrap5-dark.css CHANGED
@@ -1203,7 +1203,7 @@
1203
1203
  text-decoration: none;
1204
1204
  }
1205
1205
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1206
- width: 35px;
1206
+ width: 60px;
1207
1207
  }
1208
1208
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1209
1209
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1211,7 +1211,7 @@
1211
1211
  }
1212
1212
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1213
1213
  float: left;
1214
- width: 35px;
1214
+ width: 60px;
1215
1215
  }
1216
1216
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1217
1217
  font-size: 12px;
@@ -1249,7 +1249,7 @@
1249
1249
  }
1250
1250
  @media screen and (max-width: 480px) {
1251
1251
  .e-schedule .e-vertical-view .e-left-indent {
1252
- width: 35px;
1252
+ width: 60px;
1253
1253
  }
1254
1254
  }
1255
1255
  .e-schedule .e-month-view .e-left-indent,
@@ -3399,8 +3399,8 @@
3399
3399
  background: #212529;
3400
3400
  border: 0;
3401
3401
  color: #adb5bd;
3402
- height: 40px;
3403
- width: 40px;
3402
+ height: 35px;
3403
+ width: 35px;
3404
3404
  }
3405
3405
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3406
3406
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3412,10 +3412,10 @@
3412
3412
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3413
3413
  font-size: 15px;
3414
3414
  font-weight: 500;
3415
- height: 40px;
3415
+ height: 35px;
3416
3416
  line-height: 2.25;
3417
- padding: 4px 5px;
3418
- width: calc(100% - 95px);
3417
+ padding: 0 5px;
3418
+ width: calc(100% - 105px);
3419
3419
  }
3420
3420
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3421
3421
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3449,9 +3449,13 @@
3449
3449
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3450
3450
  padding-right: 16px;
3451
3451
  }
3452
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3453
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3454
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3452
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3453
+ height: 2em;
3454
+ width: 2em;
3455
+ }
3456
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3457
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3458
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3455
3459
  height: 2em;
3456
3460
  width: 2em;
3457
3461
  }
@@ -3465,8 +3469,13 @@
3465
3469
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3466
3470
  font-size: 14px;
3467
3471
  }
3472
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3473
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3474
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3475
+ height: 30px;
3476
+ }
3468
3477
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3469
- padding: 0 5px 0 8px;
3478
+ padding: 1px 5px;
3470
3479
  }
3471
3480
 
3472
3481
  .e-bigger .e-agenda-view .e-appointment {
@@ -4248,6 +4257,7 @@
4248
4257
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4249
4258
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4250
4259
  padding-right: 0;
4260
+ margin-top: 24px;
4251
4261
  }
4252
4262
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4253
4263
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4287,8 +4297,8 @@
4287
4297
  width: 30px;
4288
4298
  }
4289
4299
  .e-recurrenceeditor .e-days .e-week-expander-label {
4290
- font-size: 14px;
4291
- font-weight: 400;
4300
+ font-size: 12px;
4301
+ font-weight: 500;
4292
4302
  margin-bottom: 8px;
4293
4303
  }
4294
4304
  .e-recurrenceeditor .e-days button {
@@ -4322,13 +4332,6 @@
4322
4332
  padding: 16px 20px 0;
4323
4333
  width: 50%;
4324
4334
  }
4325
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4326
- float: none;
4327
- font-size: 14px;
4328
- font-weight: 400;
4329
- margin-bottom: 7px;
4330
- padding-right: 16px;
4331
- }
4332
4335
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4333
4336
  padding-right: 16px;
4334
4337
  }
@@ -4336,9 +4339,9 @@
4336
4339
  margin: 0;
4337
4340
  }
4338
4341
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4339
- font-size: 14px;
4340
- font-weight: 400;
4341
- margin-bottom: 7px;
4342
+ font-size: 12px;
4343
+ font-weight: 500;
4344
+ margin-bottom: 5px;
4342
4345
  padding-right: 16px;
4343
4346
  }
4344
4347
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4381,6 +4384,7 @@
4381
4384
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4382
4385
  font-size: 16px;
4383
4386
  margin-bottom: 0;
4387
+ font-weight: 500;
4384
4388
  }
4385
4389
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4386
4390
  padding-right: 16px;
@@ -4478,7 +4482,7 @@
4478
4482
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
4479
4483
  float: none;
4480
4484
  font-size: 12px;
4481
- font-weight: 400;
4485
+ font-weight: 500;
4482
4486
  margin-bottom: 7px;
4483
4487
  }
4484
4488
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -4546,7 +4550,7 @@
4546
4550
  }
4547
4551
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4548
4552
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4549
- margin-bottom: 7px;
4553
+ margin-bottom: 5px;
4550
4554
  }
4551
4555
  .e-recurrenceeditor .e-editor > div {
4552
4556
  margin-top: 20px;
package/styles/bootstrap5.css CHANGED
@@ -1203,7 +1203,7 @@
1203
1203
  text-decoration: none;
1204
1204
  }
1205
1205
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1206
- width: 35px;
1206
+ width: 60px;
1207
1207
  }
1208
1208
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1209
1209
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1211,7 +1211,7 @@
1211
1211
  }
1212
1212
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1213
1213
  float: left;
1214
- width: 35px;
1214
+ width: 60px;
1215
1215
  }
1216
1216
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1217
1217
  font-size: 12px;
@@ -1249,7 +1249,7 @@
1249
1249
  }
1250
1250
  @media screen and (max-width: 480px) {
1251
1251
  .e-schedule .e-vertical-view .e-left-indent {
1252
- width: 35px;
1252
+ width: 60px;
1253
1253
  }
1254
1254
  }
1255
1255
  .e-schedule .e-month-view .e-left-indent,
@@ -3399,8 +3399,8 @@
3399
3399
  background: #fff;
3400
3400
  border: 0;
3401
3401
  color: #6c757d;
3402
- height: 40px;
3403
- width: 40px;
3402
+ height: 35px;
3403
+ width: 35px;
3404
3404
  }
3405
3405
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3406
3406
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3412,10 +3412,10 @@
3412
3412
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3413
3413
  font-size: 15px;
3414
3414
  font-weight: 500;
3415
- height: 40px;
3415
+ height: 35px;
3416
3416
  line-height: 2.25;
3417
- padding: 4px 5px;
3418
- width: calc(100% - 95px);
3417
+ padding: 0 5px;
3418
+ width: calc(100% - 105px);
3419
3419
  }
3420
3420
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3421
3421
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3449,9 +3449,13 @@
3449
3449
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3450
3450
  padding-right: 16px;
3451
3451
  }
3452
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3453
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3454
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3452
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3453
+ height: 2em;
3454
+ width: 2em;
3455
+ }
3456
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3457
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3458
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3455
3459
  height: 2em;
3456
3460
  width: 2em;
3457
3461
  }
@@ -3465,8 +3469,13 @@
3465
3469
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3466
3470
  font-size: 14px;
3467
3471
  }
3472
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3473
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3474
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3475
+ height: 30px;
3476
+ }
3468
3477
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3469
- padding: 0 5px 0 8px;
3478
+ padding: 1px 5px;
3470
3479
  }
3471
3480
 
3472
3481
  .e-bigger .e-agenda-view .e-appointment {
@@ -4248,6 +4257,7 @@
4248
4257
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4249
4258
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4250
4259
  padding-right: 0;
4260
+ margin-top: 24px;
4251
4261
  }
4252
4262
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4253
4263
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4287,8 +4297,8 @@
4287
4297
  width: 30px;
4288
4298
  }
4289
4299
  .e-recurrenceeditor .e-days .e-week-expander-label {
4290
- font-size: 14px;
4291
- font-weight: 400;
4300
+ font-size: 12px;
4301
+ font-weight: 500;
4292
4302
  margin-bottom: 8px;
4293
4303
  }
4294
4304
  .e-recurrenceeditor .e-days button {
@@ -4322,13 +4332,6 @@
4322
4332
  padding: 16px 20px 0;
4323
4333
  width: 50%;
4324
4334
  }
4325
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4326
- float: none;
4327
- font-size: 14px;
4328
- font-weight: 400;
4329
- margin-bottom: 7px;
4330
- padding-right: 16px;
4331
- }
4332
4335
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4333
4336
  padding-right: 16px;
4334
4337
  }
@@ -4336,9 +4339,9 @@
4336
4339
  margin: 0;
4337
4340
  }
4338
4341
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4339
- font-size: 14px;
4340
- font-weight: 400;
4341
- margin-bottom: 7px;
4342
+ font-size: 12px;
4343
+ font-weight: 500;
4344
+ margin-bottom: 5px;
4342
4345
  padding-right: 16px;
4343
4346
  }
4344
4347
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4381,6 +4384,7 @@
4381
4384
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4382
4385
  font-size: 16px;
4383
4386
  margin-bottom: 0;
4387
+ font-weight: 500;
4384
4388
  }
4385
4389
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4386
4390
  padding-right: 16px;
@@ -4478,7 +4482,7 @@
4478
4482
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
4479
4483
  float: none;
4480
4484
  font-size: 12px;
4481
- font-weight: 400;
4485
+ font-weight: 500;
4482
4486
  margin-bottom: 7px;
4483
4487
  }
4484
4488
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -4546,7 +4550,7 @@
4546
4550
  }
4547
4551
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4548
4552
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4549
- margin-bottom: 7px;
4553
+ margin-bottom: 5px;
4550
4554
  }
4551
4555
  .e-recurrenceeditor .e-editor > div {
4552
4556
  margin-top: 20px;