@syncfusion/ej2-vue-schedule 20.4.53 → 21.1.37

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 (49) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-vue-schedule.umd.min.js +2 -2
  3. package/dist/ej2-vue-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-schedule.es2015.js +401 -543
  5. package/dist/es6/ej2-vue-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-schedule.es5.js +440 -628
  7. package/dist/es6/ej2-vue-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-schedule.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/recurrence-editor/recurrenceeditor.component.d.ts +3 -28
  11. package/src/recurrence-editor/recurrenceeditor.component.js +101 -130
  12. package/src/schedule/headerrows.directive.d.ts +2 -12
  13. package/src/schedule/headerrows.directive.js +22 -71
  14. package/src/schedule/resources.directive.d.ts +2 -12
  15. package/src/schedule/resources.directive.js +22 -71
  16. package/src/schedule/schedule.component.d.ts +3 -70
  17. package/src/schedule/schedule.component.js +258 -286
  18. package/src/schedule/views.directive.d.ts +2 -12
  19. package/src/schedule/views.directive.js +22 -71
  20. package/styles/bootstrap-dark.css +99 -89
  21. package/styles/bootstrap.css +99 -89
  22. package/styles/bootstrap4.css +99 -89
  23. package/styles/bootstrap5-dark.css +110 -100
  24. package/styles/bootstrap5.css +110 -100
  25. package/styles/fabric-dark.css +98 -88
  26. package/styles/fabric.css +98 -88
  27. package/styles/fluent-dark.css +109 -99
  28. package/styles/fluent.css +109 -99
  29. package/styles/highcontrast-light.css +98 -88
  30. package/styles/highcontrast.css +98 -88
  31. package/styles/material-dark.css +98 -88
  32. package/styles/material.css +98 -88
  33. package/styles/schedule/bootstrap-dark.css +99 -89
  34. package/styles/schedule/bootstrap.css +99 -89
  35. package/styles/schedule/bootstrap4.css +99 -89
  36. package/styles/schedule/bootstrap5-dark.css +110 -100
  37. package/styles/schedule/bootstrap5.css +110 -100
  38. package/styles/schedule/fabric-dark.css +98 -88
  39. package/styles/schedule/fabric.css +98 -88
  40. package/styles/schedule/fluent-dark.css +109 -99
  41. package/styles/schedule/fluent.css +109 -99
  42. package/styles/schedule/highcontrast-light.css +98 -88
  43. package/styles/schedule/highcontrast.css +98 -88
  44. package/styles/schedule/material-dark.css +98 -88
  45. package/styles/schedule/material.css +98 -88
  46. package/styles/schedule/tailwind-dark.css +106 -96
  47. package/styles/schedule/tailwind.css +106 -96
  48. package/styles/tailwind-dark.css +106 -96
  49. package/styles/tailwind.css +106 -96
@@ -300,7 +300,6 @@
300
300
  user-select: none;
301
301
  }
302
302
  .e-schedule .e-schedule-toolbar {
303
- background: #131313;
304
303
  border: 0;
305
304
  border-bottom: 1px solid #505050;
306
305
  box-shadow: none;
@@ -316,13 +315,17 @@
316
315
  font-size: 14px;
317
316
  text-transform: initial;
318
317
  }
319
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
320
- background: #131313;
321
- }
322
318
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
323
319
  height: 43px;
324
320
  min-height: 43px;
325
321
  }
322
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
323
+ border: none;
324
+ border-radius: 0;
325
+ }
326
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
327
+ border: none;
328
+ }
326
329
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
327
330
  height: inherit;
328
331
  }
@@ -350,12 +353,11 @@
350
353
  text-transform: initial;
351
354
  }
352
355
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
353
- background: #131313;
354
356
  border-left: 0;
355
357
  border-right: 1px solid #858585;
356
358
  }
357
359
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
358
- background-color: #393939;
360
+ background: #393939;
359
361
  color: #0070f0;
360
362
  }
361
363
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -389,6 +391,10 @@
389
391
  height: 56px;
390
392
  min-height: 56px;
391
393
  }
