@syncfusion/ej2-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 (107) hide show
  1. package/CHANGELOG.md +18 -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 +339 -144
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +374 -165
  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 +15 -14
  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 +44 -8
  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 +2 -1
  28. package/src/schedule/event-renderer/event-base.js +34 -13
  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 +3 -2
  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
@@ -348,7 +348,6 @@
348
348
  user-select: none;
349
349
  }
350
350
  .e-schedule .e-schedule-toolbar {
351
- background: #000;
352
351
  border: 0;
353
352
  border-bottom: 1px solid #969696;
354
353
  box-shadow: none;
@@ -364,13 +363,17 @@
364
363
  font-size: 14px;
365
364
  text-transform: uppercase;
366
365
  }
367
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
368
- background: #000;
369
- }
370
366
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
371
367
  height: 43px;
372
368
  min-height: 43px;
373
369
  }
370
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
371
+ border: none;
372
+ border-radius: 0;
373
+ }
374
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
375
+ border: none;
376
+ }
374
377
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
375
378
  height: inherit;
376
379
  }
@@ -398,12 +401,11 @@
398
401
  text-transform: initial;
399
402
  }
400
403
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
401
- background: #000;
402
404
  border-left: 0;
403
405
  border-right: 1px solid #969696;
404
406
  }
405
407
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
406
- background-color: #685708;
408
+ background: #685708;
407
409
  color: #fff;
408
410
  }
409
411
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -437,6 +439,10 @@
437
439
  height: 56px;
438
440
  min-height: 56px;
439
441
  }
442
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
443
+ border: none;
444
+ border-radius: 0;
445
+ }
440
446
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
441
447
  height: inherit;
442
448
  }
@@ -531,7 +537,7 @@
531
537
  padding: 0 0 0 12px;
532
538
  }
533
539
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
534
- background-color: #383838;
540
+ background: #383838;
535
541
  height: 100%;
536
542
  left: 0;
537
543
  opacity: 0.5;
@@ -540,7 +546,7 @@
540
546
  width: 100%;
541
547
  }
542
548
  .e-schedule .e-new-event {
543
- background-color: #1c8000;
549
+ background: #1c8000;
544
550
  border: 1px solid #fff;
545
551
  border-radius: 5px;
546
552
  height: 100%;
@@ -661,7 +667,7 @@
661
667
  z-index: 1;
662
668
  }
663
669
  .e-schedule .e-appointment .e-inline-subject {
664
- background-color: transparent;
670
+ background: transparent;
665
671
  border: 0;
666
672
  color: #fff;
667
673
  font-size: 13px;
@@ -981,17 +987,17 @@
981
987
  width: 36px;
982
988
  }
983
989
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
984
- background-color: rgba(0, 0, 0, 0.08);
990
+ background: rgba(0, 0, 0, 0.08);
985
991
  }
986
992
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
987
- background-color: rgba(0, 0, 0, 0.08);
993
+ background: rgba(0, 0, 0, 0.08);
988
994
  }
989
995
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
990
- background-color: rgba(0, 0, 0, 0.08);
996
+ background: rgba(0, 0, 0, 0.08);
991
997
  box-shadow: inset 0 0 0 8px #1a1a1a;
992
998
  }
993
999
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
994
- background-color: rgba(0, 0, 0, 0.08);
1000
+ background: rgba(0, 0, 0, 0.08);
995
1001
  }
996
1002
  .e-schedule .e-vertical-view .e-current-time {
997
1003
  font-size: 12px;
@@ -1298,7 +1304,7 @@
1298
1304
  visibility: hidden;
1299
1305
  }
1300
1306
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1301
- background-color: rgba(0, 0, 0, 0.08);
1307
+ background: rgba(0, 0, 0, 0.08);
1302
1308
  }
1303
1309
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1304
1310
  cursor: default;
@@ -1308,14 +1314,14 @@
1308
1314
  text-decoration: none;
1309
1315
  }
1310
1316
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1311
- background-color: rgba(0, 0, 0, 0.08);
1317
+ background: rgba(0, 0, 0, 0.08);
1312
1318
  }
1313
1319
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1314
- background-color: rgba(0, 0, 0, 0.08);
1320
+ background: rgba(0, 0, 0, 0.08);
1315
1321
  box-shadow: inset 0 0 0 8px #1a1a1a;
