@syncfusion/ej2-schedule 20.4.53 → 21.1.35

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 (107) hide show
  1. package/CHANGELOG.md +15 -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 +321 -134
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +356 -155
  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/common/calendar-util.d.ts +7 -0
  14. package/src/recurrence-editor/recurrence-editor.d.ts +10 -0
  15. package/src/schedule/actions/action-base.js +5 -0
  16. package/src/schedule/actions/crud.js +1 -0
  17. package/src/schedule/actions/data.d.ts +14 -2
  18. package/src/schedule/actions/data.js +26 -2
  19. package/src/schedule/actions/keyboard.js +10 -9
  20. package/src/schedule/base/interface.d.ts +23 -23
  21. package/src/schedule/base/resource.js +5 -6
  22. package/src/schedule/base/schedule-model.d.ts +34 -27
  23. package/src/schedule/base/schedule.d.ts +50 -27
  24. package/src/schedule/base/schedule.js +39 -7
  25. package/src/schedule/base/type.d.ts +66 -1
  26. package/src/schedule/event-renderer/agenda-base.js +6 -2
  27. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  28. package/src/schedule/event-renderer/event-base.js +26 -9
  29. package/src/schedule/event-renderer/month.js +4 -5
  30. package/src/schedule/event-renderer/vertical-view.d.ts +0 -1
  31. package/src/schedule/event-renderer/vertical-view.js +6 -30
  32. package/src/schedule/event-renderer/year.d.ts +1 -0
  33. package/src/schedule/event-renderer/year.js +135 -54
  34. package/src/schedule/models/event-settings-model.d.ts +11 -2
  35. package/src/schedule/models/event-settings.d.ts +10 -2
  36. package/src/schedule/models/event-settings.js +3 -0
  37. package/src/schedule/models/fields-model.d.ts +4 -2
  38. package/src/schedule/models/fields.d.ts +6 -4
  39. package/src/schedule/models/fields.js +2 -2
  40. package/src/schedule/models/header-rows-model.d.ts +5 -5
  41. package/src/schedule/models/header-rows.d.ts +5 -5
  42. package/src/schedule/models/quick-info-templates-model.d.ts +3 -3
  43. package/src/schedule/models/quick-info-templates.d.ts +3 -3
  44. package/src/schedule/models/views-model.d.ts +16 -15
  45. package/src/schedule/models/views.d.ts +16 -15
  46. package/src/schedule/popups/event-tooltip.js +2 -1
  47. package/src/schedule/popups/event-window.js +26 -5
  48. package/src/schedule/popups/quick-popups.js +32 -10
  49. package/src/schedule/renderer/header-renderer.js +1 -0
  50. package/src/schedule/renderer/month-agenda.d.ts +2 -1
  51. package/src/schedule/renderer/month-agenda.js +5 -0
  52. package/src/schedule/renderer/month.d.ts +1 -0
  53. package/src/schedule/renderer/month.js +5 -3
  54. package/src/schedule/renderer/timeline-year.js +12 -8
  55. package/src/schedule/renderer/vertical-view.js +1 -1
  56. package/src/schedule/renderer/view-base.js +3 -4
  57. package/src/schedule/renderer/year.js +5 -1
  58. package/styles/bootstrap-dark.css +99 -89
  59. package/styles/bootstrap.css +99 -89
  60. package/styles/bootstrap4.css +99 -89
  61. package/styles/bootstrap5-dark.css +110 -100
  62. package/styles/bootstrap5.css +110 -100
  63. package/styles/fabric-dark.css +98 -88
  64. package/styles/fabric.css +98 -88
  65. package/styles/fluent-dark.css +109 -99
  66. package/styles/fluent.css +109 -99
  67. package/styles/highcontrast-light.css +98 -88
  68. package/styles/highcontrast.css +98 -88
  69. package/styles/material-dark.css +98 -88
  70. package/styles/material.css +98 -88
  71. package/styles/recurrence-editor/_bootstrap5-definition.scss +1 -1
  72. package/styles/recurrence-editor/_fluent-definition.scss +1 -1
  73. package/styles/recurrence-editor/_tailwind-definition.scss +1 -1
  74. package/styles/schedule/_bootstrap-dark-definition.scss +8 -1
  75. package/styles/schedule/_bootstrap-definition.scss +8 -1
  76. package/styles/schedule/_bootstrap4-definition.scss +7 -0
  77. package/styles/schedule/_bootstrap5-definition.scss +17 -10
  78. package/styles/schedule/_fabric-dark-definition.scss +7 -0
  79. package/styles/schedule/_fabric-definition.scss +7 -0
  80. package/styles/schedule/_fluent-definition.scss +15 -8
  81. package/styles/schedule/_fusionnew-definition.scss +7 -0
  82. package/styles/schedule/_highcontrast-definition.scss +7 -0
  83. package/styles/schedule/_highcontrast-light-definition.scss +7 -0
  84. package/styles/schedule/_layout.scss +63 -48
  85. package/styles/schedule/_material-dark-definition.scss +7 -0
  86. package/styles/schedule/_material-definition.scss +7 -0
  87. package/styles/schedule/_tailwind-definition.scss +17 -10
  88. package/styles/schedule/_theme.scss +40 -41
  89. package/styles/schedule/bootstrap-dark.css +99 -89
  90. package/styles/schedule/bootstrap.css +99 -89
  91. package/styles/schedule/bootstrap4.css +99 -89
  92. package/styles/schedule/bootstrap5-dark.css +110 -100
  93. package/styles/schedule/bootstrap5.css +110 -100
  94. package/styles/schedule/fabric-dark.css +98 -88
  95. package/styles/schedule/fabric.css +98 -88
  96. package/styles/schedule/fluent-dark.css +109 -99
  97. package/styles/schedule/fluent.css +109 -99
  98. package/styles/schedule/highcontrast-light.css +98 -88
  99. package/styles/schedule/highcontrast.css +98 -88
  100. package/styles/schedule/material-dark.css +98 -88
  101. package/styles/schedule/material.css +98 -88
  102. package/styles/schedule/tailwind-dark.css +106 -96
  103. package/styles/schedule/tailwind.css +106 -96
  104. package/styles/tailwind-dark.css +106 -96
  105. package/styles/tailwind.css +106 -96
  106. package/styles/recurrence-editor/_material3-definition.scss +0 -13
  107. package/styles/schedule/_material3-definition.scss +0 -283