394
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
395
+ border: none;
396
+ border-radius: 0;
397
+ }
392
398
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
393
399
  height: inherit;
394
400
  }
@@ -483,7 +489,7 @@
483
489
  padding: 0 0 0 12px;
484
490
  }
485
491
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
486
- background-color: #383838;
492
+ background: #383838;
487
493
  height: 100%;
488
494
  left: 0;
489
495
  opacity: 0.5;
@@ -492,7 +498,7 @@
492
498
  width: 100%;
493
499
  }
494
500
  .e-schedule .e-new-event {
495
- background-color: #0070f0;
501
+ background: #0070f0;
496
502
  border: 1px solid #fff;
497
503
  border-radius: 5px;
498
504
  height: 100%;
@@ -613,7 +619,7 @@
613
619
  z-index: 1;
614
620
  }
615
621
  .e-schedule .e-appointment .e-inline-subject {
616
- background-color: transparent;
622
+ background: transparent;
617
623
  border: 0;
618
624
  color: #fff;
619
625
  font-size: 13px;
@@ -933,17 +939,17 @@
933
939
  width: 36px;
934
940
  }
935
941
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
936
- background-color: rgba(0, 0, 0, 0.08);
942
+ background: rgba(0, 0, 0, 0.08);
937
943
  }
938
944
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
939
- background-color: rgba(0, 0, 0, 0.08);
945
+ background: rgba(0, 0, 0, 0.08);
940
946
  }
941
947
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
942
- background-color: rgba(0, 0, 0, 0.08);
948
+ background: rgba(0, 0, 0, 0.08);
943
949
  box-shadow: inset 0 0 0 8px #2a2a2a;
944
950
  }
945
951
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
946
- background-color: rgba(0, 0, 0, 0.08);
952
+ background: rgba(0, 0, 0, 0.08);
947
953
  }
948
954
  .e-schedule .e-vertical-view .e-current-time {
949
955
  font-size: 11px;
@@ -1250,7 +1256,7 @@
1250
1256
  visibility: hidden;
1251
1257
  }
1252
1258
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1253
- background-color: rgba(0, 0, 0, 0.08);
1259
+ background: rgba(0, 0, 0, 0.08);
1254
1260
  }
1255
1261
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1256
1262
  cursor: default;
@@ -1260,14 +1266,14 @@
1260
1266
  text-decoration: none;
1261
1267
  }
1262
1268
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1263
- background-color: rgba(0, 0, 0, 0.08);
1269
+ background: rgba(0, 0, 0, 0.08);
1264
1270
  }
1265
1271
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1266
- background-color: rgba(0, 0, 0, 0.08);
1272
+ background: rgba(0, 0, 0, 0.08);
1267
1273
  box-shadow: inset 0 0 0 8px #2a2a2a;
1268
1274
  }
1269
1275
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1270
- background-color: rgba(0, 0, 0, 0.08);
1276
+ background: rgba(0, 0, 0, 0.08);
1271
1277
  }
1272
1278
  .e-schedule .e-month-view .e-date-header {
1273
1279
  cursor: pointer;
@@ -1408,7 +1414,7 @@
1408
1414
  }
1409
1415
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1410
1416
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1411
- background-color: #0070f0;
1417
+ background: #0070f0;
1412
1418
  border-radius: 50%;
1413
1419
  height: 5px;
1414
1420
  margin: -6px auto 0;
@@ -1416,14 +1422,14 @@
1416
1422
  width: 5px;
1417
1423
  }
1418
1424
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1419
- background-color: rgba(0, 0, 0, 0.08);
1425
+ background: rgba(0, 0, 0, 0.08);
1420
1426
  cursor: default;
1421
1427
  }
1422
1428
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1423
1429
  cursor: default;
1424
1430
  }
1425
1431
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1426
- background-color: rgba(0, 0, 0, 0.08);
1432
+ background: rgba(0, 0, 0, 0.08);
1427
1433
  }
1428
1434
  .e-schedule .e-year-view .e-date-header-wrap {
1429
1435
  font-size: 13px;
@@ -1433,7 +1439,7 @@
1433
1439
  width: 36px;
1434
1440
  }
