@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
@@ -267,7 +267,6 @@
267
267
  user-select: none;
268
268
  }
269
269
  .e-schedule .e-schedule-toolbar {
270
- background: #201f1f;
271
270
  border: 0;
272
271
  border-bottom: 1px solid #414040;
273
272
  box-shadow: none;
@@ -283,13 +282,17 @@
283
282
  font-size: 14px;
284
283
  text-transform: initial;
285
284
  }
286
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
287
- background: #201f1f;
288
- }
289
285
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
290
286
  height: 43px;
291
287
  min-height: 43px;
292
288
  }
289
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
290
+ border: none;
291
+ border-radius: 0;
292
+ }
293
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
294
+ border: none;
295
+ }
293
296
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
294
297
  height: inherit;
295
298
  }
@@ -317,12 +320,11 @@
317
320
  text-transform: initial;
318
321
  }
319
322
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
320
- background: #201f1f;
321
323
  border-left: 0;
322
324
  border-right: 1px solid #201f1f;
323
325
  }
324
326
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
325
- background-color: #414040;
327
+ background: #414040;
326
328
  color: #dadada;
327
329
  }
328
330
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -356,6 +358,10 @@
356
358
  height: 56px;
357
359
  min-height: 56px;
358
360
  }
361
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
362
+ border: none;
363
+ border-radius: 0;
364
+ }
359
365
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
360
366
  height: inherit;
361
367
  }
@@ -450,7 +456,7 @@
450
456
  padding: 0 0 0 12px;
451
457
  }
452
458
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
453
- background-color: #383838;
459
+ background: #383838;
454
460
  height: 100%;
455
461
  left: 0;
456
462
  opacity: 0.5;
@@ -459,7 +465,7 @@
459
465
  width: 100%;
460
466
  }
461
467
  .e-schedule .e-new-event {
462
- background-color: #0074cc;
468
+ background: #0074cc;
463
469
  border: 1px solid #fff;
464
470
  border-radius: 5px;
465
471
  height: 100%;
@@ -580,7 +586,7 @@
580
586
  z-index: 1;
581
587
  }
582
588
  .e-schedule .e-appointment .e-inline-subject {
583
- background-color: transparent;
589
+ background: transparent;
584
590
  border: 0;
585
591
  color: #fff;
586
592
  font-size: 13px;
@@ -900,17 +906,17 @@
900
906
  width: 36px;
901
907
  }
902
908
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
903
- background-color: rgba(0, 0, 0, 0.08);
909
+ background: rgba(0, 0, 0, 0.08);
904
910
  }
905
911
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
906
- background-color: rgba(0, 0, 0, 0.08);
912
+ background: rgba(0, 0, 0, 0.08);
907
913
  }
908
914
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
909
- background-color: rgba(0, 0, 0, 0.08);
915
+ background: rgba(0, 0, 0, 0.08);
910
916
  box-shadow: inset 0 0 0 8px #282727;
911
917
  }
912
918
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
913
- background-color: rgba(0, 0, 0, 0.08);
919
+ background: rgba(0, 0, 0, 0.08);
914
920
  }
915
921
  .e-schedule .e-vertical-view .e-current-time {
916
922
  font-size: 12px;
@@ -1217,7 +1223,7 @@
1217
1223
  visibility: hidden;
1218
1224
  }
1219
1225
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1220
- background-color: rgba(0, 0, 0, 0.08);
1226
+ background: rgba(0, 0, 0, 0.08);
1221
1227
  }
1222
1228
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1223
1229
  cursor: default;
@@ -1227,14 +1233,14 @@
1227
1233
  text-decoration: none;
1228
1234
  }
1229
1235
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1230
- background-color: rgba(0, 0, 0, 0.08);
1236
+ background: rgba(0, 0, 0, 0.08);
1231
1237
  }
1232
1238
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1233
- background-color: rgba(0, 0, 0, 0.08);
1239
+ background: rgba(0, 0, 0, 0.08);
1234
1240
  box-shadow: inset 0 0 0 8px #282727;
1235
1241
  }
1236
1242
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1237
- background-color: rgba(0, 0, 0, 0.08);
1243
+ background: rgba(0, 0, 0, 0.08);
1238
1244
  }
