@syncfusion/ej2-schedule 23.2.4 → 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 +16 -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 +278 -35
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +341 -65
  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 +17 -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 +5 -11
  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/fluent-dark.css CHANGED
@@ -1180,7 +1180,7 @@
1180
1180
  text-decoration: none;
1181
1181
  }
1182
1182
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1183
- width: 35px;
1183
+ width: 60px;
1184
1184
  }
1185
1185
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1186
1186
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1188,7 +1188,7 @@
1188
1188
  }
1189
1189
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1190
1190
  float: left;
1191
- width: 35px;
1191
+ width: 60px;
1192
1192
  }
1193
1193
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1194
1194
  font-size: 12px;
@@ -1226,7 +1226,7 @@
1226
1226
  }
1227
1227
  @media screen and (max-width: 480px) {
1228
1228
  .e-schedule .e-vertical-view .e-left-indent {
1229
- width: 35px;
1229
+ width: 60px;
1230
1230
  }
1231
1231
  }
1232
1232
  .e-schedule .e-month-view .e-left-indent,
@@ -3376,8 +3376,8 @@
3376
3376
  background: transparent;
3377
3377
  border: 0;
3378
3378
  color: #f3f2f1;
3379
- height: 40px;
3380
- width: 40px;
3379
+ height: 35px;
3380
+ width: 35px;
3381
3381
  }
3382
3382
  .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,
3383
3383
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3389,10 +3389,10 @@
3389
3389
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3390
3390
  font-size: 15px;
3391
3391
  font-weight: 500;
3392
- height: 40px;
3392
+ height: 35px;
3393
3393
  line-height: 2.25;
3394
- padding: 4px 5px;
3395
- width: calc(100% - 95px);
3394
+ padding: 1px 5px;
3395
+ width: calc(100% - 105px);
3396
3396
  }
3397
3397
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3398
3398
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3426,9 +3426,13 @@
3426
3426
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3427
3427
  padding-right: 13px;
3428
3428
  }
3429
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3430
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3431
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3429
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3430
+ height: 2em;
3431
+ width: 2em;
3432
+ }
3433
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3434
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3435
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3432
3436
  height: 2em;
3433
3437
  width: 2em;
3434
3438
  }
@@ -3442,8 +3446,13 @@
3442
3446
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3443
3447
  font-size: 14px;
3444
3448
  }
3449
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3450
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3451
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3452
+ height: 30px;
3453
+ }
3445
3454
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3446
- padding: 0 5px 0 8px;
3455
+ padding: 1px 5px;
3447
3456
  }
3448
3457
 
3449
3458
  .e-bigger .e-agenda-view .e-appointment {
@@ -4225,6 +4234,7 @@
4225
4234
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4226
4235
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4227
4236
  padding-right: 0;
4237
+ margin-top: 24px;
4228
4238
  }
4229
4239
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4230
4240
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4265,7 +4275,7 @@
4265
4275
  }
4266
4276
  .e-recurrenceeditor .e-days .e-week-expander-label {
4267
4277
  font-size: 14px;
4268
- font-weight: 400;
4278
+ font-weight: 600;
4269
4279
  margin-bottom: 8px;
4270
4280
  }
4271
4281
  .e-recurrenceeditor .e-days button {
@@ -4299,13 +4309,6 @@
4299
4309
  padding: 16px 20px 0;
4300
4310
  width: 50%;
4301
4311
  }
4302
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4303
- float: none;
4304
- font-size: 14px;
4305
- font-weight: 400;
4306
- margin-bottom: 7px;
4307
- padding-right: 16px;
4308
- }
4309
4312
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4310
4313
  padding-right: 16px;
4311
4314
  }
@@ -4314,8 +4317,8 @@
4314
4317
  }
4315
4318
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4316
4319
  font-size: 14px;
4317
- font-weight: 400;
4318
- margin-bottom: 7px;
4320
+ font-weight: 600;
4321
+ margin-bottom: 4px;
4319
4322
  padding-right: 16px;
4320
4323
  }
4321
4324
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4358,6 +4361,7 @@
4358
4361
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4359
4362
  font-size: 16px;
4360
4363
  margin-bottom: 0;
4364
+ font-weight: 600;
4361
4365
  }
4362
4366
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4363
4367
  padding-right: 5px;
@@ -4455,7 +4459,7 @@
4455
4459
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
4456
4460
  float: none;
4457
4461
  font-size: 12px;
4458
- font-weight: 400;
4462
+ font-weight: 600;
4459
4463
  margin-bottom: 7px;
4460
4464
  }
4461
4465
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -4523,7 +4527,7 @@
4523
4527
  }
4524
4528
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4525
4529
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4526
- margin-bottom: 7px;
4530
+ margin-bottom: 4px;
4527
4531
  }