1435
1441
  .e-schedule .e-year-view .e-date-header-wrap table td {
1436
- background-color: #1a1a1a;
1442
+ background: #1a1a1a;
1437
1443
  border-color: #505050;
1438
1444
  border-style: solid;
1439
1445
  border-width: 0 0 1px 1px;
@@ -1474,7 +1480,7 @@
1474
1480
  }
1475
1481
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1476
1482
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1477
- background-color: #1a1a1a;
1483
+ background: #1a1a1a;
1478
1484
  border-color: #505050;
1479
1485
  border-style: solid;
1480
1486
  border-width: 0 1px 1px 0;
@@ -1505,7 +1511,7 @@
1505
1511
  position: relative;
1506
1512
  }
1507
1513
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1508
- background-color: #2a2a2a;
1514
+ background: #2a2a2a;
1509
1515
  border-color: #505050;
1510
1516
  border-style: solid;
1511
1517
  border-width: 0 1px 1px 0;
@@ -1516,10 +1522,10 @@
1516
1522
  vertical-align: middle;
1517
1523
  }
1518
1524
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1519
- background-color: #1a1a1a;
1525
+ background: #1a1a1a;
1520
1526
  }
1521
1527
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1522
- background-color: #393939;
1528
+ background: #393939;
1523
1529
  }
1524
1530
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1525
1531
  height: 100%;
@@ -1738,7 +1744,7 @@
1738
1744
  }
1739
1745
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1740
1746
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1741
- background-color: #1a1a1a;
1747
+ background: #1a1a1a;
1742
1748
  overflow: inherit;
1743
1749
  }
1744
1750
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1760,11 +1766,11 @@
1760
1766
  }
1761
1767
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1762
1768
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1763
- background-color: rgba(0, 0, 0, 0.08);
1769
+ background: rgba(0, 0, 0, 0.08);
1764
1770
  }
1765
1771
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1766
1772
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1767
- background-color: rgba(0, 0, 0, 0.08);
1773
+ background: rgba(0, 0, 0, 0.08);
1768
1774
  }
1769
1775
  .e-schedule .e-timeline-view .e-resource-text,
1770
1776
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1776,7 +1782,7 @@
1776
1782
  }
1777
1783
  .e-schedule .e-timeline-view .e-resource-left-td,
1778
1784
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1779
- background-color: #1a1a1a;
1785
+ background: #1a1a1a;
1780
1786
  border-color: #505050;
1781
1787
  border-style: solid;
1782
1788
  border-width: 0 1px 1px 0;
@@ -1786,7 +1792,7 @@
1786
1792
  }
1787
1793
  .e-schedule .e-timeline-view .e-resource-cells,
1788
1794
  .e-schedule .e-timeline-month-view .e-resource-cells {
1789
- background-color: #2a2a2a;
1795
+ background: #2a2a2a;
1790
1796
  border-color: #505050;
1791
1797
  border-style: solid;
1792
1798
  border-width: 0 1px 1px 0;
@@ -1798,7 +1804,7 @@
1798
1804
  }
1799
1805
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1800
1806
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1801
- background-color: #393939;
1807
+ background: #393939;
1802
1808
  }
1803
1809
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1804
1810
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1821,7 +1827,7 @@
1821
1827
  }
1822
1828
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1823
1829
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1824
- background-color: rgba(0, 0, 0, 0.08);
1830
+ background: rgba(0, 0, 0, 0.08);
1825
1831
  box-shadow: inset 0 0 0 8px #2a2a2a;
1826
1832
  }
1827
1833
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1839,7 +1845,7 @@
1839
1845
  }
1840
1846
  .e-schedule .e-timeline-view .e-child-node,
1841
1847
  .e-schedule .e-timeline-month-view .e-child-node {
1842
- background-color: #1a1a1a;
1848
+ background: #1a1a1a;
1843
1849
  }
1844
1850
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1845
1851
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2106,10 +2112,10 @@
2106
2112
  vertical-align: top;
2107
2113
  }