1239
1245
  .e-schedule .e-month-view .e-date-header {
1240
1246
  cursor: pointer;
@@ -1375,7 +1381,7 @@
1375
1381
  }
1376
1382
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1377
1383
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1378
- background-color: #0074cc;
1384
+ background: #0074cc;
1379
1385
  border-radius: 50%;
1380
1386
  height: 5px;
1381
1387
  margin: -6px auto 0;
@@ -1383,14 +1389,14 @@
1383
1389
  width: 5px;
1384
1390
  }
1385
1391
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1386
- background-color: rgba(0, 0, 0, 0.08);
1392
+ background: rgba(0, 0, 0, 0.08);
1387
1393
  cursor: default;
1388
1394
  }
1389
1395
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1390
1396
  cursor: default;
1391
1397
  }
1392
1398
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1393
- background-color: rgba(0, 0, 0, 0.08);
1399
+ background: rgba(0, 0, 0, 0.08);
1394
1400
  }
1395
1401
  .e-schedule .e-year-view .e-date-header-wrap {
1396
1402
  font-size: 13px;
@@ -1400,7 +1406,7 @@
1400
1406
  width: 36px;
1401
1407
  }
1402
1408
  .e-schedule .e-year-view .e-date-header-wrap table td {
1403
- background-color: #201f1f;
1409
+ background: #201f1f;
1404
1410
  border-color: #414040;
1405
1411
  border-style: solid;
1406
1412
  border-width: 0 0 1px;
@@ -1441,7 +1447,7 @@
1441
1447
  }
1442
1448
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1443
1449
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1444
- background-color: #201f1f;
1450
+ background: #201f1f;
1445
1451
  border-color: #414040;
1446
1452
  border-style: solid;
1447
1453
  border-width: 0 1px 1px 0;
@@ -1472,7 +1478,7 @@
1472
1478
  position: relative;
1473
1479
  }
1474
1480
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1475
- background-color: #282727;
1481
+ background: #282727;
1476
1482
  border-color: #414040;
1477
1483
  border-style: solid;
1478
1484
  border-width: 0 1px 1px 0;
@@ -1483,10 +1489,10 @@
1483
1489
  vertical-align: middle;
1484
1490
  }
1485
1491
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1486
- background-color: #201f1f;
1492
+ background: #201f1f;
1487
1493
  }
1488
1494
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1489
- background-color: #414040;
1495
+ background: #414040;
1490
1496
  }
1491
1497
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1492
1498
  height: 100%;
@@ -1705,7 +1711,7 @@
1705
1711
  }
1706
1712
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1707
1713
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1708
- background-color: #201f1f;
1714
+ background: #201f1f;
1709
1715
  overflow: inherit;
1710
1716
  }
1711
1717
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1727,11 +1733,11 @@
1727
1733
  }
1728
1734
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1729
1735
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1730
- background-color: rgba(0, 0, 0, 0.08);
1736
+ background: rgba(0, 0, 0, 0.08);
1731
1737
  }
1732
1738
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1733
1739
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1734
- background-color: rgba(0, 0, 0, 0.08);
1740
+ background: rgba(0, 0, 0, 0.08);
1735
1741
  }
1736
1742
  .e-schedule .e-timeline-view .e-resource-text,
1737
1743
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1743,7 +1749,7 @@
1743
1749
  }
1744
1750
  .e-schedule .e-timeline-view .e-resource-left-td,
1745
1751
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1746
- background-color: #201f1f;
1752
+ background: #201f1f;
1747
1753
  border-color: #414040;
1748
1754
  border-style: solid;
1749
1755
  border-width: 0 1px 1px 0;
@@ -1753,7 +1759,7 @@
1753
1759
  }
1754
1760
  .e-schedule .e-timeline-view .e-resource-cells,
1755
1761
  .e-schedule .e-timeline-month-view .e-resource-cells {
1756
- background-color: #282727;
1762
+ background: #282727;
1757
1763
  border-color: #414040;
1758
1764
  border-style: solid;
1759
1765
  border-width: 0 1px 1px 0;
@@ -1765,7 +1771,7 @@
1765
1771
  }
1766
1772
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1767
1773
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1768
- background-color: #414040;
1774
+ background: #414040;
1769
1775
  }