@@ -289,7 +289,6 @@
289
289
  user-select: none;
290
290
  }
291
291
  .e-schedule .e-schedule-toolbar {
292
- background: #212121;
293
292
  border: 0;
294
293
  border-bottom: 0;
295
294
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
@@ -305,13 +304,17 @@
305
304
  font-size: 13px;
306
305
  text-transform: uppercase;
307
306
  }
308
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
309
- background: #212121;
310
- }
311
307
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
312
308
  height: 42px;
313
309
  min-height: 42px;
314
310
  }
311
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
312
+ border: none;
313
+ border-radius: 0;
314
+ }
315
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
316
+ border: none;
317
+ }
315
318
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
316
319
  height: inherit;
317
320
  }
@@ -339,12 +342,11 @@
339
342
  text-transform: initial;
340
343
  }
341
344
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
342
- background: #212121;
343
345
  border-left: 0;
344
346
  border-right: 1px solid #616161;
345
347
  }
346
348
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
347
- background-color: rgba(255, 255, 255, 0.1);
349
+ background: rgba(255, 255, 255, 0.1);
348
350
  color: #fff;
349
351
  }
350
352
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -378,6 +380,10 @@
378
380
  height: 56px;
379
381
  min-height: 56px;
380
382
  }
383
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
384
+ border: none;
385
+ border-radius: 0;
386
+ }
381
387
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
382
388
  height: inherit;
383
389
  }