4528
4532
  .e-recurrenceeditor .e-editor > div {
4529
4533
  margin-top: 20px;
package/styles/fluent.css CHANGED
@@ -1180,7 +1180,7 @@
1180
1180
  text-decoration: none;
1181
1181
  }
1182
1182
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1183
- width: 35px;
1183
+ width: 60px;
1184
1184
  }
1185
1185
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1186
1186
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1188,7 +1188,7 @@
1188
1188
  }
1189
1189
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1190
1190
  float: left;
1191
- width: 35px;
1191
+ width: 60px;
1192
1192
  }
1193
1193
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1194
1194
  font-size: 12px;
@@ -1226,7 +1226,7 @@
1226
1226
  }
1227
1227
  @media screen and (max-width: 480px) {
1228
1228
  .e-schedule .e-vertical-view .e-left-indent {
1229
- width: 35px;
1229
+ width: 60px;
1230
1230
  }
1231
1231
  }
1232
1232
  .e-schedule .e-month-view .e-left-indent,
@@ -3376,8 +3376,8 @@
3376
3376
  background: transparent;
3377
3377
  border: 0;
3378
3378
  color: #201f1e;
3379
- height: 40px;
3380
- width: 40px;
3379
+ height: 35px;
3380
+ width: 35px;
3381
3381
  }
3382
3382
  .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,
3383
3383
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3389,10 +3389,10 @@
3389
3389
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3390
3390
  font-size: 15px;
3391
3391
  font-weight: 500;
3392
- height: 40px;
3392
+ height: 35px;
3393
3393
  line-height: 2.25;
3394
- padding: 4px 5px;
3395
- width: calc(100% - 95px);
3394
+ padding: 1px 5px;
3395
+ width: calc(100% - 105px);
3396
3396
  }
3397
3397
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3398
3398
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3426,9 +3426,13 @@
3426
3426
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3427
3427
  padding-right: 13px;
3428
3428
  }
3429
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3430
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3431
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3429
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3430
+ height: 2em;
3431
+ width: 2em;
3432
+ }
3433
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3434
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3435
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3432
3436
  height: 2em;
3433
3437
  width: 2em;
3434
3438
  }
@@ -3442,8 +3446,13 @@
3442
3446
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3443
3447
  font-size: 14px;
3444
3448
  }
3449
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3450
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3451
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3452
+ height: 30px;
3453
+ }
3445
3454
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3446
- padding: 0 5px 0 8px;
3455
+ padding: 1px 5px;
3447
3456
  }
3448
3457
 
3449
3458
  .e-bigger .e-agenda-view .e-appointment {
@@ -4225,6 +4234,7 @@
4225
4234
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4226
4235
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4227
4236
  padding-right: 0;
4237
+ margin-top: 24px;
4228
4238
  }
4229
4239
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4230
4240
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4265,7 +4275,7 @@
4265
4275
  }
4266
4276
  .e-recurrenceeditor .e-days .e-week-expander-label {
4267
4277
  font-size: 14px;
4268
- font-weight: 400;
4278
+ font-weight: 600;
4269
4279
  margin-bottom: 8px;
4270
4280
  }
4271
4281
  .e-recurrenceeditor .e-days button {
@@ -4299,13 +4309,6 @@
4299
4309
  padding: 16px 20px 0;
4300
4310
  width: 50%;
4301
4311
  }
4302
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4303
- float: none;
4304
- font-size: 14px;
4305
- font-weight: 400;
4306
- margin-bottom: 7px;
4307
- padding-right: 16px;
4308
- }
4309
4312
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4310
4313
  padding-right: 16px;
4311
4314
  }
@@ -4314,8 +4317,8 @@
4314
4317
  }
4315
4318
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4316
4319
  font-size: 14px;
4317
- font-weight: 400;
4318
- margin-bottom: 7px;
4320
+ font-weight: 600;
4321
+ margin-bottom: 4px;
4319
4322
  padding-right: 16px;
4320
4323
  }
4321
4324
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4358,6 +4361,7 @@
4358
4361
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4359
4362
  font-size: 16px;
4360
4363
  margin-bottom: 0;
4364
+ font-weight: 600;
4361
4365
  }
4362
4366
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4363
4367
  padding-right: 5px;
@@ -4455,7 +4459,7 @@
4455
4459
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
4456
4460
  float: none;
4457
4461
  font-size: 12px;
4458
- font-weight: 400;
4462
+ font-weight: 600;
4459
4463
  margin-bottom: 7px;
4460
4464
  }
4461
4465
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -4523,7 +4527,7 @@
4523
4527
  }
4524
4528
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4525
4529
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4526
- margin-bottom: 7px;
4530
+ margin-bottom: 4px;
4527
4531
  }