1316
1322
  }
1317
1323
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1318
- background-color: rgba(0, 0, 0, 0.08);
1324
+ background: rgba(0, 0, 0, 0.08);
1319
1325
  }
1320
1326
  .e-schedule .e-month-view .e-date-header {
1321
1327
  cursor: pointer;
@@ -1456,7 +1462,7 @@
1456
1462
  }
1457
1463
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1458
1464
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1459
- background-color: #1c8000;
1465
+ background: #1c8000;
1460
1466
  border-radius: 50%;
1461
1467
  height: 5px;
1462
1468
  margin: -6px auto 0;
@@ -1464,14 +1470,14 @@
1464
1470
  width: 5px;
1465
1471
  }
1466
1472
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1467
- background-color: rgba(0, 0, 0, 0.08);
1473
+ background: rgba(0, 0, 0, 0.08);
1468
1474
  cursor: default;
1469
1475
  }
1470
1476
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1471
1477
  cursor: default;
1472
1478
  }
1473
1479
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1474
- background-color: rgba(0, 0, 0, 0.08);
1480
+ background: rgba(0, 0, 0, 0.08);
1475
1481
  }
1476
1482
  .e-schedule .e-year-view .e-date-header-wrap {
1477
1483
  font-size: 13px;
@@ -1481,7 +1487,7 @@
1481
1487
  width: 36px;
1482
1488
  }
1483
1489
  .e-schedule .e-year-view .e-date-header-wrap table td {
1484
- background-color: #000;
1490
+ background: #000;
1485
1491
  border-color: #969696;
1486
1492
  border-style: solid;
1487
1493
  border-width: 0 0 1px;
@@ -1522,7 +1528,7 @@
1522
1528
  }
1523
1529
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1524
1530
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1525
- background-color: #000;
1531
+ background: #000;
1526
1532
  border-color: #969696;
1527
1533
  border-style: solid;
1528
1534
  border-width: 0 1px 1px 0;
@@ -1553,7 +1559,7 @@
1553
1559
  position: relative;
1554
1560
  }
1555
1561
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1556
- background-color: #1a1a1a;
1562
+ background: #1a1a1a;
1557
1563
  border-color: #969696;
1558
1564
  border-style: solid;
1559
1565
  border-width: 0 1px 1px 0;
@@ -1564,10 +1570,10 @@
1564
1570
  vertical-align: middle;
1565
1571
  }
1566
1572
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1567
- background-color: #000;
1573
+ background: #000;
1568
1574
  }
1569
1575
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1570
- background-color: #685708;
1576
+ background: #685708;
1571
1577
  }
1572
1578
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1573
1579
  height: 100%;
@@ -1786,7 +1792,7 @@
1786
1792
  }
1787
1793
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1788
1794
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1789
- background-color: #000;
1795
+ background: #000;
1790
1796
  overflow: inherit;
1791
1797
  }
1792
1798
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1808,11 +1814,11 @@
1808
1814
  }
1809
1815
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1810
1816
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1811
- background-color: rgba(0, 0, 0, 0.08);
1817
+ background: rgba(0, 0, 0, 0.08);
1812
1818
  }
1813
1819
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1814
1820
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1815
- background-color: rgba(0, 0, 0, 0.08);
1821
+ background: rgba(0, 0, 0, 0.08);
1816
1822
  }
1817
1823
  .e-schedule .e-timeline-view .e-resource-text,
1818
1824
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1824,7 +1830,7 @@
1824
1830
  }
1825
1831
  .e-schedule .e-timeline-view .e-resource-left-td,
1826
1832
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1827
- background-color: #000;
1833
+ background: #000;
1828
1834
  border-color: #969696;
1829
1835
  border-style: solid;
1830
1836
  border-width: 0 1px 1px 0;
@@ -1834,7 +1840,7 @@
1834
1840
  }
1835
1841
  .e-schedule .e-timeline-view .e-resource-cells,
1836
1842
  .e-schedule .e-timeline-month-view .e-resource-cells {
1837
- background-color: #1a1a1a;
1843
+ background: #1a1a1a;
1838
1844
  border-color: #969696;
1839
1845
  border-style: solid;
1840
1846
  border-width: 0 1px 1px 0;
@@ -1846,7 +1852,7 @@
1846
1852
  }