@@ -472,7 +478,7 @@
472
478
  padding: 0 0 0 12px;
473
479
  }
474
480
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
475
- background-color: #383838;
481
+ background: #383838;
476
482
  height: 100%;
477
483
  left: 0;
478
484
  opacity: 0.5;
@@ -481,7 +487,7 @@
481
487
  width: 100%;
482
488
  }
483
489
  .e-schedule .e-new-event {
484
- background-color: #3f51b5;
490
+ background: #3f51b5;
485
491
  border: 1px solid #fff;
486
492
  border-radius: 5px;
487
493
  height: 100%;
@@ -602,7 +608,7 @@
602
608
  z-index: 1;
603
609
  }
604
610
  .e-schedule .e-appointment .e-inline-subject {
605
- background-color: transparent;
611
+ background: transparent;
606
612
  border: 0;
607
613
  color: #fff;
608
614
  font-size: 13px;
@@ -922,17 +928,17 @@
922
928
  width: 36px;
923
929
  }
924
930
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
925
- background-color: rgba(0, 0, 0, 0.08);
931
+ background: rgba(0, 0, 0, 0.08);
926
932
  }
927
933
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
928
- background-color: rgba(0, 0, 0, 0.08);
934
+ background: rgba(0, 0, 0, 0.08);
929
935
  }
930
936
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
931
- background-color: rgba(0, 0, 0, 0.08);
937
+ background: rgba(0, 0, 0, 0.08);
932
938
  box-shadow: inset 0 0 0 8px #424242;
933
939
  }
934
940
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
935
- background-color: rgba(0, 0, 0, 0.08);
941
+ background: rgba(0, 0, 0, 0.08);
936
942
  }
937
943
  .e-schedule .e-vertical-view .e-current-time {
938
944
  font-size: 11px;
@@ -1239,7 +1245,7 @@
1239
1245
  visibility: hidden;
1240
1246
  }
1241
1247
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1242
- background-color: rgba(0, 0, 0, 0.08);
1248
+ background: rgba(0, 0, 0, 0.08);
1243
1249
  }
1244
1250
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1245
1251
  cursor: default;
@@ -1249,14 +1255,14 @@
1249
1255
  text-decoration: none;
1250
1256
  }
1251
1257
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1252
- background-color: rgba(0, 0, 0, 0.08);
1258
+ background: rgba(0, 0, 0, 0.08);
1253
1259
  }
1254
1260
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1255
- background-color: rgba(0, 0, 0, 0.08);
1261
+ background: rgba(0, 0, 0, 0.08);
1256
1262
  box-shadow: inset 0 0 0 8px #424242;
1257
1263
  }
1258
1264
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1259
- background-color: rgba(0, 0, 0, 0.08);
1265
+ background: rgba(0, 0, 0, 0.08);
1260
1266
  }
1261
1267
  .e-schedule .e-month-view .e-date-header {
1262
1268
  cursor: pointer;
@@ -1397,7 +1403,7 @@
1397
1403
  }
1398
1404
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1399
1405
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1400
- background-color: #3f51b5;
1406
+ background: #3f51b5;
1401
1407
  border-radius: 50%;
1402
1408
  height: 5px;
1403
1409
  margin: -6px auto 0;
@@ -1405,14 +1411,14 @@
1405
1411
  width: 5px;
1406
1412
  }
1407
1413
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1408
- background-color: rgba(0, 0, 0, 0.08);
1414
+ background: rgba(0, 0, 0, 0.08);
1409
1415
  cursor: default;
1410
1416
  }
1411
1417
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1412
1418
  cursor: default;
1413
1419
  }
1414
1420
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1415
- background-color: rgba(0, 0, 0, 0.08);
1421
+ background: rgba(0, 0, 0, 0.08);
1416
1422
  }
1417
1423
  .e-schedule .e-year-view .e-date-header-wrap {
1418
1424
  font-size: 13px;
@@ -1422,7 +1428,7 @@
1422
1428
  width: 36px;
1423
1429
  }
