@syncfusion/ej2-schedule 23.2.7 → 24.2.3

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 (120) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +1 -1
  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 +272 -34
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +335 -64
  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 +16 -16
  14. package/src/recurrence-editor/recurrence-editor.js +4 -2
  15. package/src/schedule/actions/drag.js +4 -4
  16. package/src/schedule/base/schedule-model.d.ts +15 -1
  17. package/src/schedule/base/schedule.d.ts +14 -1
  18. package/src/schedule/base/schedule.js +5 -0
  19. package/src/schedule/base/type.d.ts +12 -0
  20. package/src/schedule/event-renderer/agenda-base.js +1 -1
  21. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  22. package/src/schedule/event-renderer/event-base.js +25 -1
  23. package/src/schedule/event-renderer/month.js +9 -1
  24. package/src/schedule/event-renderer/timeline-view.js +8 -2
  25. package/src/schedule/event-renderer/year.js +12 -3
  26. package/src/schedule/models/models.d.ts +1 -0
  27. package/src/schedule/models/toolbar-model.d.ts +196 -0
  28. package/src/schedule/models/toolbar.d.ts +176 -0
  29. package/src/schedule/models/toolbar.js +85 -0
  30. package/src/schedule/models/views-model.d.ts +9 -0
  31. package/src/schedule/models/views.d.ts +8 -0
  32. package/src/schedule/models/views.js +3 -0
  33. package/src/schedule/popups/event-window.js +4 -10
  34. package/src/schedule/popups/quick-popups.js +2 -2
  35. package/src/schedule/renderer/header-renderer.d.ts +2 -0
  36. package/src/schedule/renderer/header-renderer.js +142 -4
  37. package/src/schedule/renderer/renderer.js +1 -1
  38. package/src/schedule/renderer/vertical-view.js +3 -3
  39. package/src/schedule/renderer/year.js +3 -0
  40. package/styles/bootstrap-dark.css +26 -22
  41. package/styles/bootstrap.css +26 -22
  42. package/styles/bootstrap4.css +25 -21
  43. package/styles/bootstrap5-dark.css +30 -26
  44. package/styles/bootstrap5.css +30 -26
  45. package/styles/fabric-dark.css +28 -24
  46. package/styles/fabric.css +28 -24
  47. package/styles/fluent-dark.css +28 -24
  48. package/styles/fluent.css +28 -24
  49. package/styles/highcontrast-light.css +26 -22
  50. package/styles/highcontrast.css +26 -22
  51. package/styles/material-dark.css +26 -22
  52. package/styles/material.css +26 -22
  53. package/styles/material3-dark.css +29 -25
  54. package/styles/material3.css +29 -25
  55. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +3 -1
  56. package/styles/recurrence-editor/_bootstrap-definition.scss +3 -1
  57. package/styles/recurrence-editor/_bootstrap4-definition.scss +3 -1
  58. package/styles/recurrence-editor/_bootstrap5-definition.scss +5 -3
  59. package/styles/recurrence-editor/_fabric-dark-definition.scss +4 -2
  60. package/styles/recurrence-editor/_fabric-definition.scss +4 -2
  61. package/styles/recurrence-editor/_fluent-definition.scss +4 -2
  62. package/styles/recurrence-editor/_fusionnew-definition.scss +4 -2
  63. package/styles/recurrence-editor/_highcontrast-definition.scss +3 -1
  64. package/styles/recurrence-editor/_highcontrast-light-definition.scss +3 -1
  65. package/styles/recurrence-editor/_layout.scss +3 -10
  66. package/styles/recurrence-editor/_material-dark-definition.scss +3 -1
  67. package/styles/recurrence-editor/_material-definition.scss +3 -1
  68. package/styles/recurrence-editor/_material3-definition.scss +4 -2
  69. package/styles/recurrence-editor/_tailwind-definition.scss +5 -3
  70. package/styles/recurrence-editor/bootstrap-dark.css +5 -10
  71. package/styles/recurrence-editor/bootstrap.css +5 -10
  72. package/styles/recurrence-editor/bootstrap4.css +4 -9
  73. package/styles/recurrence-editor/bootstrap5-dark.css +9 -14
  74. package/styles/recurrence-editor/bootstrap5.css +9 -14
  75. package/styles/recurrence-editor/fabric-dark.css +7 -12
  76. package/styles/recurrence-editor/fabric.css +7 -12
  77. package/styles/recurrence-editor/fluent-dark.css +7 -12
  78. package/styles/recurrence-editor/fluent.css +7 -12
  79. package/styles/recurrence-editor/highcontrast-light.css +5 -10
  80. package/styles/recurrence-editor/highcontrast.css +5 -10
  81. package/styles/recurrence-editor/material-dark.css +5 -10
  82. package/styles/recurrence-editor/material.css +5 -10
  83. package/styles/recurrence-editor/material3-dark.css +7 -12
  84. package/styles/recurrence-editor/material3.css +7 -12
  85. package/styles/recurrence-editor/tailwind-dark.css +9 -14
  86. package/styles/recurrence-editor/tailwind.css +9 -14
  87. package/styles/schedule/_bootstrap-dark-definition.scss +6 -2
  88. package/styles/schedule/_bootstrap-definition.scss +6 -2
  89. package/styles/schedule/_bootstrap4-definition.scss +6 -2
  90. package/styles/schedule/_bootstrap5-definition.scss +6 -2
  91. package/styles/schedule/_fabric-dark-definition.scss +6 -2
  92. package/styles/schedule/_fabric-definition.scss +6 -2
  93. package/styles/schedule/_fluent-definition.scss +6 -2
  94. package/styles/schedule/_fusionnew-definition.scss +6 -2
  95. package/styles/schedule/_highcontrast-definition.scss +6 -2
  96. package/styles/schedule/_highcontrast-light-definition.scss +6 -2
  97. package/styles/schedule/_layout.scss +23 -10
  98. package/styles/schedule/_material-dark-definition.scss +6 -2
  99. package/styles/schedule/_material-definition.scss +6 -2
  100. package/styles/schedule/_material3-definition.scss +6 -2
  101. package/styles/schedule/_tailwind-definition.scss +6 -2
  102. package/styles/schedule/bootstrap-dark.css +21 -12
  103. package/styles/schedule/bootstrap.css +21 -12
  104. package/styles/schedule/bootstrap4.css +21 -12
  105. package/styles/schedule/bootstrap5-dark.css +21 -12
  106. package/styles/schedule/bootstrap5.css +21 -12
  107. package/styles/schedule/fabric-dark.css +21 -12
  108. package/styles/schedule/fabric.css +21 -12
  109. package/styles/schedule/fluent-dark.css +21 -12
  110. package/styles/schedule/fluent.css +21 -12
  111. package/styles/schedule/highcontrast-light.css +21 -12
  112. package/styles/schedule/highcontrast.css +21 -12
  113. package/styles/schedule/material-dark.css +21 -12
  114. package/styles/schedule/material.css +21 -12
  115. package/styles/schedule/material3-dark.css +22 -13
  116. package/styles/schedule/material3.css +22 -13
  117. package/styles/schedule/tailwind-dark.css +22 -13
  118. package/styles/schedule/tailwind.css +22 -13
  119. package/styles/tailwind-dark.css +31 -27
  120. package/styles/tailwind.css +31 -27