1847
1853
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1848
1854
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1849
- background-color: #685708;
1855
+ background: #685708;
1850
1856
  }
1851
1857
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1852
1858
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1869,7 +1875,7 @@
1869
1875
  }
1870
1876
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1871
1877
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1872
- background-color: rgba(0, 0, 0, 0.08);
1878
+ background: rgba(0, 0, 0, 0.08);
1873
1879
  box-shadow: inset 0 0 0 8px #1a1a1a;
1874
1880
  }
1875
1881
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1887,7 +1893,7 @@
1887
1893
  }
1888
1894
  .e-schedule .e-timeline-view .e-child-node,
1889
1895
  .e-schedule .e-timeline-month-view .e-child-node {
1890
- background-color: #000;
1896
+ background: #000;
1891
1897
  }
1892
1898
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1893
1899
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2154,10 +2160,10 @@
2154
2160
  vertical-align: top;
2155
2161
  }
2156
2162
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2157
- background-color: rgba(0, 0, 0, 0.08);
2163
+ background: rgba(0, 0, 0, 0.08);
2158
2164
  }
2159
2165
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2160
- background-color: rgba(0, 0, 0, 0.08);
2166
+ background: rgba(0, 0, 0, 0.08);
2161
2167
  }
2162
2168
  .e-schedule .e-month-agenda-view .e-date-header {
2163
2169
  height: 24px;
@@ -2170,7 +2176,7 @@
2170
2176
  min-height: 40px;
2171
2177
  }
2172
2178
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2173
- background-color: #1a1a1a;
2179
+ background: #1a1a1a;
2174
2180
  overflow: auto;
2175
2181
  padding: 0 8px;
2176
2182
  }
@@ -2272,7 +2278,7 @@
2272
2278
  font-size: 14px;
2273
2279
  }
2274
2280
  .e-schedule .e-agenda-view {
2275
- background-color: #1a1a1a;
2281
+ background: #1a1a1a;
2276
2282
  }
2277
2283
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2278
2284
  .e-schedule .e-agenda-view .e-date-column {
@@ -2520,7 +2526,6 @@
2520
2526
  height: auto;
2521
2527
  line-height: 25px;
2522
2528
  margin: 4px 0;
2523
- min-height: 49px;
2524
2529
  min-width: 34px;
2525
2530
  padding: 0 1.5px;
2526
2531
  }
@@ -2535,7 +2540,6 @@
2535
2540
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2536
2541
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2537
2542
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2538
- height: 25px;
2539
2543
  padding-top: 0;
2540
2544
  }
2541
2545
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -3039,6 +3043,8 @@
3039
3043
  }
3040
3044
  .e-schedule-dialog.e-device .e-repeat-container {
3041
3045
  display: block;
3046
+ padding-right: 35px;
3047
+ padding-left: 0;
3042
3048
  }
3043
3049
  .e-schedule-dialog.e-device .e-icon-down-arrow {
3044
3050
  font-size: 12px;
@@ -3062,6 +3068,10 @@
3062
3068
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
3063
3069
  padding-right: 0;
3064
3070
  }
3071
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
3072
+ padding-left: 35px;
3073
+ padding-right: 0;
3074
+ }
3065
3075
  .e-schedule-dialog.e-device .e-recurrence-container {
3066
3076
  position: relative;
3067
3077
  }
@@ -3082,7 +3092,7 @@
3082
3092
 
3083
3093
  /*! schedule quick popup */
3084
3094
  .e-quick-popup-wrapper {
3085
- background-color: #000;
3095
+ background: #000;
3086
3096
  border-radius: 2px;
3087
3097
  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);
3088
3098
  color: #fff;
@@ -3136,7 +3146,7 @@
3136
3146
  height: 40px;
3137
3147
  }
3138
3148
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3139
- background-color: #000;
3149
+ background: #000;
3140
3150
  }
3141
3151
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3142
3152
  padding: 5px 5px 2px;
@@ -3181,7 +3191,7 @@
3181
3191
  padding: 0 18px 8px;
3182
3192
  }
3183
3193
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3184
- background-color: rgba(28, 128, 0, 0.3);
3194
+ background: rgba(28, 128, 0, 0.3);
3185
3195
  border-left: 6px solid #1c8000;