1424
1430
  .e-schedule .e-year-view .e-date-header-wrap table td {
1425
- background-color: #303030;
1431
+ background: #303030;
1426
1432
  border-color: #616161;
1427
1433
  border-style: solid;
1428
1434
  border-width: 0 0 1px 1px;
@@ -1463,7 +1469,7 @@
1463
1469
  }
1464
1470
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1465
1471
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1466
- background-color: #303030;
1472
+ background: #303030;
1467
1473
  border-color: #616161;
1468
1474
  border-style: solid;
1469
1475
  border-width: 0 1px 1px 0;
@@ -1494,7 +1500,7 @@
1494
1500
  position: relative;
1495
1501
  }
1496
1502
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1497
- background-color: #424242;
1503
+ background: #424242;
1498
1504
  border-color: #616161;
1499
1505
  border-style: solid;
1500
1506
  border-width: 0 1px 1px 0;
@@ -1505,10 +1511,10 @@
1505
1511
  vertical-align: middle;
1506
1512
  }
1507
1513
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1508
- background-color: #303030;
1514
+ background: #303030;
1509
1515
  }
1510
1516
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1511
- background-color: #616161;
1517
+ background: #616161;
1512
1518
  }
1513
1519
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1514
1520
  height: 100%;
@@ -1727,7 +1733,7 @@
1727
1733
  }
1728
1734
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1729
1735
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1730
- background-color: #303030;
1736
+ background: #303030;
1731
1737
  overflow: inherit;
1732
1738
  }
1733
1739
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1749,11 +1755,11 @@
1749
1755
  }
1750
1756
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1751
1757
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1752
- background-color: rgba(0, 0, 0, 0.08);
1758
+ background: rgba(0, 0, 0, 0.08);
1753
1759
  }
1754
1760
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1755
1761
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1756
- background-color: rgba(0, 0, 0, 0.08);
1762
+ background: rgba(0, 0, 0, 0.08);
1757
1763
  }
1758
1764
  .e-schedule .e-timeline-view .e-resource-text,
1759
1765
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1765,7 +1771,7 @@
1765
1771
  }
1766
1772
  .e-schedule .e-timeline-view .e-resource-left-td,
1767
1773
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1768
- background-color: #303030;
1774
+ background: #303030;
1769
1775
  border-color: #616161;
1770
1776
  border-style: solid;
1771
1777
  border-width: 0 1px 1px 0;
@@ -1775,7 +1781,7 @@
1775
1781
  }
1776
1782
  .e-schedule .e-timeline-view .e-resource-cells,
1777
1783
  .e-schedule .e-timeline-month-view .e-resource-cells {
1778
- background-color: #424242;
1784
+ background: #424242;
1779
1785
  border-color: #616161;
1780
1786
  border-style: solid;
1781
1787
  border-width: 0 1px 1px 0;
@@ -1787,7 +1793,7 @@
1787
1793
  }
1788
1794
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1789
1795
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1790
- background-color: #616161;
1796
+ background: #616161;
1791
1797
  }
1792
1798
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1793
1799
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1810,7 +1816,7 @@
1810
1816
  }
1811
1817
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1812
1818
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1813
- background-color: rgba(0, 0, 0, 0.08);
1819
+ background: rgba(0, 0, 0, 0.08);
1814
1820
  box-shadow: inset 0 0 0 8px #424242;
1815
1821
  }
1816
1822
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1828,7 +1834,7 @@
1828
1834
  }
1829
1835
  .e-schedule .e-timeline-view .e-child-node,
1830
1836
  .e-schedule .e-timeline-month-view .e-child-node {
1831
- background-color: #303030;
1837
+ background: #303030;
1832
1838
  }
1833
1839
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1834
1840
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2095,10 +2101,10 @@
2095
2101
  vertical-align: top;
2096
2102
  }