2108
2114
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2109
- background-color: rgba(0, 0, 0, 0.08);
2115
+ background: rgba(0, 0, 0, 0.08);
2110
2116
  }
2111
2117
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2112
- background-color: rgba(0, 0, 0, 0.08);
2118
+ background: rgba(0, 0, 0, 0.08);
2113
2119
  }
2114
2120
  .e-schedule .e-month-agenda-view .e-date-header {
2115
2121
  height: 24px;
@@ -2122,7 +2128,7 @@
2122
2128
  min-height: 40px;
2123
2129
  }
2124
2130
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2125
- background-color: #1a1a1a;
2131
+ background: #1a1a1a;
2126
2132
  overflow: auto;
2127
2133
  padding: 0 8px;
2128
2134
  }
@@ -2224,7 +2230,7 @@
2224
2230
  font-size: 15px;
2225
2231
  }
2226
2232
  .e-schedule .e-agenda-view {
2227
- background-color: #1a1a1a;
2233
+ background: #1a1a1a;
2228
2234
  }
2229
2235
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2230
2236
  .e-schedule .e-agenda-view .e-date-column {
@@ -2472,9 +2478,8 @@
2472
2478
  height: auto;
2473
2479
  line-height: 25px;
2474
2480
  margin: 4px 0;
2475
- min-height: 34px;
2476
2481
  min-width: 34px;
2477
- padding: 1px 7px;
2482
+ padding: 0;
2478
2483
  }
2479
2484
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2480
2485
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
@@ -2487,7 +2492,6 @@
2487
2492
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2488
2493
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2489
2494
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2490
- height: 25px;
2491
2495
  padding-top: 0;
2492
2496
  }
2493
2497
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2991,6 +2995,8 @@
2991
2995
  }
2992
2996
  .e-schedule-dialog.e-device .e-repeat-container {
2993
2997
  display: block;
2998
+ padding-right: 35px;
2999
+ padding-left: 0;
2994
3000
  }
2995
3001
  .e-schedule-dialog.e-device .e-icon-down-arrow {
2996
3002
  font-size: 12px;
@@ -3014,6 +3020,10 @@
3014
3020
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
3015
3021
  padding-right: 0;
3016
3022
  }
3023
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
3024
+ padding-left: 35px;
3025
+ padding-right: 0;
3026
+ }
3017
3027
  .e-schedule-dialog.e-device .e-recurrence-container {
3018
3028
  position: relative;
3019
3029
  }
@@ -3034,7 +3044,7 @@
3034
3044
 
3035
3045
  /*! schedule quick popup */
3036
3046
  .e-quick-popup-wrapper {
3037
- background-color: #1a1a1a;
3047
+ background: #1a1a1a;
3038
3048
  border-radius: 2px;
3039
3049
  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);
3040
3050
  color: #f0f0f0;
@@ -3088,7 +3098,7 @@
3088
3098
  height: 40px;
3089
3099
  }
3090
3100
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3091
- background-color: #1a1a1a;
3101
+ background: #1a1a1a;
3092
3102
  }
3093
3103
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3094
3104
  padding: 5px 5px 2px;
@@ -3133,7 +3143,7 @@
3133
3143
  padding: 0 18px 8px;
3134
3144
  }
3135
3145
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3136
- background-color: #393939;
3146
+ background: #393939;
3137
3147
  border-left: 6px solid #0070f0;
3138
3148
  border-radius: 2px;
3139
3149
  color: #f0f0f0;
@@ -3160,7 +3170,7 @@
3160
3170
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3161
3171
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3162
3172
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3163
- background-color: transparent;
3173
+ background: transparent;
3164
3174
  border: 0;
3165
3175
  }
3166
3176
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3274,7 +3284,7 @@
3274
3284
  z-index: 1004;
3275
3285
  }
3276
3286
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3277
- background-color: #858585;
3287
+ background: #858585;
3278
3288
  }
3279
3289
  .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,
3280
3290
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3313,7 +3323,7 @@
3313
3323
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3314
3324
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3315
3325
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3316
- background-color: transparent;
3326
+ background: transparent;
3317
3327
  border: 0;
3318
3328
  color: #f0f0f0;