package/styles/schedule/highcontrast-light.css CHANGED
@@ -1193,7 +1193,7 @@
1193
1193
  text-decoration: none;
1194
1194
  }
1195
1195
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1196
- width: 35px;
1196
+ width: 60px;
1197
1197
  }
1198
1198
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1199
1199
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1201,7 +1201,7 @@
1201
1201
  }
1202
1202
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1203
1203
  float: left;
1204
- width: 35px;
1204
+ width: 60px;
1205
1205
  }
1206
1206
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1207
1207
  font-size: 11px;
@@ -1239,7 +1239,7 @@
1239
1239
  }
1240
1240
  @media screen and (max-width: 480px) {
1241
1241
  .e-schedule .e-vertical-view .e-left-indent {
1242
- width: 35px;
1242
+ width: 60px;
1243
1243
  }
1244
1244
  }
1245
1245
  .e-schedule .e-month-view .e-left-indent,
@@ -3389,8 +3389,8 @@
3389
3389
  background: transparent;
3390
3390
  border: 0;
3391
3391
  color: #000;
3392
- height: 40px;
3393
- width: 40px;
3392
+ height: 35px;
3393
+ width: 35px;
3394
3394
  }
3395
3395
  .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,
3396
3396
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3402,10 +3402,10 @@
3402
3402
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3403
3403
  font-size: 15px;