2097
2103
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2098
- background-color: rgba(0, 0, 0, 0.08);
2104
+ background: rgba(0, 0, 0, 0.08);
2099
2105
  }
2100
2106
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2101
- background-color: rgba(0, 0, 0, 0.08);
2107
+ background: rgba(0, 0, 0, 0.08);
2102
2108
  }
2103
2109
  .e-schedule .e-month-agenda-view .e-date-header {
2104
2110
  height: 24px;
@@ -2111,7 +2117,7 @@
2111
2117
  min-height: 40px;
2112
2118
  }
2113
2119
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2114
- background-color: #303030;
2120
+ background: #303030;
2115
2121
  overflow: auto;
2116
2122
  padding: 0 8px;
2117
2123
  }
@@ -2213,7 +2219,7 @@
2213
2219
  font-size: 14px;
2214
2220
  }
2215
2221
  .e-schedule .e-agenda-view {
2216
- background-color: #303030;
2222
+ background: #303030;
2217
2223
  }
2218
2224
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2219
2225
  .e-schedule .e-agenda-view .e-date-column {
@@ -2461,7 +2467,6 @@
2461
2467
  height: auto;
2462
2468
  line-height: 25px;
2463
2469
  margin: 4px 0;
2464
- min-height: 0;
2465
2470
  min-width: 34px;
2466
2471
  padding: 0 1.5px;
2467
2472
  }
@@ -2476,7 +2481,6 @@
2476
2481
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2477
2482
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2478
2483
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2479
- height: 25px;
2480
2484
  padding-top: 0;
2481
2485
  }
2482
2486
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2980,6 +2984,8 @@
2980
2984
  }
2981
2985
  .e-schedule-dialog.e-device .e-repeat-container {
2982
2986
  display: block;
2987
+ padding-right: 35px;
2988
+ padding-left: 0;
2983
2989
  }
2984
2990
  .e-schedule-dialog.e-device .e-icon-down-arrow {
2985
2991
  font-size: 10px;
@@ -3003,6 +3009,10 @@
3003
3009
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
3004
3010
  padding-right: 0;
3005
3011
  }
3012
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
3013
+ padding-left: 35px;
3014
+ padding-right: 0;
3015
+ }
3006
3016
  .e-schedule-dialog.e-device .e-recurrence-container {
3007
3017
  position: relative;
3008
3018
  }
@@ -3023,7 +3033,7 @@
3023
3033
 
3024
3034
  /*! schedule quick popup */
3025
3035
  .e-quick-popup-wrapper {
3026
- background-color: #424242;
3036
+ background: #424242;
3027
3037
  border-radius: 2px;
3028
3038
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
3029
3039
  color: #fff;
@@ -3077,7 +3087,7 @@
3077
3087
  height: auto;
3078
3088
  }
3079
3089
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3080
- background-color: #3f51b5;
3090
+ background: #3f51b5;
3081
3091
  }
3082
3092
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3083
3093
  padding: 5px 5px 2px;
@@ -3122,7 +3132,7 @@
3122
3132
  padding: 0 18px 8px;
3123
3133
  }
3124
3134
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3125
- background-color: unset;
3135
+ background: unset;
3126
3136
  border-left: unset;
3127
3137
  border-radius: 2px;
3128
3138
  color: #fff;
@@ -3149,7 +3159,7 @@
3149
3159
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3150
3160
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3151
3161
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3152
- background-color: transparent;
3162
+ background: transparent;
3153
3163
  border: 0;
3154
3164
  }
3155
3165
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3263,7 +3273,7 @@
3263
3273
  z-index: 1004;
3264
3274
  }
3265
3275
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3266
- background-color: unset;
3276
+ background: unset;
3267
3277
  }
3268
3278
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
3269
3279
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3302,7 +3312,7 @@
3302
3312
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3303
3313
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3304
3314
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3305
- background-color: transparent;
3315
+ background: transparent;
3306
3316
  border: 0;
3307
3317
  color: #fff;