3319
3329
  height: 40px;
@@ -3488,7 +3498,7 @@
3488
3498
 
3489
3499
  .e-bigger .e-more-popup-wrapper,
3490
3500
  .e-more-popup-wrapper {
3491
- background-color: #1a1a1a;
3501
+ background: #1a1a1a;
3492
3502
  border: 1px solid #505050;
3493
3503
  border-radius: 2px;
3494
3504
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
@@ -3558,7 +3568,7 @@
3558
3568
  }
3559
3569
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3560
3570
  .e-more-popup-wrapper .e-more-event-close {
3561
- background-color: transparent;
3571
+ background: transparent;
3562
3572
  border: 0;
3563
3573
  box-shadow: none;
3564
3574
  color: #f0f0f0;
@@ -3580,7 +3590,7 @@
3580
3590
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3581
3591
  .e-more-popup-wrapper .e-more-event-close:focus,
3582
3592
  .e-more-popup-wrapper .e-more-event-close:hover {
3583
- background-color: #484848;
3593
+ background: #484848;
3584
3594
  border-radius: 50%;
3585
3595
  color: #fff;
3586
3596
  }
@@ -3655,7 +3665,7 @@
3655
3665
 
3656
3666
  /*! schedule component theme */
3657
3667
  .e-schedule {
3658
- background-color: #1a1a1a;
3668
+ background: #1a1a1a;
3659
3669
  border: 1px solid #505050;
3660
3670
  }
3661
3671
  .e-schedule .e-date-header-wrap {
@@ -3673,13 +3683,13 @@
3673
3683
  border-left-width: 0;
3674
3684
  }
3675
3685
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3676
- background-color: #1a1a1a;
3686
+ background: #1a1a1a;
3677
3687
  }
3678
3688
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3679
3689
  background: #393939;
3680
3690
  }
3681
3691
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3682
- background-color: #1a1a1a;
3692
+ background: #1a1a1a;
3683
3693
  border-color: #505050;
3684
3694
  border-style: solid;
3685
3695
  border-width: 0 1px 1px 0;
@@ -3699,7 +3709,7 @@
3699
3709
  border-bottom-color: transparent;
3700
3710
  }
3701
3711
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3702
- background-color: #1a1a1a;
3712
+ background: #1a1a1a;
3703
3713
  border-color: #505050;
3704
3714
  border-style: solid;
3705
3715
  border-width: 0 0 1px 1px;
@@ -3710,7 +3720,7 @@
3710
3720
  border-bottom-width: 0;
3711
3721
  }
3712
3722
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3713
- background-color: #1a1a1a;
3723
+ background: #1a1a1a;
3714
3724
  border-color: #505050;
3715
3725
  border-style: solid;
3716
3726
  border-width: 0 1px 1px 0;
@@ -3723,14 +3733,14 @@
3723
3733
  border-bottom-color: #505050;
3724
3734
  }
3725
3735
  .e-schedule .e-vertical-view .e-header-cells {
3726
- background-color: #1a1a1a;
3736
+ background: #1a1a1a;
3727
3737
  }
3728
3738
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3729
3739
  color: #3e98ff;
3730
3740
  font-weight: normal;
3731
3741
  }
3732
3742
  .e-schedule .e-vertical-view .e-work-cells {
3733
- background-color: #2a2a2a;
3743
+ background: #2a2a2a;
3734
3744
  border-color: #505050;
3735
3745
  border-style: solid;
3736
3746
  border-width: 0 0 1px 1px;
@@ -3744,28 +3754,28 @@
3744
3754
  border-bottom-style: dotted;
3745
3755
  }
3746
3756
  .e-schedule .e-vertical-view .e-work-hours {
3747
- background-color: #1a1a1a;
3757
+ background: #1a1a1a;
3748
3758
  }
3749
3759
  .e-schedule .e-vertical-view .e-all-day-cells {
3750
- background-color: #1a1a1a;
3760
+ background: #1a1a1a;
3751
3761
  }
3752
3762
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3753
3763
  color: #3e98ff;
3754
3764
  }