1770
1776
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1771
1777
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1788,7 +1794,7 @@
1788
1794
  }
1789
1795
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1790
1796
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1791
- background-color: rgba(0, 0, 0, 0.08);
1797
+ background: rgba(0, 0, 0, 0.08);
1792
1798
  box-shadow: inset 0 0 0 8px #282727;
1793
1799
  }
1794
1800
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1806,7 +1812,7 @@
1806
1812
  }
1807
1813
  .e-schedule .e-timeline-view .e-child-node,
1808
1814
  .e-schedule .e-timeline-month-view .e-child-node {
1809
- background-color: #201f1f;
1815
+ background: #201f1f;
1810
1816
  }
1811
1817
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1812
1818
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2073,10 +2079,10 @@
2073
2079
  vertical-align: top;
2074
2080
  }
2075
2081
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2076
- background-color: rgba(0, 0, 0, 0.08);
2082
+ background: rgba(0, 0, 0, 0.08);
2077
2083
  }
2078
2084
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2079
- background-color: rgba(0, 0, 0, 0.08);
2085
+ background: rgba(0, 0, 0, 0.08);
2080
2086
  }
2081
2087
  .e-schedule .e-month-agenda-view .e-date-header {
2082
2088
  height: 24px;
@@ -2089,7 +2095,7 @@
2089
2095
  min-height: 40px;
2090
2096
  }
2091
2097
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2092
- background-color: #201f1f;
2098
+ background: #201f1f;
2093
2099
  overflow: auto;
2094
2100
  padding: 0 8px;
2095
2101
  }
@@ -2191,7 +2197,7 @@
2191
2197
  font-size: 14px;
2192
2198
  }
2193
2199
  .e-schedule .e-agenda-view {
2194
- background-color: #201f1f;
2200
+ background: #201f1f;
2195
2201
  }
2196
2202
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2197
2203
  .e-schedule .e-agenda-view .e-date-column {
@@ -2439,7 +2445,6 @@
2439
2445
  height: auto;
2440
2446
  line-height: 25px;
2441
2447
  margin: 4px 0;
2442
- min-height: 50px;
2443
2448
  min-width: 34px;
2444
2449
  padding: 0 1.5px;
2445
2450
  }
@@ -2454,7 +2459,6 @@
2454
2459
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2455
2460
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2456
2461
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2457
- height: 25px;
2458
2462
  padding-top: 0;
2459
2463
  }
2460
2464
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2958,6 +2962,8 @@
2958
2962
  }
2959
2963
  .e-schedule-dialog.e-device .e-repeat-container {
2960
2964
  display: block;
2965
+ padding-right: 35px;
2966
+ padding-left: 0;
2961
2967
  }
2962
2968
  .e-schedule-dialog.e-device .e-icon-down-arrow {
2963
2969
  font-size: 12px;
@@ -2981,6 +2987,10 @@
2981
2987
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
2982
2988
  padding-right: 0;
2983
2989
  }
2990
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
2991
+ padding-left: 35px;
2992
+ padding-right: 0;
2993
+ }
2984
2994
  .e-schedule-dialog.e-device .e-recurrence-container {
2985
2995
  position: relative;
2986
2996
  }
@@ -3001,7 +3011,7 @@
3001
3011
 
3002
3012
  /*! schedule quick popup */
3003
3013
  .e-quick-popup-wrapper {
3004
- background-color: #201f1f;
3014
+ background: #201f1f;
3005
3015
  border-radius: 2px;
3006
3016
  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);
3007
3017
  color: #dadada;
@@ -3055,7 +3065,7 @@
3055
3065
  height: 40px;
3056
3066
  }
3057
3067
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3058
- background-color: #201f1f;
3068
+ background: #201f1f;
3059
3069
  }
3060
3070
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3061
3071
  padding: 5px 5px 2px;
@@ -3100,7 +3110,7 @@
3100
3110
  padding: 0 18px 8px;
3101
3111
  }
3102
3112
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3103
- background-color: #333232;
3113
+ background: #333232;
3104
3114
  border-left: 6px solid #0074cc;
3105
3115
  border-radius: 2px;
3106
3116
  color: #dadada;