3308
3318
  height: 40px;
@@ -3477,7 +3487,7 @@
3477
3487
 
3478
3488
  .e-bigger .e-more-popup-wrapper,
3479
3489
  .e-more-popup-wrapper {
3480
- background-color: #424242;
3490
+ background: #424242;
3481
3491
  border: 1px solid #e0e0e0;
3482
3492
  border-radius: 2px;
3483
3493
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
@@ -3547,7 +3557,7 @@
3547
3557
  }
3548
3558
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3549
3559
  .e-more-popup-wrapper .e-more-event-close {
3550
- background-color: transparent;
3560
+ background: transparent;
3551
3561
  border: 0;
3552
3562
  box-shadow: none;
3553
3563
  color: #fff;
@@ -3569,7 +3579,7 @@
3569
3579
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3570
3580
  .e-more-popup-wrapper .e-more-event-close:focus,
3571
3581
  .e-more-popup-wrapper .e-more-event-close:hover {
3572
- background-color: #757575;
3582
+ background: #757575;
3573
3583
  border-radius: 50%;
3574
3584
  color: #fff;
3575
3585
  }
@@ -3644,7 +3654,7 @@
3644
3654
 
3645
3655
  /*! schedule component theme */
3646
3656
  .e-schedule {
3647
- background-color: #303030;
3657
+ background: #303030;
3648
3658
  border: 1px solid #616161;
3649
3659
  }
3650
3660
  .e-schedule .e-date-header-wrap {
@@ -3662,13 +3672,13 @@
3662
3672
  border-left-width: 0;
3663
3673
  }
3664
3674
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3665
- background-color: #303030;
3675
+ background: #303030;
3666
3676
  }
3667
3677
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3668
3678
  background: #616161;
3669
3679
  }
3670
3680
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3671
- background-color: #303030;
3681
+ background: #303030;
3672
3682
  border-color: #616161;
3673
3683
  border-style: solid;
3674
3684
  border-width: 0 1px 1px 0;
@@ -3688,7 +3698,7 @@
3688
3698
  border-bottom-color: transparent;
3689
3699
  }
3690
3700
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3691
- background-color: #303030;
3701
+ background: #303030;
3692
3702
  border-color: #616161;
3693
3703
  border-style: solid;
3694
3704
  border-width: 0 0 1px 1px;
@@ -3699,7 +3709,7 @@
3699
3709
  border-bottom-width: 0;
3700
3710
  }
3701
3711
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3702
- background-color: #303030;
3712
+ background: #303030;
3703
3713
  border-color: #616161;
3704
3714
  border-style: solid;
3705
3715
  border-width: 0 1px 1px 0;
@@ -3712,14 +3722,14 @@
3712
3722
  border-bottom-color: #616161;
3713
3723
  }
3714
3724
  .e-schedule .e-vertical-view .e-header-cells {
3715
- background-color: #303030;
3725
+ background: #303030;
3716
3726
  }
3717
3727
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3718
3728
  color: #00b0ff;
3719
3729
  font-weight: normal;
3720
3730
  }
3721
3731
  .e-schedule .e-vertical-view .e-work-cells {
3722
- background-color: #424242;
3732
+ background: #424242;
3723
3733
  border-color: #616161;
3724
3734
  border-style: solid;
3725
3735
  border-width: 0 0 1px 1px;
@@ -3733,28 +3743,28 @@
3733
3743
  border-bottom-style: dotted;
3734
3744
  }
3735
3745
  .e-schedule .e-vertical-view .e-work-hours {
3736
- background-color: #303030;
3746
+ background: #303030;
3737
3747
  }
3738
3748
  .e-schedule .e-vertical-view .e-all-day-cells {
3739
- background-color: #303030;
3749
+ background: #303030;
3740
3750
  }
3741
3751
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3742
3752
  color: #00b0ff;
3743
3753
  }
3744
3754
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3745
- background-color: #757575;
3755
+ background: #757575;
3746
3756
  color: #fff;