3404
3404
  font-weight: 500;
3405
- height: 40px;
3405
+ height: 35px;
3406
3406
  line-height: 2.25;
3407
- padding: 4px 5px;
3408
- width: calc(100% - 95px);
3407
+ padding: 1px 5px;
3408
+ width: calc(100% - 105px);
3409
3409
  }
3410
3410
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3411
3411
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3439,9 +3439,13 @@
3439
3439
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3440
3440
  padding-right: 13px;
3441
3441
  }
3442
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3443
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3444
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3442
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3443
+ height: 2em;
3444
+ width: 2em;
3445
+ }
3446
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3447
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3448
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3445
3449
  height: 2em;
3446
3450
  width: 2em;
3447
3451
  }
@@ -3455,8 +3459,13 @@
3455
3459
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3456
3460
  font-size: 14px;
3457
3461
  }
3462
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3463
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3464
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3465
+ height: 35px;
3466
+ }
3458
3467
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3459
- padding: 0 5px 0 8px;
3468
+ padding: 0 5px;
3460
3469
  }
3461
3470
 
3462
3471
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/highcontrast.css CHANGED
@@ -1202,7 +1202,7 @@
1202
1202
  text-decoration: none;
1203
1203
  }
1204
1204
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1205
- width: 35px;
1205
+ width: 60px;
1206
1206
  }
1207
1207
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1208
1208
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1210,7 +1210,7 @@
1210
1210
  }
1211
1211
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1212
1212
  float: left;
1213
- width: 35px;
1213
+ width: 60px;
1214
1214
  }
1215
1215
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1216
1216
  font-size: 11px;
@@ -1248,7 +1248,7 @@
1248
1248
  }
1249
1249
  @media screen and (max-width: 480px) {
1250
1250
  .e-schedule .e-vertical-view .e-left-indent {
1251
- width: 35px;
1251
+ width: 60px;
1252
1252
  }
1253
1253
  }
1254
1254
  .e-schedule .e-month-view .e-left-indent,
@@ -3398,8 +3398,8 @@
3398
3398
  background: transparent;
3399
3399
  border: 0;
3400
3400
  color: #fff;
3401
- height: 40px;
3402
- width: 40px;
3401
+ height: 35px;
3402
+ width: 35px;
3403
3403
  }
3404
3404
  .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,
3405
3405
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3411,10 +3411,10 @@
3411
3411
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3412
3412
  font-size: 15px;
3413
3413
  font-weight: 500;
3414
- height: 40px;
3414
+ height: 35px;
3415
3415
  line-height: 2.25;
3416
- padding: 4px 5px;
3417
- width: calc(100% - 95px);
3416
+ padding: 1px 5px;
3417
+ width: calc(100% - 105px);
3418
3418
  }
3419
3419
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3420
3420
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3448,9 +3448,13 @@
3448
3448
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3449
3449
  padding-right: 13px;
3450
3450
  }
3451
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3452
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3453
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3451
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3452
+ height: 2em;
3453
+ width: 2em;
3454
+ }
3455
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3456
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3457
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3454
3458
  height: 2em;
3455
3459
  width: 2em;
3456
3460
  }
@@ -3464,8 +3468,13 @@
3464
3468
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3465
3469
  font-size: 14px;