@@ -3127,7 +3137,7 @@
3127
3137
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3128
3138
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3129
3139
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3130
- background-color: transparent;
3140
+ background: transparent;
3131
3141
  border: 0;
3132
3142
  }
3133
3143
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3241,7 +3251,7 @@
3241
3251
  z-index: 1004;
3242
3252
  }
3243
3253
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3244
- background-color: #201f1f;
3254
+ background: #201f1f;
3245
3255
  }
3246
3256
  .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,
3247
3257
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3280,7 +3290,7 @@
3280
3290
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3281
3291
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3282
3292
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3283
- background-color: transparent;
3293
+ background: transparent;
3284
3294
  border: 0;
3285
3295
  color: #dadada;
3286
3296
  height: 40px;
@@ -3455,7 +3465,7 @@
3455
3465
 
3456
3466
  .e-bigger .e-more-popup-wrapper,
3457
3467
  .e-more-popup-wrapper {
3458
- background-color: #201f1f;
3468
+ background: #201f1f;
3459
3469
  border: 1px solid #414040;
3460
3470
  border-radius: 2px;
3461
3471
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
@@ -3525,7 +3535,7 @@
3525
3535
  }
3526
3536
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3527
3537
  .e-more-popup-wrapper .e-more-event-close {
3528
- background-color: transparent;
3538
+ background: transparent;
3529
3539
  border: 0;
3530
3540
  box-shadow: none;
3531
3541
  color: #dadada;
@@ -3547,7 +3557,7 @@
3547
3557
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3548
3558
  .e-more-popup-wrapper .e-more-event-close:focus,
3549
3559
  .e-more-popup-wrapper .e-more-event-close:hover {
3550
- background-color: #414040;
3560
+ background: #414040;
3551
3561
  border-radius: 50%;
3552
3562
  color: #fff;
3553
3563
  }
@@ -3622,7 +3632,7 @@
3622
3632
 
3623
3633
  /*! schedule component theme */
3624
3634
  .e-schedule {
3625
- background-color: #201f1f;
3635
+ background: #201f1f;
3626
3636
  border: 1px solid #414040;
3627
3637
  }
3628
3638
  .e-schedule .e-date-header-wrap {
@@ -3640,13 +3650,13 @@
3640
3650
  border-left-width: 0;
3641
3651
  }
3642
3652
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3643
- background-color: #201f1f;
3653
+ background: #201f1f;
3644
3654
  }
3645
3655
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3646
3656
  background: #414040;
3647
3657
  }
3648
3658
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3649
- background-color: #201f1f;
3659
+ background: #201f1f;
3650
3660
  border-color: #414040;
3651
3661
  border-style: solid;
3652
3662
  border-width: 0 1px 1px 0;
@@ -3666,7 +3676,7 @@
3666
3676
  border-bottom-color: transparent;
3667
3677
  }
3668
3678
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3669
- background-color: #201f1f;
3679
+ background: #201f1f;
3670
3680
  border-color: #414040;
3671
3681
  border-style: solid;
3672
3682
  border-width: 0 0 1px 1px;
@@ -3677,7 +3687,7 @@
3677
3687
  border-bottom-width: 0;
3678
3688
  }
3679
3689
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3680
- background-color: #201f1f;
3690
+ background: #201f1f;
3681
3691
  border-color: #414040;
3682
3692
  border-style: solid;
3683
3693
  border-width: 0 1px 1px 0;
@@ -3690,14 +3700,14 @@
3690
3700
  border-bottom-color: #414040;
3691
3701
  }
3692
3702
  .e-schedule .e-vertical-view .e-header-cells {
3693
- background-color: #201f1f;
3703
+ background: #201f1f;
3694
3704
  }
3695
3705
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3696
3706
  color: #38a9ff;
3697
3707
  font-weight: normal;
3698
3708
  }
3699
3709
  .e-schedule .e-vertical-view .e-work-cells {
3700
- background-color: #282727;
3710
+ background: #282727;
3701
3711
  border-color: #414040;
3702
3712
  border-style: solid;
3703
3713
  border-width: 0 0 1px 1px;
@@ -3711,28 +3721,28 @@
3711
3721
  border-bottom-style: dotted;
3712
3722
  }