3755
3765
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3756
- background-color: #484848;
3766
+ background: #484848;
3757
3767
  color: #fff;
3758
3768
  }
3759
3769
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3760
- background-color: #484848;
3770
+ background: #484848;
3761
3771
  color: #fff;
3762
3772
  }
3763
3773
  .e-schedule .e-vertical-view .e-selected-cell {
3764
- background-color: #484848;
3774
+ background: #484848;
3765
3775
  color: #fff;
3766
3776
  }
3767
3777
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3768
- background-color: #484848;
3778
+ background: #484848;
3769
3779
  color: #fff;
3770
3780
  }
3771
3781
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3787,7 +3797,7 @@
3787
3797
  }
3788
3798
  .e-schedule .e-month-view .e-date-header-wrap table td,
3789
3799
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3790
- background-color: #1a1a1a;
3800
+ background: #1a1a1a;
3791
3801
  border-color: #505050;
3792
3802
  border-style: solid;
3793
3803
  border-width: 0 0 1px 1px;
@@ -3803,7 +3813,7 @@
3803
3813
  }
3804
3814
  .e-schedule .e-month-view .e-work-cells,
3805
3815
  .e-schedule .e-month-agenda-view .e-work-cells {
3806
- background-color: #2a2a2a;
3816
+ background: #2a2a2a;
3807
3817
  border-color: #505050;
3808
3818
  border-style: solid;
3809
3819
  border-width: 0 0 1px 1px;
@@ -3817,7 +3827,7 @@
3817
3827
  }
3818
3828
  .e-schedule .e-month-view .e-work-days,
3819
3829
  .e-schedule .e-month-agenda-view .e-work-days {
3820
- background-color: #1a1a1a;
3830
+ background: #1a1a1a;
3821
3831
  }
3822
3832
  .e-schedule .e-month-view .e-other-month,
3823
3833
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3825,14 +3835,14 @@
3825
3835
  }
3826
3836
  .e-schedule .e-month-view .e-current-date .e-date-header,
3827
3837
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3828
- background-color: #0070f0;
3838
+ background: #0070f0;
3829
3839
  border-radius: 50%;
3830
3840
  color: #fff;
3831
3841
  width: 20px;
3832
3842
  }
3833
3843
  .e-schedule .e-month-view .e-selected-cell,
3834
3844
  .e-schedule .e-month-agenda-view .e-selected-cell {
3835
- background-color: #484848;
3845
+ background: #484848;
3836
3846
  color: #f0f0f0;
3837
3847
  }
3838
3848
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3845,7 +3855,7 @@
3845
3855
  }
3846
3856
  .e-schedule .e-month-view .e-selected-cell:hover,
3847
3857
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3848
- background-color: #484848;
3858
+ background: #484848;
3849
3859
  }
3850
3860
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3851
3861
  overflow: auto;
@@ -3872,7 +3882,7 @@
3872
3882
  }
3873
3883
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3874
3884
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3875
- background-color: #1a1a1a;
3885
+ background: #1a1a1a;
3876
3886
  border-color: #505050;
3877
3887
  border-style: solid;
3878
3888
  border-width: 0 0 1px 1px;
@@ -3885,7 +3895,7 @@
3885
3895
  }
3886
3896
  .e-schedule .e-timeline-view .e-work-cells,
3887
3897
  .e-schedule .e-timeline-month-view .e-work-cells {
3888
- background-color: #2a2a2a;
3898
+ background: #2a2a2a;
3889
3899
  border-color: #505050;
3890
3900
  border-style: solid;
3891
3901
  border-width: 0 0 1px 1px;
@@ -3899,37 +3909,37 @@
3899
3909
  }
3900
3910
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3901
3911
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3902
- background-color: rgba(0, 0, 0, 0.08);
3912
+ background: rgba(0, 0, 0, 0.08);
3903
3913
  }
3904
3914
  .e-schedule .e-timeline-view .e-work-days,
3905
3915
  .e-schedule .e-timeline-month-view .e-work-days {
3906
- background-color: #1a1a1a;
3916
+ background: #1a1a1a;
3907
3917
  }