3466
3470
  }
3471
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3472
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3473
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3474
+ height: 35px;
3475
+ }
3467
3476
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3468
- padding: 0 5px 0 8px;
3477
+ padding: 0 5px;
3469
3478
  }
3470
3479
 
3471
3480
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/material-dark.css CHANGED
@@ -1137,7 +1137,7 @@
1137
1137
  text-decoration: none;
1138
1138
  }
1139
1139
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1140
- width: 35px;
1140
+ width: 60px;
1141
1141
  }
1142
1142
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1143
1143
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1145,7 +1145,7 @@
1145
1145
  }
1146
1146
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1147
1147
  float: left;
1148
- width: 35px;
1148
+ width: 60px;
1149
1149
  }
1150
1150
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1151
1151
  font-size: 11px;
@@ -1183,7 +1183,7 @@
1183
1183
  }
1184
1184
  @media screen and (max-width: 480px) {
1185
1185
  .e-schedule .e-vertical-view .e-left-indent {
1186
- width: 35px;
1186
+ width: 60px;
1187
1187
  }
1188
1188
  }
1189
1189
  .e-schedule .e-month-view .e-left-indent,
@@ -3333,8 +3333,8 @@
3333
3333
  background: transparent;
3334
3334
  border: 0;
3335
3335
  color: #fff;
3336
- height: 40px;
3337
- width: 40px;
3336
+ height: 35px;
3337
+ width: 35px;
3338
3338
  }
3339
3339
  .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,
3340
3340
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3346,10 +3346,10 @@
3346
3346
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3347
3347
  font-size: 15px;
3348
3348
  font-weight: 500;
3349
- height: 40px;
3349
+ height: 35px;
3350
3350
  line-height: 2.25;
3351
- padding: 4px 5px;
3352
- width: calc(100% - 95px);
3351
+ padding: 2px 5px;
3352
+ width: calc(100% - 105px);
3353
3353
  }
3354
3354
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3355
3355
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3383,9 +3383,13 @@
3383
3383
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3384
3384
  padding-right: 13px;
3385
3385
  }
3386
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3387
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3388
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3386
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3387
+ height: 2.8572em;
3388
+ width: 2.8572em;
3389
+ }
3390
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3391
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3392
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3389
3393
  height: 2.8572em;
3390
3394
  width: 2.8572em;
3391
3395
  }
@@ -3399,8 +3403,13 @@
3399
3403
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3400
3404
  font-size: 14px;
3401
3405
  }
3406
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3407
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3408
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3409
+ height: 35px;
3410
+ }
3402
3411
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3403
- padding: 5px 5px 0 8px;
3412
+ padding: 3px 5px;
3404
3413
  }
3405
3414
 
3406
3415
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/material.css CHANGED
@@ -1173,7 +1173,7 @@
1173
1173
  text-decoration: none;
1174
1174
  }
1175
1175
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1176
- width: 35px;
1176
+ width: 60px;
1177
1177
  }
1178
1178
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1179
1179
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1181,7 +1181,7 @@
1181
1181
  }
1182
1182
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1183
1183
  float: left;
1184
- width: 35px;
1184
+ width: 60px;
1185
1185
  }
1186
1186
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1187
1187
  font-size: 11px;
@@ -1219,7 +1219,7 @@
1219
1219
  }
1220
1220
  @media screen and (max-width: 480px) {
1221
1221
  .e-schedule .e-vertical-view .e-left-indent {
1222
- width: 35px;
1222
+ width: 60px;
1223
1223
  }
1224
1224
  }
1225
1225
  .e-schedule .e-month-view .e-left-indent,
@@ -3369,8 +3369,8 @@
3369
3369
  background: transparent;
3370
3370
  border: 0;
3371
3371
  color: rgba(0, 0, 0, 0.87);
3372
- height: 40px;
3373
- width: 40px;
3372
+ height: 35px;
3373
+ width: 35px;
3374
3374
  }