3186
3196
  border-radius: 2px;
3187
3197
  color: #fff;
@@ -3208,7 +3218,7 @@
3208
3218
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3209
3219
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3210
3220
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3211
- background-color: transparent;
3221
+ background: transparent;
3212
3222
  border: 0;
3213
3223
  }
3214
3224
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3322,7 +3332,7 @@
3322
3332
  z-index: 1004;
3323
3333
  }
3324
3334
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3325
- background-color: #1a1a1a;
3335
+ background: #1a1a1a;
3326
3336
  }
3327
3337
  .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,
3328
3338
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3361,7 +3371,7 @@
3361
3371
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3362
3372
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3363
3373
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3364
- background-color: transparent;
3374
+ background: transparent;
3365
3375
  border: 0;
3366
3376
  color: #fff;
3367
3377
  height: 40px;
@@ -3536,7 +3546,7 @@
3536
3546
 
3537
3547
  .e-bigger .e-more-popup-wrapper,
3538
3548
  .e-more-popup-wrapper {
3539
- background-color: #000;
3549
+ background: #000;
3540
3550
  border: 1px solid #e0e0e0;
3541
3551
  border-radius: 2px;
3542
3552
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
@@ -3606,7 +3616,7 @@
3606
3616
  }
3607
3617
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3608
3618
  .e-more-popup-wrapper .e-more-event-close {
3609
- background-color: transparent;
3619
+ background: transparent;
3610
3620
  border: 0;
3611
3621
  box-shadow: none;
3612
3622
  color: #fff;
@@ -3628,7 +3638,7 @@
3628
3638
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3629
3639
  .e-more-popup-wrapper .e-more-event-close:focus,
3630
3640
  .e-more-popup-wrapper .e-more-event-close:hover {
3631
- background-color: #685708;
3641
+ background: #685708;
3632
3642
  border-radius: 50%;
3633
3643
  color: #fff;
3634
3644
  }
@@ -3703,7 +3713,7 @@
3703
3713
 
3704
3714
  /*! schedule component theme */
3705
3715
  .e-schedule {
3706
- background-color: #000;
3716
+ background: #000;
3707
3717
  border: 1px solid #969696;
3708
3718
  }
3709
3719
  .e-schedule .e-date-header-wrap {
@@ -3721,13 +3731,13 @@
3721
3731
  border-left-width: 0;
3722
3732
  }
3723
3733
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3724
- background-color: #000;
3734
+ background: #000;
3725
3735
  }
3726
3736
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3727
3737
  background: #685708;
3728
3738
  }
3729
3739
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3730
- background-color: #000;
3740
+ background: #000;
3731
3741
  border-color: #969696;
3732
3742
  border-style: solid;
3733
3743
  border-width: 0 1px 1px 0;
@@ -3747,7 +3757,7 @@
3747
3757
  border-bottom-color: transparent;
3748
3758
  }
3749
3759
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3750
- background-color: #000;
3760
+ background: #000;
3751
3761
  border-color: #969696;
3752
3762
  border-style: solid;
3753
3763
  border-width: 0 0 1px 1px;
@@ -3758,7 +3768,7 @@
3758
3768
  border-bottom-width: 0;
3759
3769
  }
3760
3770
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3761
- background-color: #000;
3771
+ background: #000;
3762
3772
  border-color: #969696;
3763
3773
  border-style: solid;
3764
3774
  border-width: 0 1px 1px 0;
@@ -3771,14 +3781,14 @@
3771
3781
  border-bottom-color: #969696;
3772
3782
  }
3773
3783
  .e-schedule .e-vertical-view .e-header-cells {
3774
- background-color: #000;
3784
+ background: #000;
3775
3785
  }
3776
3786
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3777
3787
  color: #ffd939;
3778
3788
  font-weight: normal;
3779
3789
  }
3780
3790
  .e-schedule .e-vertical-view .e-work-cells {
3781
- background-color: #1a1a1a;
3791
+ background: #1a1a1a;
3782
3792
  border-color: #969696;
3783
3793
  border-style: solid;
3784
3794
  border-width: 0 0 1px 1px;
@@ -3792,28 +3802,28 @@
3792
3802
  border-bottom-style: dashed;
3793
3803
  }