3747
3757
  }
3748
3758
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3749
- background-color: #757575;
3759
+ background: #757575;
3750
3760
  color: #fff;
3751
3761
  }
3752
3762
  .e-schedule .e-vertical-view .e-selected-cell {
3753
- background-color: #757575;
3763
+ background: #757575;
3754
3764
  color: #fff;
3755
3765
  }
3756
3766
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3757
- background-color: #757575;
3767
+ background: #757575;
3758
3768
  color: #fff;
3759
3769
  }
3760
3770
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3776,7 +3786,7 @@
3776
3786
  }
3777
3787
  .e-schedule .e-month-view .e-date-header-wrap table td,
3778
3788
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3779
- background-color: #303030;
3789
+ background: #303030;
3780
3790
  border-color: #616161;
3781
3791
  border-style: solid;
3782
3792
  border-width: 0 0 1px 1px;
@@ -3792,7 +3802,7 @@
3792
3802
  }
3793
3803
  .e-schedule .e-month-view .e-work-cells,
3794
3804
  .e-schedule .e-month-agenda-view .e-work-cells {
3795
- background-color: #424242;
3805
+ background: #424242;
3796
3806
  border-color: #616161;
3797
3807
  border-style: solid;
3798
3808
  border-width: 0 0 1px 1px;
@@ -3806,7 +3816,7 @@
3806
3816
  }
3807
3817
  .e-schedule .e-month-view .e-work-days,
3808
3818
  .e-schedule .e-month-agenda-view .e-work-days {
3809
- background-color: #303030;
3819
+ background: #303030;
3810
3820
  }
3811
3821
  .e-schedule .e-month-view .e-other-month,
3812
3822
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3814,14 +3824,14 @@
3814
3824
  }
3815
3825
  .e-schedule .e-month-view .e-current-date .e-date-header,
3816
3826
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3817
- background-color: #00b0ff;
3827
+ background: #00b0ff;
3818
3828
  border-radius: 50%;
3819
3829
  color: #000;
3820
3830
  width: 20px;
3821
3831
  }
3822
3832
  .e-schedule .e-month-view .e-selected-cell,
3823
3833
  .e-schedule .e-month-agenda-view .e-selected-cell {
3824
- background-color: #757575;
3834
+ background: #757575;
3825
3835
  color: #fff;
3826
3836
  }
3827
3837
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3834,7 +3844,7 @@
3834
3844
  }
3835
3845
  .e-schedule .e-month-view .e-selected-cell:hover,
3836
3846
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3837
- background-color: #757575;
3847
+ background: #757575;
3838
3848
  }
3839
3849
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3840
3850
  overflow: auto;
@@ -3861,7 +3871,7 @@
3861
3871
  }
3862
3872
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3863
3873
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3864
- background-color: #303030;
3874
+ background: #303030;
3865
3875
  border-color: #616161;
3866
3876
  border-style: solid;
3867
3877
  border-width: 0 0 1px 1px;
@@ -3874,7 +3884,7 @@
3874
3884
  }
3875
3885
  .e-schedule .e-timeline-view .e-work-cells,
3876
3886
  .e-schedule .e-timeline-month-view .e-work-cells {
3877
- background-color: #424242;
3887
+ background: #424242;
3878
3888
  border-color: #616161;
3879
3889
  border-style: solid;
3880
3890
  border-width: 0 0 1px 1px;
@@ -3888,37 +3898,37 @@
3888
3898
  }
3889
3899
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3890
3900
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3891
- background-color: rgba(0, 0, 0, 0.08);
3901
+ background: rgba(0, 0, 0, 0.08);
3892
3902
  }
3893
3903
  .e-schedule .e-timeline-view .e-work-days,
3894
3904
  .e-schedule .e-timeline-month-view .e-work-days {
3895
- background-color: #303030;
3905
+ background: #303030;
3896
3906
  }
3897
3907
  .e-schedule .e-timeline-view .e-resource-group-cells,