3375
3375
  .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,
3376
3376
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3382,10 +3382,10 @@
3382
3382
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3383
3383
  font-size: 15px;
3384
3384
  font-weight: 500;
3385
- height: 40px;
3385
+ height: 35px;
3386
3386
  line-height: 2.25;
3387
- padding: 4px 5px;
3388
- width: calc(100% - 95px);
3387
+ padding: 2px 5px;
3388
+ width: calc(100% - 105px);
3389
3389
  }
3390
3390
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3391
3391
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3419,9 +3419,13 @@
3419
3419
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3420
3420
  padding-right: 13px;
3421
3421
  }
3422
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3423
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3424
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3422
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3423
+ height: 2.8572em;
3424
+ width: 2.8572em;
3425
+ }
3426
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3427
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3428
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3425
3429
  height: 2.8572em;
3426
3430
  width: 2.8572em;
3427
3431
  }
@@ -3435,8 +3439,13 @@
3435
3439
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3436
3440
  font-size: 14px;
3437
3441
  }
3442
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3443
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3444
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3445
+ height: 35px;
3446
+ }
3438
3447
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3439
- padding: 5px 5px 0 8px;
3448
+ padding: 3px 5px;
3440
3449
  }
3441
3450
 
3442
3451
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/material3-dark.css CHANGED
@@ -1240,7 +1240,7 @@
1240
1240
  text-decoration: none;
1241
1241
  }
1242
1242
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1243
- width: 44px;
1243
+ width: 60px;
1244
1244
  }
1245
1245
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1246
1246
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1248,7 +1248,7 @@
1248
1248
  }
1249
1249
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1250
1250
  float: left;
1251
- width: 44px;
1251
+ width: 60px;
1252
1252
  }
1253
1253
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1254
1254
  font-size: 14px;
@@ -1286,7 +1286,7 @@
1286
1286
  }
1287
1287
  @media screen and (max-width: 480px) {
1288
1288
  .e-schedule .e-vertical-view .e-left-indent {
1289
- width: 44px;
1289
+ width: 60px;
1290
1290
  }
1291
1291
  }
1292
1292
  .e-schedule .e-month-view .e-left-indent,
@@ -3436,8 +3436,8 @@
3436
3436
  background: transparent;
3437
3437
  border: 0;
3438
3438
  color: rgba(var(--color-sf-on-surface-variant));
3439
- height: 40px;
3440
- width: 40px;
3439
+ height: 35px;
3440
+ width: 35px;
3441
3441
  }
3442
3442
  .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,
3443
3443
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3449,15 +3449,15 @@
3449
3449
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3450
3450
  font-size: 15px;
3451
3451
  font-weight: 500;
3452
- height: 40px;
3452
+ height: 35px;
3453
3453
  line-height: 2.25;
3454
- padding: 4px 5px;
3455
- width: calc(100% - 95px);
3454
+ padding: 2px 5px;
3455
+ width: calc(100% - 105px);
3456
3456
  }
3457
3457
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3458
3458
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
3459
3459
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
3460
- font-size: 14px;
3460
+ font-size: 16px;
3461
3461
  }
3462
3462
  .e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
3463
3463
  margin-left: auto;
@@ -3486,9 +3486,13 @@
3486
3486
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3487
3487
  padding-right: 13px;
3488
3488
  }
3489
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3490
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3491
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3489
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3490
+ height: 30px;
3491
+ width: 30px;
3492
+ }
3493
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3494
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3495
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3492
3496
  height: 30px;
3493
3497
  width: 30px;
3494
3498
  }
@@ -3502,8 +3506,13 @@
3502
3506
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3503
3507
  font-size: 14px;
3504
3508
  }
3509
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3510
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3511
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3512
+ height: 35px;
3513
+ }
3505
3514
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3506
- padding: 5px 5px 0 8px;
3515
+ padding: 2px 5px;
3507
3516
  }
3508
3517
 
3509
3518
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/material3.css CHANGED
@@ -1296,7 +1296,7 @@
1296
1296
  text-decoration: none;