3794
3804
  .e-schedule .e-vertical-view .e-work-hours {
3795
- background-color: #000;
3805
+ background: #000;
3796
3806
  }
3797
3807
  .e-schedule .e-vertical-view .e-all-day-cells {
3798
- background-color: #000;
3808
+ background: #000;
3799
3809
  }
3800
3810
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3801
3811
  color: #ffd939;
3802
3812
  }
3803
3813
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3804
- background-color: #ffd939;
3814
+ background: #ffd939;
3805
3815
  color: #fff;
3806
3816
  }
3807
3817
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3808
- background-color: #ffd939;
3818
+ background: #ffd939;
3809
3819
  color: #fff;
3810
3820
  }
3811
3821
  .e-schedule .e-vertical-view .e-selected-cell {
3812
- background-color: #ffd939;
3822
+ background: #ffd939;
3813
3823
  color: #fff;
3814
3824
  }
3815
3825
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3816
- background-color: #ffd939;
3826
+ background: #ffd939;
3817
3827
  color: #fff;
3818
3828
  }
3819
3829
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3835,7 +3845,7 @@
3835
3845
  }
3836
3846
  .e-schedule .e-month-view .e-date-header-wrap table td,
3837
3847
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3838
- background-color: #000;
3848
+ background: #000;
3839
3849
  border-color: #969696;
3840
3850
  border-style: solid;
3841
3851
  border-width: 0 0 1px;
@@ -3851,7 +3861,7 @@
3851
3861
  }
3852
3862
  .e-schedule .e-month-view .e-work-cells,
3853
3863
  .e-schedule .e-month-agenda-view .e-work-cells {
3854
- background-color: #1a1a1a;
3864
+ background: #1a1a1a;
3855
3865
  border-color: #969696;
3856
3866
  border-style: solid;
3857
3867
  border-width: 0 0 1px;
@@ -3865,7 +3875,7 @@
3865
3875
  }
3866
3876
  .e-schedule .e-month-view .e-work-days,
3867
3877
  .e-schedule .e-month-agenda-view .e-work-days {
3868
- background-color: #000;
3878
+ background: #000;
3869
3879
  }
3870
3880
  .e-schedule .e-month-view .e-other-month,
3871
3881
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3873,14 +3883,14 @@
3873
3883
  }
3874
3884
  .e-schedule .e-month-view .e-current-date .e-date-header,
3875
3885
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3876
- background-color: transparent;
3886
+ background: transparent;
3877
3887
  border-radius: 50%;
3878
3888
  color: #ffd939;
3879
3889
  width: 20px;
3880
3890
  }
3881
3891
  .e-schedule .e-month-view .e-selected-cell,
3882
3892
  .e-schedule .e-month-agenda-view .e-selected-cell {
3883
- background-color: #ffd939;
3893
+ background: #ffd939;
3884
3894
  color: #000;
3885
3895
  }
3886
3896
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3893,7 +3903,7 @@
3893
3903
  }
3894
3904
  .e-schedule .e-month-view .e-selected-cell:hover,
3895
3905
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3896
- background-color: #ffd939;
3906
+ background: #ffd939;
3897
3907
  }
3898
3908
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3899
3909
  overflow: auto;
@@ -3920,7 +3930,7 @@
3920
3930
  }
3921
3931
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3922
3932
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3923
- background-color: #000;
3933
+ background: #000;
3924
3934
  border-color: #969696;
3925
3935
  border-style: solid;
3926
3936
  border-width: 0 0 1px 1px;
@@ -3933,7 +3943,7 @@
3933
3943
  }
3934
3944
  .e-schedule .e-timeline-view .e-work-cells,
3935
3945
  .e-schedule .e-timeline-month-view .e-work-cells {
3936
- background-color: #1a1a1a;
3946
+ background: #1a1a1a;
3937
3947
  border-color: #969696;
3938
3948
  border-style: solid;
3939
3949
  border-width: 0 0 1px 1px;
@@ -3947,37 +3957,37 @@
3947
3957
  }
3948
3958
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3949
3959
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3950
- background-color: rgba(0, 0, 0, 0.08);
3960
+ background: rgba(0, 0, 0, 0.08);
3951
3961
  }