3713
3723
  .e-schedule .e-vertical-view .e-work-hours {
3714
- background-color: #201f1f;
3724
+ background: #201f1f;
3715
3725
  }
3716
3726
  .e-schedule .e-vertical-view .e-all-day-cells {
3717
- background-color: #201f1f;
3727
+ background: #201f1f;
3718
3728
  }
3719
3729
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3720
3730
  color: #38a9ff;
3721
3731
  }
3722
3732
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3723
- background-color: #514f4f;
3733
+ background: #514f4f;
3724
3734
  color: #dadada;
3725
3735
  }
3726
3736
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3727
- background-color: #514f4f;
3737
+ background: #514f4f;
3728
3738
  color: #dadada;
3729
3739
  }
3730
3740
  .e-schedule .e-vertical-view .e-selected-cell {
3731
- background-color: #514f4f;
3741
+ background: #514f4f;
3732
3742
  color: #dadada;
3733
3743
  }
3734
3744
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3735
- background-color: #514f4f;
3745
+ background: #514f4f;
3736
3746
  color: #dadada;
3737
3747
  }
3738
3748
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3754,7 +3764,7 @@
3754
3764
  }
3755
3765
  .e-schedule .e-month-view .e-date-header-wrap table td,
3756
3766
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3757
- background-color: #201f1f;
3767
+ background: #201f1f;
3758
3768
  border-color: #414040;
3759
3769
  border-style: solid;
3760
3770
  border-width: 0 0 1px;
@@ -3770,7 +3780,7 @@
3770
3780
  }
3771
3781
  .e-schedule .e-month-view .e-work-cells,
3772
3782
  .e-schedule .e-month-agenda-view .e-work-cells {
3773
- background-color: #282727;
3783
+ background: #282727;
3774
3784
  border-color: #414040;
3775
3785
  border-style: solid;
3776
3786
  border-width: 0 0 1px;
@@ -3784,7 +3794,7 @@
3784
3794
  }
3785
3795
  .e-schedule .e-month-view .e-work-days,
3786
3796
  .e-schedule .e-month-agenda-view .e-work-days {
3787
- background-color: #201f1f;
3797
+ background: #201f1f;
3788
3798
  }
3789
3799
  .e-schedule .e-month-view .e-other-month,
3790
3800
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3792,14 +3802,14 @@
3792
3802
  }
3793
3803
  .e-schedule .e-month-view .e-current-date .e-date-header,
3794
3804
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3795
- background-color: #0074cc;
3805
+ background: #0074cc;
3796
3806
  border-radius: 50%;
3797
3807
  color: #fff;
3798
3808
  width: 20px;
3799
3809
  }
3800
3810
  .e-schedule .e-month-view .e-selected-cell,
3801
3811
  .e-schedule .e-month-agenda-view .e-selected-cell {
3802
- background-color: #514f4f;
3812
+ background: #514f4f;
3803
3813
  color: #dadada;
3804
3814
  }
3805
3815
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3812,7 +3822,7 @@
3812
3822
  }
3813
3823
  .e-schedule .e-month-view .e-selected-cell:hover,
3814
3824
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3815
- background-color: #514f4f;
3825
+ background: #514f4f;
3816
3826
  }
3817
3827
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3818
3828
  overflow: auto;
@@ -3839,7 +3849,7 @@
3839
3849
  }
3840
3850
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3841
3851
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3842
- background-color: #201f1f;
3852
+ background: #201f1f;
3843
3853
  border-color: #414040;
3844
3854
  border-style: solid;
3845
3855
  border-width: 0 0 1px 1px;
@@ -3852,7 +3862,7 @@
3852
3862
  }
3853
3863
  .e-schedule .e-timeline-view .e-work-cells,
3854
3864
  .e-schedule .e-timeline-month-view .e-work-cells {
3855
- background-color: #282727;
3865
+ background: #282727;
3856
3866
  border-color: #414040;
3857
3867
  border-style: solid;
3858
3868
  border-width: 0 0 1px 1px;
@@ -3866,37 +3876,37 @@
3866
3876
  }
3867
3877
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3868
3878
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3869
- background-color: rgba(0, 0, 0, 0.08);
3879
+ background: rgba(0, 0, 0, 0.08);
3870
3880
  }
3871
3881
  .e-schedule .e-timeline-view .e-work-days,