3908
3918
  .e-schedule .e-timeline-view .e-resource-group-cells,
3909
3919
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3910
- background-color: #2a2a2a;
3920
+ background: #2a2a2a;
3911
3921
  }
3912
3922
  .e-schedule .e-timeline-view .e-selected-cell,
3913
3923
  .e-schedule .e-timeline-month-view .e-selected-cell {
3914
- background-color: #484848;
3924
+ background: #484848;
3915
3925
  color: #f0f0f0;
3916
3926
  }
3917
3927
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3918
3928
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3919
- background-color: #484848;
3929
+ background: #484848;
3920
3930
  }
3921
3931
  .e-schedule .e-timeline-view .e-work-hours {
3922
- background-color: #1a1a1a;
3932
+ background: #1a1a1a;
3923
3933
  }
3924
3934
  .e-schedule .e-timeline-view .e-resource-group-cells {
3925
- background-color: #2a2a2a;
3935
+ background: #2a2a2a;
3926
3936
  }
3927
3937
  .e-schedule .e-timeline-view .e-selected-cell {
3928
- background-color: #484848;
3938
+ background: #484848;
3929
3939
  color: #fff;
3930
3940
  }
3931
3941
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3932
- background-color: #484848;
3942
+ background: #484848;
3933
3943
  }
3934
3944
  .e-schedule .e-timeline-view .e-alternate-cells {
3935
3945
  border-left-style: dotted;
@@ -3946,7 +3956,7 @@
3946
3956
  border-left: 1px solid #0070f0;
3947
3957
  }
3948
3958
  .e-schedule .e-timeline-year-view .e-work-cells {
3949
- background-color: #2a2a2a;
3959
+ background: #2a2a2a;
3950
3960
  border-color: #505050;
3951
3961
  border-style: solid;
3952
3962
  border-width: 0 1px 1px 0;
@@ -3958,20 +3968,20 @@
3958
3968
  color: #fff;
3959
3969
  }
3960
3970
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3961
- background-color: #1a1a1a;
3971
+ background: #1a1a1a;
3962
3972
  }
3963
3973
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3964
3974
  color: #8d8d8d;
3965
3975
  }
3966
3976
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3967
- background-color: #0070f0;
3977
+ background: #0070f0;
3968
3978
  border-radius: 50%;
3969
3979
  color: #fff;
3970
3980
  margin: 2px;
3971
3981
  width: 20px;
3972
3982
  }
3973
3983
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3974
- background-color: #484848;
3984
+ background: #484848;
3975
3985
  color: #f0f0f0;
3976
3986
  }
3977
3987
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3981,10 +3991,10 @@
3981
3991
  color: #f0f0f0;
3982
3992
  }
3983
3993
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3984
- background-color: #484848;
3994
+ background: #484848;
3985
3995
  }
3986
3996
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3987
- background-color: rgba(0, 0, 0, 0.08);
3997
+ background: rgba(0, 0, 0, 0.08);
3988
3998
  }
3989
3999
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3990
4000
  cursor: default;
@@ -3994,14 +4004,14 @@
3994
4004
  text-decoration: none;
3995
4005
  }
3996
4006
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3997
- background-color: rgba(0, 0, 0, 0.08);
4007
+ background: rgba(0, 0, 0, 0.08);
3998
4008
  }
3999
4009
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
4000
- background-color: rgba(0, 0, 0, 0.08);
4010
+ background: rgba(0, 0, 0, 0.08);
4001
4011
  box-shadow: inset 0 0 0 8px #2a2a2a;
4002
4012
  }
4003
4013
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4004
- background-color: rgba(0, 0, 0, 0.08);
4014
+ background: rgba(0, 0, 0, 0.08);
4005
4015
  }
4006
4016
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4007
4017
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4063,7 +4073,7 @@
4063
4073
  }
4064
4074
 
4065
4075
  .e-tooltip-wrap.e-schedule-error {
4066
- background-color: #fcdbe4;
4076
+ background: #fcdbe4;
4067
4077
  border-color: #fcdbe4;
4068
4078
  z-index: 1000;
4069
4079
  }