3952
3962
  .e-schedule .e-timeline-view .e-work-days,
3953
3963
  .e-schedule .e-timeline-month-view .e-work-days {
3954
- background-color: #000;
3964
+ background: #000;
3955
3965
  }
3956
3966
  .e-schedule .e-timeline-view .e-resource-group-cells,
3957
3967
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3958
- background-color: #1a1a1a;
3968
+ background: #1a1a1a;
3959
3969
  }
3960
3970
  .e-schedule .e-timeline-view .e-selected-cell,
3961
3971
  .e-schedule .e-timeline-month-view .e-selected-cell {
3962
- background-color: #ffd939;
3972
+ background: #ffd939;
3963
3973
  color: #000;
3964
3974
  }
3965
3975
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3966
3976
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3967
- background-color: #ffd939;
3977
+ background: #ffd939;
3968
3978
  }
3969
3979
  .e-schedule .e-timeline-view .e-work-hours {
3970
- background-color: #000;
3980
+ background: #000;
3971
3981
  }
3972
3982
  .e-schedule .e-timeline-view .e-resource-group-cells {
3973
- background-color: #1a1a1a;
3983
+ background: #1a1a1a;
3974
3984
  }
3975
3985
  .e-schedule .e-timeline-view .e-selected-cell {
3976
- background-color: #ffd939;
3986
+ background: #ffd939;
3977
3987
  color: #fff;
3978
3988
  }
3979
3989
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3980
- background-color: #ffd939;
3990
+ background: #ffd939;
3981
3991
  }
3982
3992
  .e-schedule .e-timeline-view .e-alternate-cells {
3983
3993
  border-left-style: dashed;
@@ -3994,7 +4004,7 @@
3994
4004
  border-left: 1px solid #ffd939;
3995
4005
  }
3996
4006
  .e-schedule .e-timeline-year-view .e-work-cells {
3997
- background-color: #1a1a1a;
4007
+ background: #1a1a1a;
3998
4008
  border-color: #969696;
3999
4009
  border-style: solid;
4000
4010
  border-width: 0 1px 1px 0;
@@ -4006,20 +4016,20 @@
4006
4016
  color: #fff;
4007
4017
  }
4008
4018
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
4009
- background-color: #000;
4019
+ background: #000;
4010
4020
  }
4011
4021
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
4012
4022
  color: #969696;
4013
4023
  }
4014
4024
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
4015
- background-color: transparent;
4025
+ background: transparent;
4016
4026
  border-radius: 50%;
4017
4027
  color: #ffd939;
4018
4028
  margin: 2px;
4019
4029
  width: 20px;
4020
4030
  }
4021
4031
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
4022
- background-color: #ffd939;
4032
+ background: #ffd939;
4023
4033
  color: #000;
4024
4034
  }
4025
4035
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -4029,10 +4039,10 @@
4029
4039
  color: #000;
4030
4040
  }
4031
4041
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
4032
- background-color: #ffd939;
4042
+ background: #ffd939;
4033
4043
  }
4034
4044
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
4035
- background-color: rgba(0, 0, 0, 0.08);
4045
+ background: rgba(0, 0, 0, 0.08);
4036
4046
  }
4037
4047
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
4038
4048
  cursor: default;
@@ -4042,14 +4052,14 @@
4042
4052
  text-decoration: none;
4043
4053
  }
4044
4054
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
4045
- background-color: rgba(0, 0, 0, 0.08);
4055
+ background: rgba(0, 0, 0, 0.08);
4046
4056
  }
4047
4057
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
4048
- background-color: rgba(0, 0, 0, 0.08);
4058
+ background: rgba(0, 0, 0, 0.08);
4049
4059
  box-shadow: inset 0 0 0 8px #1a1a1a;
4050
4060
  }
4051
4061
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4052
- background-color: rgba(0, 0, 0, 0.08);
4062
+ background: rgba(0, 0, 0, 0.08);
4053
4063
  }
4054
4064
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4055
4065
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4111,7 +4121,7 @@
4111
4121
  }
4112
4122
 
4113
4123
  .e-tooltip-wrap.e-schedule-error {
4114
- background-color: #b30900;
4124
+ background: #b30900;
4115
4125
  border-color: #b30900;
4116
4126
  z-index: 1000;
4117
4127
  }