3872
3882
  .e-schedule .e-timeline-month-view .e-work-days {
3873
- background-color: #201f1f;
3883
+ background: #201f1f;
3874
3884
  }
3875
3885
  .e-schedule .e-timeline-view .e-resource-group-cells,
3876
3886
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3877
- background-color: #282727;
3887
+ background: #282727;
3878
3888
  }
3879
3889
  .e-schedule .e-timeline-view .e-selected-cell,
3880
3890
  .e-schedule .e-timeline-month-view .e-selected-cell {
3881
- background-color: #514f4f;
3891
+ background: #514f4f;
3882
3892
  color: #dadada;
3883
3893
  }
3884
3894
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3885
3895
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3886
- background-color: #514f4f;
3896
+ background: #514f4f;
3887
3897
  }
3888
3898
  .e-schedule .e-timeline-view .e-work-hours {
3889
- background-color: #201f1f;
3899
+ background: #201f1f;
3890
3900
  }
3891
3901
  .e-schedule .e-timeline-view .e-resource-group-cells {
3892
- background-color: #282727;
3902
+ background: #282727;
3893
3903
  }
3894
3904
  .e-schedule .e-timeline-view .e-selected-cell {
3895
- background-color: #514f4f;
3905
+ background: #514f4f;
3896
3906
  color: #dadada;
3897
3907
  }
3898
3908
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3899
- background-color: #514f4f;
3909
+ background: #514f4f;
3900
3910
  }
3901
3911
  .e-schedule .e-timeline-view .e-alternate-cells {
3902
3912
  border-left-style: dotted;
@@ -3913,7 +3923,7 @@
3913
3923
  border-left: 1px solid #0074cc;
3914
3924
  }
3915
3925
  .e-schedule .e-timeline-year-view .e-work-cells {
3916
- background-color: #282727;
3926
+ background: #282727;
3917
3927
  border-color: #414040;
3918
3928
  border-style: solid;
3919
3929
  border-width: 0 1px 1px 0;
@@ -3925,20 +3935,20 @@
3925
3935
  color: #dadada;
3926
3936
  }
3927
3937
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3928
- background-color: #201f1f;
3938
+ background: #201f1f;
3929
3939
  }
3930
3940
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3931
3941
  color: #dadada;
3932
3942
  }
3933
3943
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3934
- background-color: #0074cc;
3944
+ background: #0074cc;
3935
3945
  border-radius: 50%;
3936
3946
  color: #fff;
3937
3947
  margin: 2px;
3938
3948
  width: 20px;
3939
3949
  }
3940
3950
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3941
- background-color: #514f4f;
3951
+ background: #514f4f;
3942
3952
  color: #dadada;
3943
3953
  }
3944
3954
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3948,10 +3958,10 @@
3948
3958
  color: #dadada;
3949
3959
  }
3950
3960
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3951
- background-color: #514f4f;
3961
+ background: #514f4f;
3952
3962
  }
3953
3963
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3954
- background-color: rgba(0, 0, 0, 0.08);
3964
+ background: rgba(0, 0, 0, 0.08);
3955
3965
  }
3956
3966
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3957
3967
  cursor: default;
@@ -3961,14 +3971,14 @@
3961
3971
  text-decoration: none;
3962
3972
  }
3963
3973
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3964
- background-color: rgba(0, 0, 0, 0.08);
3974
+ background: rgba(0, 0, 0, 0.08);
3965
3975
  }
3966
3976
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3967
- background-color: rgba(0, 0, 0, 0.08);
3977
+ background: rgba(0, 0, 0, 0.08);
3968
3978
  box-shadow: inset 0 0 0 8px #282727;
3969
3979
  }
3970
3980
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
3971
- background-color: rgba(0, 0, 0, 0.08);
3981
+ background: rgba(0, 0, 0, 0.08);
3972
3982
  }
3973
3983
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
3974
3984
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4030,7 +4040,7 @@
4030
4040
  }
4031
4041
 
4032
4042
  .e-tooltip-wrap.e-schedule-error {
4033
- background-color: #fcdbe4;
4043
+ background: #fcdbe4;
4034
4044
  border-color: #fcdbe4;
4035
4045
  z-index: 1000;
4036
4046
  }