1297
1297
  }
1298
1298
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1299
- width: 44px;
1299
+ width: 60px;
1300
1300
  }
1301
1301
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1302
1302
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1304,7 +1304,7 @@
1304
1304
  }
1305
1305
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1306
1306
  float: left;
1307
- width: 44px;
1307
+ width: 60px;
1308
1308
  }
1309
1309
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1310
1310
  font-size: 14px;
@@ -1342,7 +1342,7 @@
1342
1342
  }
1343
1343
  @media screen and (max-width: 480px) {
1344
1344
  .e-schedule .e-vertical-view .e-left-indent {
1345
- width: 44px;
1345
+ width: 60px;
1346
1346
  }
1347
1347
  }
1348
1348
  .e-schedule .e-month-view .e-left-indent,
@@ -3492,8 +3492,8 @@
3492
3492
  background: transparent;
3493
3493
  border: 0;
3494
3494
  color: rgba(var(--color-sf-on-surface-variant));
3495
- height: 40px;
3496
- width: 40px;
3495
+ height: 35px;
3496
+ width: 35px;
3497
3497
  }
3498
3498
  .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,
3499
3499
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3505,15 +3505,15 @@
3505
3505
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3506
3506
  font-size: 15px;
3507
3507
  font-weight: 500;
3508
- height: 40px;
3508
+ height: 35px;
3509
3509
  line-height: 2.25;
3510
- padding: 4px 5px;
3511
- width: calc(100% - 95px);
3510
+ padding: 2px 5px;
3511
+ width: calc(100% - 105px);
3512
3512
  }
3513
3513
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3514
3514
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
3515
3515
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
3516
- font-size: 14px;
3516
+ font-size: 16px;
3517
3517
  }
3518
3518
  .e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
3519
3519
  margin-left: auto;
@@ -3542,9 +3542,13 @@
3542
3542
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3543
3543
  padding-right: 13px;
3544
3544
  }
3545
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3546
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3547
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3545
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3546
+ height: 30px;
3547
+ width: 30px;
3548
+ }
3549
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3550
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3551
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3548
3552
  height: 30px;
3549
3553
  width: 30px;
3550
3554
  }
@@ -3558,8 +3562,13 @@
3558
3562
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3559
3563
  font-size: 14px;
3560
3564
  }
3565
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3566
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3567
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3568
+ height: 35px;
3569
+ }
3561
3570
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3562
- padding: 5px 5px 0 8px;
3571
+ padding: 2px 5px;
3563
3572
  }
3564
3573
 
3565
3574
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/tailwind-dark.css CHANGED
@@ -1144,7 +1144,7 @@
1144
1144
  text-decoration: none;
1145
1145
  }
1146
1146
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1147
- width: 35px;
1147
+ width: 60px;
1148
1148
  }
1149
1149
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1150
1150
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1152,7 +1152,7 @@
1152
1152
  }
1153
1153
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1154
1154
  float: left;
1155
- width: 35px;
1155
+ width: 60px;
1156
1156
  }
1157
1157
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1158
1158
  font-size: 12px;
@@ -1190,7 +1190,7 @@
1190
1190
  }
1191
1191
  @media screen and (max-width: 480px) {
1192
1192
  .e-schedule .e-vertical-view .e-left-indent {
1193
- width: 35px;
1193
+ width: 60px;
1194
1194
  }
1195
1195
  }
1196
1196
  .e-schedule .e-month-view .e-left-indent,
@@ -3340,8 +3340,8 @@
3340
3340
  background: #1f2937;
3341
3341
  border: 0;
3342
3342
  color: #d1d5db;
3343
- height: 40px;
3344
- width: 40px;
3343
+ height: 35px;
3344
+ width: 35px;
3345
3345
  }
3346
3346
  .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,
3347
3347
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3353,15 +3353,15 @@
3353
3353
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3354
3354
  font-size: 15px;
3355
3355
  font-weight: 500;