4528
4532
  .e-recurrenceeditor .e-editor > div {
4529
4533
  margin-top: 20px;
package/styles/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 {
@@ -4238,6 +4247,7 @@
4238
4247
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4239
4248
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4240
4249
  padding-right: 0;
4250
+ margin-top: 28px;
4241
4251
  }
4242
4252
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4243
4253
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4312,13 +4322,6 @@
4312
4322
  padding: 16px 20px 0;
4313
4323
  width: 50%;
4314
4324
  }
4315
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4316
- float: none;
4317
- font-size: 12px;
4318
- font-weight: 400;
4319
- margin-bottom: 7px;
4320
- padding-right: 16px;
4321
- }
4322
4325
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4323
4326
  padding-right: 16px;
4324
4327
  }
@@ -4328,7 +4331,7 @@
4328
4331
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4329
4332
  font-size: 12px;
4330
4333
  font-weight: 400;
4331
- margin-bottom: 7px;
4334
+ margin-bottom: 10px;
4332
4335
  padding-right: 16px;
4333
4336
  }
4334
4337
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4370,7 +4373,8 @@
4370
4373
  }
4371
4374
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4372
4375
  font-size: 12px;
4373
- margin-bottom: 0;
4376
+ margin-bottom: 10px;
4377
+ font-weight: 400;
4374
4378
  }
4375
4379
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4376
4380
  padding-right: 5px;
@@ -4536,7 +4540,7 @@
4536
4540
  }
4537
4541
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4538
4542
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4539
- margin-bottom: 7px;
4543
+ margin-bottom: 10px;
4540
4544
  }
4541
4545
  .e-recurrenceeditor .e-editor > div {
4542
4546
  margin-top: 20px;
package/styles/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 {
@@ -4247,6 +4256,7 @@
4247
4256
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4248
4257
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4249
4258
  padding-right: 0;
4259
+ margin-top: 28px;
4250
4260
  }
4251
4261
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4252
4262
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4321,13 +4331,6 @@
4321
4331
  padding: 16px 20px 0;
4322
4332
  width: 50%;
4323
4333
  }
4324
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4325
- float: none;
4326
- font-size: 12px;
4327
- font-weight: 400;
4328
- margin-bottom: 7px;
4329
- padding-right: 16px;
4330
- }
4331
4334
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4332
4335
  padding-right: 16px;
4333
4336
  }
@@ -4337,7 +4340,7 @@
4337
4340
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4338
4341
  font-size: 12px;
4339
4342
  font-weight: 400;
4340
- margin-bottom: 7px;
4343
+ margin-bottom: 10px;
4341
4344
  padding-right: 16px;
4342
4345
  }
4343
4346
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4379,7 +4382,8 @@
4379
4382
  }
4380
4383
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4381
4384
  font-size: 12px;
4382
- margin-bottom: 0;
4385
+ margin-bottom: 10px;
4386
+ font-weight: 400;
4383
4387
  }
4384
4388
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4385
4389
  padding-right: 5px;
@@ -4545,7 +4549,7 @@
4545
4549
  }
4546
4550
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4547
4551
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4548
- margin-bottom: 7px;
4552
+ margin-bottom: 10px;
4549
4553
  }
4550
4554
  .e-recurrenceeditor .e-editor > div {
4551
4555
  margin-top: 20px;
package/styles/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 {
@@ -4182,6 +4191,7 @@
4182
4191
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4183
4192
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4184
4193
  padding-right: 0;
4194
+ margin-top: 16px;
4185
4195
  }
4186
4196
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4187
4197
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4221,7 +4231,7 @@
4221
4231
  width: 30px;
4222
4232
  }
4223
4233
  .e-recurrenceeditor .e-days .e-week-expander-label {
4224
- font-size: 12px;
4234
+ font-size: 13px;
4225
4235
  font-weight: 400;
4226
4236
  margin-bottom: 8px;
4227
4237
  }
@@ -4256,13 +4266,6 @@
4256
4266
  padding: 16px 20px 0;
4257
4267
  width: 50%;
4258
4268
  }
4259
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4260
- float: none;
4261
- font-size: 12px;
4262
- font-weight: 400;
4263
- margin-bottom: 1px;
4264
- padding-right: 16px;
4265
- }
4266
4269
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4267
4270
  padding-right: 16px;
4268
4271
  }
@@ -4270,7 +4273,7 @@
4270
4273
  margin: 0;
4271
4274
  }
4272
4275
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4273
- font-size: 12px;
4276
+ font-size: 13px;
4274
4277
  font-weight: 400;
4275
4278
  margin-bottom: 1px;
4276
4279
  padding-right: 16px;
@@ -4314,7 +4317,8 @@
4314
4317
  }
4315
4318
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4316
4319
  font-size: 12px;
4317
- margin-bottom: 0;
4320
+ margin-bottom: 3px;
4321
+ font-weight: 400;
4318
4322
  }
4319
4323
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4320
4324
  padding-right: 16px;