@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/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;
package/styles/fabric-dark.css CHANGED
@@ -1121,7 +1121,7 @@
1121
1121
  text-decoration: none;
1122
1122
  }
1123
1123
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1124
- width: 35px;
1124
+ width: 60px;
1125
1125
  }
1126
1126
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1127
1127
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1129,7 +1129,7 @@
1129
1129
  }
1130
1130
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1131
1131
  float: left;
1132
- width: 35px;
1132
+ width: 60px;
1133
1133
  }
1134
1134
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1135
1135
  font-size: 11px;
@@ -1167,7 +1167,7 @@
1167
1167
  }
1168
1168
  @media screen and (max-width: 480px) {
1169
1169
  .e-schedule .e-vertical-view .e-left-indent {
1170
- width: 35px;
1170
+ width: 60px;
1171
1171
  }
1172
1172
  }
1173
1173
  .e-schedule .e-month-view .e-left-indent,
@@ -3317,8 +3317,8 @@
3317
3317
  background: transparent;
3318
3318
  border: 0;
3319
3319
  color: #dadada;
3320
- height: 40px;
3321
- width: 40px;
3320
+ height: 35px;
3321
+ width: 35px;
3322
3322
  }
3323
3323
  .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,
3324
3324
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3330,10 +3330,10 @@
3330
3330
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3331
3331
  font-size: 15px;
3332
3332
  font-weight: 500;
3333
- height: 40px;
3333
+ height: 35px;
3334
3334
  line-height: 2.25;
3335
- padding: 4px 5px;
3336
- width: calc(100% - 95px);
3335
+ padding: 1px 5px;
3336
+ width: calc(100% - 105px);
3337
3337
  }
3338
3338
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3339
3339
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3367,9 +3367,13 @@
3367
3367
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3368
3368
  padding-right: 13px;
3369
3369
  }
3370
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3371
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3372
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3370
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3371
+ height: 2em;
3372
+ width: 2em;
3373
+ }
3374
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3375
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3376
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3373
3377
  height: 2em;
3374
3378
  width: 2em;
3375
3379
  }
@@ -3383,8 +3387,13 @@
3383
3387
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3384
3388
  font-size: 14px;
3385
3389
  }
3390
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3391
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3392
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3393
+ height: 35px;
3394
+ }
3386
3395
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3387
- padding: 0 5px 0 8px;
3396
+ padding: 0 5px;
3388
3397
  }
3389
3398
 
3390
3399
  .e-bigger .e-agenda-view .e-appointment {
@@ -4166,6 +4175,7 @@
4166
4175
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4167
4176
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4168
4177
  padding-right: 0;
4178
+ margin-top: 28px;
4169
4179
  }
4170
4180
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4171
4181
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4205,7 +4215,7 @@
4205
4215
  width: 30px;
4206
4216
  }
4207
4217
  .e-recurrenceeditor .e-days .e-week-expander-label {
4208
- font-size: 13px;
4218
+ font-size: 12px;
4209
4219
  font-weight: 400;
4210
4220
  margin-bottom: 8px;
4211
4221
  }
@@ -4240,13 +4250,6 @@
4240
4250
  padding: 16px 20px 0;
4241
4251
  width: 50%;
4242
4252
  }
4243
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4244
- float: none;
4245
- font-size: 13px;
4246
- font-weight: 400;
4247
- margin-bottom: 7px;
4248
- padding-right: 16px;
4249
- }
4250
4253
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4251
4254
  padding-right: 16px;
4252
4255
  }
@@ -4254,9 +4257,9 @@
4254
4257
  margin: 0;
4255
4258
  }
4256
4259
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4257
- font-size: 13px;
4260
+ font-size: 12px;
4258
4261
  font-weight: 400;
4259
- margin-bottom: 7px;
4262
+ margin-bottom: 10px;
4260
4263
  padding-right: 16px;
4261
4264
  }
4262
4265
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4298,7 +4301,8 @@
4298
4301
  }
4299
4302
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4300
4303
  font-size: 13px;
4301
- margin-bottom: 0;
4304
+ margin-bottom: 8px;
4305
+ font-weight: 400;
4302
4306
  }
4303
4307
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4304
4308
  padding-right: 5px;
@@ -4464,7 +4468,7 @@
4464
4468
  }
4465
4469
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4466
4470
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4467
- margin-bottom: 7px;
4471
+ margin-bottom: 10px;
4468
4472
  }
4469
4473
  .e-recurrenceeditor .e-editor > div {
4470
4474
  margin-top: 20px;
package/styles/fabric.css CHANGED
@@ -1111,7 +1111,7 @@
1111
1111
  text-decoration: none;
1112
1112
  }