3356
- height: 40px;
3356
+ height: 35px;
3357
3357
  line-height: 2.25;
3358
- padding: 4px 5px;
3359
- width: calc(100% - 95px);
3358
+ padding: 2px 5px;
3359
+ width: calc(100% - 105px);
3360
3360
  }
3361
3361
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3362
3362
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
3363
3363
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
3364
- font-size: 14px;
3364
+ font-size: 18px;
3365
3365
  }
3366
3366
  .e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
3367
3367
  margin-left: auto;
@@ -3390,9 +3390,13 @@
3390
3390
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3391
3391
  padding-right: 16px;
3392
3392
  }
3393
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3394
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3395
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3393
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3394
+ height: 2em;
3395
+ width: 2em;
3396
+ }
3397
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3398
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3399
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3396
3400
  height: 2em;
3397
3401
  width: 2em;
3398
3402
  }
@@ -3406,8 +3410,13 @@
3406
3410
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3407
3411
  font-size: 14px;
3408
3412
  }
3413
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3414
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3415
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3416
+ height: 35px;
3417
+ }
3409
3418
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3410
- padding: 0 5px 0 8px;
3419
+ padding: 2px 5px;
3411
3420
  }
3412
3421
 
3413
3422
  .e-bigger .e-agenda-view .e-appointment {
package/styles/schedule/tailwind.css CHANGED
@@ -1144,7 +1144,7 @@
1144
1144
  text-decoration: none;
1145
1145
  }
1146
1146
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1147
- width: 35px;
1147
+ width: 60px;
1148
1148
  }
1149
1149
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1150
1150
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1152,7 +1152,7 @@
1152
1152
  }
1153
1153
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1154
1154
  float: left;
1155
- width: 35px;
1155
+ width: 60px;
1156
1156
  }
1157
1157
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1158
1158
  font-size: 12px;
@@ -1190,7 +1190,7 @@
1190
1190
  }
1191
1191
  @media screen and (max-width: 480px) {
1192
1192
  .e-schedule .e-vertical-view .e-left-indent {
1193
- width: 35px;
1193
+ width: 60px;
1194
1194
  }
1195
1195
  }
1196
1196
  .e-schedule .e-month-view .e-left-indent,
@@ -3340,8 +3340,8 @@
3340
3340
  background: #fff;
3341
3341
  border: 0;
3342
3342
  color: #6b7280;
3343
- height: 40px;
3344
- width: 40px;
3343
+ height: 35px;
3344
+ width: 35px;
3345
3345
  }
3346
3346
  .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,
3347
3347
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3353,15 +3353,15 @@
3353
3353
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3354
3354
  font-size: 15px;
3355
3355
  font-weight: 500;
3356
- height: 40px;
3356
+ height: 35px;
3357
3357
  line-height: 2.25;
3358
- padding: 4px 5px;
3359
- width: calc(100% - 95px);
3358
+ padding: 2px 5px;
3359
+ width: calc(100% - 105px);
3360
3360
  }
3361
3361
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3362
3362
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
3363
3363
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
3364
- font-size: 14px;
3364
+ font-size: 18px;
3365
3365
  }
3366
3366
  .e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
3367
3367
  margin-left: auto;
@@ -3390,9 +3390,13 @@
3390
3390
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3391
3391
  padding-right: 16px;
3392
3392
  }
3393
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3394
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3395
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3393
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3394
+ height: 2em;
3395
+ width: 2em;
3396
+ }
3397
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3398
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3399
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3396
3400
  height: 2em;
3397
3401
  width: 2em;
3398
3402
  }
@@ -3406,8 +3410,13 @@
3406
3410
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3407
3411
  font-size: 14px;
3408
3412
  }
3413
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3414
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3415
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3416
+ height: 35px;
3417
+ }
3409
3418
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3410
- padding: 0 5px 0 8px;
3419
+ padding: 2px 5px;
3411
3420
  }
3412
3421
 
3413
3422
  .e-bigger .e-agenda-view .e-appointment {