3898
3908
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3899
- background-color: #424242;
3909
+ background: #424242;
3900
3910
  }
3901
3911
  .e-schedule .e-timeline-view .e-selected-cell,
3902
3912
  .e-schedule .e-timeline-month-view .e-selected-cell {
3903
- background-color: #757575;
3913
+ background: #757575;
3904
3914
  color: #fff;
3905
3915
  }
3906
3916
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3907
3917
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3908
- background-color: #757575;
3918
+ background: #757575;
3909
3919
  }
3910
3920
  .e-schedule .e-timeline-view .e-work-hours {
3911
- background-color: #303030;
3921
+ background: #303030;
3912
3922
  }
3913
3923
  .e-schedule .e-timeline-view .e-resource-group-cells {
3914
- background-color: #424242;
3924
+ background: #424242;
3915
3925
  }
3916
3926
  .e-schedule .e-timeline-view .e-selected-cell {
3917
- background-color: #757575;
3927
+ background: #757575;
3918
3928
  color: #fff;
3919
3929
  }
3920
3930
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3921
- background-color: #757575;
3931
+ background: #757575;
3922
3932
  }
3923
3933
  .e-schedule .e-timeline-view .e-alternate-cells {
3924
3934
  border-left-style: dotted;
@@ -3935,7 +3945,7 @@
3935
3945
  border-left: 1px solid #00b0ff;
3936
3946
  }
3937
3947
  .e-schedule .e-timeline-year-view .e-work-cells {
3938
- background-color: #424242;
3948
+ background: #424242;
3939
3949
  border-color: #616161;
3940
3950
  border-style: solid;
3941
3951
  border-width: 0 1px 1px 0;
@@ -3947,20 +3957,20 @@
3947
3957
  color: #fff;
3948
3958
  }
3949
3959
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3950
- background-color: #303030;
3960
+ background: #303030;
3951
3961
  }
3952
3962
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3953
3963
  color: rgba(255, 255, 255, 0.7);
3954
3964
  }
3955
3965
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3956
- background-color: #00b0ff;
3966
+ background: #00b0ff;
3957
3967
  border-radius: 50%;
3958
3968
  color: #000;
3959
3969
  margin: 2px;
3960
3970
  width: 20px;
3961
3971
  }
3962
3972
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3963
- background-color: #757575;
3973
+ background: #757575;
3964
3974
  color: #fff;
3965
3975
  }
3966
3976
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3970,10 +3980,10 @@
3970
3980
  color: #fff;
3971
3981
  }
3972
3982
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3973
- background-color: #757575;
3983
+ background: #757575;
3974
3984
  }
3975
3985
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3976
- background-color: rgba(0, 0, 0, 0.08);
3986
+ background: rgba(0, 0, 0, 0.08);
3977
3987
  }
3978
3988
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3979
3989
  cursor: default;
@@ -3983,14 +3993,14 @@
3983
3993
  text-decoration: none;
3984
3994
  }
3985
3995
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3986
- background-color: rgba(0, 0, 0, 0.08);
3996
+ background: rgba(0, 0, 0, 0.08);
3987
3997
  }
3988
3998
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3989
- background-color: rgba(0, 0, 0, 0.08);
3999
+ background: rgba(0, 0, 0, 0.08);
3990
4000
  box-shadow: inset 0 0 0 8px #424242;
3991
4001
  }
3992
4002
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
3993
- background-color: rgba(0, 0, 0, 0.08);
4003
+ background: rgba(0, 0, 0, 0.08);
3994
4004
  }
3995
4005
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
3996
4006
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4052,7 +4062,7 @@
4052
4062
  }
4053
4063
 
4054
4064
  .e-tooltip-wrap.e-schedule-error {
4055
- background-color: #fcdbe4;
4065
+ background: #fcdbe4;
4056
4066
  border-color: #fcdbe4;
4057
4067
  z-index: 1000;
4058
4068
  }