1113
1113
  .e-schedule.e-device .e-vertical-view .e-left-indent {
1114
- width: 35px;
1114
+ width: 60px;
1115
1115
  }
1116
1116
  .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
1117
1117
  .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1119,7 +1119,7 @@
1119
1119
  }
1120
1120
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
1121
1121
  float: left;
1122
- width: 35px;
1122
+ width: 60px;
1123
1123
  }
1124
1124
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1125
1125
  font-size: 11px;
@@ -1157,7 +1157,7 @@
1157
1157
  }
1158
1158
  @media screen and (max-width: 480px) {
1159
1159
  .e-schedule .e-vertical-view .e-left-indent {
1160
- width: 35px;
1160
+ width: 60px;
1161
1161
  }
1162
1162
  }
1163
1163
  .e-schedule .e-month-view .e-left-indent,
@@ -3307,8 +3307,8 @@
3307
3307
  background: transparent;
3308
3308
  border: 0;
3309
3309
  color: #333;
3310
- height: 40px;
3311
- width: 40px;
3310
+ height: 35px;
3311
+ width: 35px;
3312
3312
  }
3313
3313
  .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,
3314
3314
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3320,10 +3320,10 @@
3320
3320
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3321
3321
  font-size: 15px;
3322
3322
  font-weight: 500;
3323
- height: 40px;
3323
+ height: 35px;
3324
3324
  line-height: 2.25;
3325
- padding: 4px 5px;
3326
- width: calc(100% - 95px);
3325
+ padding: 1px 5px;
3326
+ width: calc(100% - 105px);
3327
3327
  }
3328
3328
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
3329
3329
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3357,9 +3357,13 @@
3357
3357
  .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3358
3358
  padding-right: 13px;
3359
3359
  }
3360
- .e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
3361
- .e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
3362
- .e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
3360
+ .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
3361
+ height: 2em;
3362
+ width: 2em;
3363
+ }
3364
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
3365
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
3366
+ .e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
3363
3367
  height: 2em;
3364
3368
  width: 2em;
3365
3369
  }
@@ -3373,8 +3377,13 @@
3373
3377
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3374
3378
  font-size: 14px;
3375
3379
  }
3380
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
3381
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
3382
+ .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
3383
+ height: 35px;
3384
+ }
3376
3385
  .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
3377
- padding: 0 5px 0 8px;
3386
+ padding: 0 5px;
3378
3387
  }
3379
3388
 
3380
3389
  .e-bigger .e-agenda-view .e-appointment {
@@ -4156,6 +4165,7 @@
4156
4165
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4157
4166
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4158
4167
  padding-right: 0;
4168
+ margin-top: 28px;
4159
4169
  }
4160
4170
  .e-recurrenceeditor.e-rtl .e-end-on > div,
4161
4171
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4195,7 +4205,7 @@
4195
4205
  width: 30px;
4196
4206
  }
4197
4207
  .e-recurrenceeditor .e-days .e-week-expander-label {
4198
- font-size: 13px;
4208
+ font-size: 12px;
4199
4209
  font-weight: 400;
4200
4210
  margin-bottom: 8px;
4201
4211
  }
@@ -4230,13 +4240,6 @@
4230
4240
  padding: 16px 20px 0;
4231
4241
  width: 50%;
4232
4242
  }
4233
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
4234
- float: none;
4235
- font-size: 13px;
4236
- font-weight: 400;
4237
- margin-bottom: 7px;
4238
- padding-right: 16px;
4239
- }
4240
4243
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4241
4244
  padding-right: 16px;
4242
4245
  }
@@ -4244,9 +4247,9 @@
4244
4247
  margin: 0;
4245
4248
  }
4246
4249
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4247
- font-size: 13px;
4250
+ font-size: 12px;
4248
4251
  font-weight: 400;
4249
- margin-bottom: 7px;
4252
+ margin-bottom: 10px;
4250
4253
  padding-right: 16px;
4251
4254
  }
4252
4255
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4288,7 +4291,8 @@
4288
4291
  }
4289
4292
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
4290
4293
  font-size: 13px;
4291
- margin-bottom: 0;
4294
+ margin-bottom: 8px;
4295
+ font-weight: 400;
4292
4296
  }
4293
4297
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4294
4298
  padding-right: 5px;
@@ -4454,7 +4458,7 @@
4454
4458
  }
4455
4459
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4456
4460
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4457
- margin-bottom: 7px;
4461
+ margin-bottom: 10px;
4458
4462
  }
4459
4463
  .e-recurrenceeditor .e-editor > div {
4460
4464
  margin-top: 20px;