@syncfusion/ej2-schedule 20.4.53 → 21.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +321 -134
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +356 -155
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/common/calendar-util.d.ts +7 -0
  14. package/src/recurrence-editor/recurrence-editor.d.ts +10 -0
  15. package/src/schedule/actions/action-base.js +5 -0
  16. package/src/schedule/actions/crud.js +1 -0
  17. package/src/schedule/actions/data.d.ts +14 -2
  18. package/src/schedule/actions/data.js +26 -2
  19. package/src/schedule/actions/keyboard.js +10 -9
  20. package/src/schedule/base/interface.d.ts +23 -23
  21. package/src/schedule/base/resource.js +5 -6
  22. package/src/schedule/base/schedule-model.d.ts +34 -27
  23. package/src/schedule/base/schedule.d.ts +50 -27
  24. package/src/schedule/base/schedule.js +39 -7
  25. package/src/schedule/base/type.d.ts +66 -1
  26. package/src/schedule/event-renderer/agenda-base.js +6 -2
  27. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  28. package/src/schedule/event-renderer/event-base.js +26 -9
  29. package/src/schedule/event-renderer/month.js +4 -5
  30. package/src/schedule/event-renderer/vertical-view.d.ts +0 -1
  31. package/src/schedule/event-renderer/vertical-view.js +6 -30
  32. package/src/schedule/event-renderer/year.d.ts +1 -0
  33. package/src/schedule/event-renderer/year.js +135 -54
  34. package/src/schedule/models/event-settings-model.d.ts +11 -2
  35. package/src/schedule/models/event-settings.d.ts +10 -2
  36. package/src/schedule/models/event-settings.js +3 -0
  37. package/src/schedule/models/fields-model.d.ts +4 -2
  38. package/src/schedule/models/fields.d.ts +6 -4
  39. package/src/schedule/models/fields.js +2 -2
  40. package/src/schedule/models/header-rows-model.d.ts +5 -5
  41. package/src/schedule/models/header-rows.d.ts +5 -5
  42. package/src/schedule/models/quick-info-templates-model.d.ts +3 -3
  43. package/src/schedule/models/quick-info-templates.d.ts +3 -3
  44. package/src/schedule/models/views-model.d.ts +16 -15
  45. package/src/schedule/models/views.d.ts +16 -15
  46. package/src/schedule/popups/event-tooltip.js +2 -1
  47. package/src/schedule/popups/event-window.js +26 -5
  48. package/src/schedule/popups/quick-popups.js +32 -10
  49. package/src/schedule/renderer/header-renderer.js +1 -0
  50. package/src/schedule/renderer/month-agenda.d.ts +2 -1
  51. package/src/schedule/renderer/month-agenda.js +5 -0
  52. package/src/schedule/renderer/month.d.ts +1 -0
  53. package/src/schedule/renderer/month.js +5 -3
  54. package/src/schedule/renderer/timeline-year.js +12 -8
  55. package/src/schedule/renderer/vertical-view.js +1 -1
  56. package/src/schedule/renderer/view-base.js +3 -4
  57. package/src/schedule/renderer/year.js +5 -1
  58. package/styles/bootstrap-dark.css +99 -89
  59. package/styles/bootstrap.css +99 -89
  60. package/styles/bootstrap4.css +99 -89
  61. package/styles/bootstrap5-dark.css +110 -100
  62. package/styles/bootstrap5.css +110 -100
  63. package/styles/fabric-dark.css +98 -88
  64. package/styles/fabric.css +98 -88
  65. package/styles/fluent-dark.css +109 -99
  66. package/styles/fluent.css +109 -99
  67. package/styles/highcontrast-light.css +98 -88
  68. package/styles/highcontrast.css +98 -88
  69. package/styles/material-dark.css +98 -88
  70. package/styles/material.css +98 -88
  71. package/styles/recurrence-editor/_bootstrap5-definition.scss +1 -1
  72. package/styles/recurrence-editor/_fluent-definition.scss +1 -1
  73. package/styles/recurrence-editor/_tailwind-definition.scss +1 -1
  74. package/styles/schedule/_bootstrap-dark-definition.scss +8 -1
  75. package/styles/schedule/_bootstrap-definition.scss +8 -1
  76. package/styles/schedule/_bootstrap4-definition.scss +7 -0
  77. package/styles/schedule/_bootstrap5-definition.scss +17 -10
  78. package/styles/schedule/_fabric-dark-definition.scss +7 -0
  79. package/styles/schedule/_fabric-definition.scss +7 -0
  80. package/styles/schedule/_fluent-definition.scss +15 -8
  81. package/styles/schedule/_fusionnew-definition.scss +7 -0
  82. package/styles/schedule/_highcontrast-definition.scss +7 -0
  83. package/styles/schedule/_highcontrast-light-definition.scss +7 -0
  84. package/styles/schedule/_layout.scss +63 -48
  85. package/styles/schedule/_material-dark-definition.scss +7 -0
  86. package/styles/schedule/_material-definition.scss +7 -0
  87. package/styles/schedule/_tailwind-definition.scss +17 -10
  88. package/styles/schedule/_theme.scss +40 -41
  89. package/styles/schedule/bootstrap-dark.css +99 -89
  90. package/styles/schedule/bootstrap.css +99 -89
  91. package/styles/schedule/bootstrap4.css +99 -89
  92. package/styles/schedule/bootstrap5-dark.css +110 -100
  93. package/styles/schedule/bootstrap5.css +110 -100
  94. package/styles/schedule/fabric-dark.css +98 -88
  95. package/styles/schedule/fabric.css +98 -88
  96. package/styles/schedule/fluent-dark.css +109 -99
  97. package/styles/schedule/fluent.css +109 -99
  98. package/styles/schedule/highcontrast-light.css +98 -88
  99. package/styles/schedule/highcontrast.css +98 -88
  100. package/styles/schedule/material-dark.css +98 -88
  101. package/styles/schedule/material.css +98 -88
  102. package/styles/schedule/tailwind-dark.css +106 -96
  103. package/styles/schedule/tailwind.css +106 -96
  104. package/styles/tailwind-dark.css +106 -96
  105. package/styles/tailwind.css +106 -96
  106. package/styles/recurrence-editor/_material3-definition.scss +0 -13
  107. package/styles/schedule/_material3-definition.scss +0 -283
package/styles/fabric.css CHANGED
@@ -262,7 +262,6 @@
262
262
  user-select: none;
263
263
  }
264
264
  .e-schedule .e-schedule-toolbar {
265
- background: #fff;
266
265
  border: 0;
267
266
  border-bottom: 1px solid #dadada;
268
267
  box-shadow: none;
@@ -278,13 +277,17 @@
278
277
  font-size: 14px;
279
278
  text-transform: initial;
280
279
  }
281
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
282
- background: #fff;
283
- }
284
280
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
285
281
  height: 43px;
286
282
  min-height: 43px;
287
283
  }
284
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
285
+ border: none;
286
+ border-radius: 0;
287
+ }
288
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
289
+ border: none;
290
+ }
288
291
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
289
292
  height: inherit;
290
293
  }
@@ -312,12 +315,11 @@
312
315
  text-transform: initial;
313
316
  }
314
317
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
315
- background: #fff;
316
318
  border-left: 0;
317
319
  border-right: 1px solid #fff;
318
320
  }
319
321
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
320
- background-color: #f4f4f4;
322
+ background: #f4f4f4;
321
323
  color: #333;
322
324
  }
323
325
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -351,6 +353,10 @@
351
353
  height: 56px;
352
354
  min-height: 56px;
353
355
  }
356
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
357
+ border: none;
358
+ border-radius: 0;
359
+ }
354
360
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
355
361
  height: inherit;
356
362
  }
@@ -445,7 +451,7 @@
445
451
  padding: 0 0 0 12px;
446
452
  }
447
453
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
448
- background-color: #383838;
454
+ background: #383838;
449
455
  height: 100%;
450
456
  left: 0;
451
457
  opacity: 0.5;
@@ -454,7 +460,7 @@
454
460
  width: 100%;
455
461
  }
456
462
  .e-schedule .e-new-event {
457
- background-color: #0078d6;
463
+ background: #0078d6;
458
464
  border: 1px solid #fff;
459
465
  border-radius: 5px;
460
466
  height: 100%;
@@ -575,7 +581,7 @@
575
581
  z-index: 1;
576
582
  }
577
583
  .e-schedule .e-appointment .e-inline-subject {
578
- background-color: transparent;
584
+ background: transparent;
579
585
  border: 0;
580
586
  color: #fff;
581
587
  font-size: 13px;
@@ -895,17 +901,17 @@
895
901
  width: 36px;
896
902
  }
897
903
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
898
- background-color: rgba(0, 0, 0, 0.08);
904
+ background: rgba(0, 0, 0, 0.08);
899
905
  }
900
906
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
901
- background-color: rgba(0, 0, 0, 0.08);
907
+ background: rgba(0, 0, 0, 0.08);
902
908
  }
903
909
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
904
- background-color: rgba(0, 0, 0, 0.08);
910
+ background: rgba(0, 0, 0, 0.08);
905
911
  box-shadow: inset 0 0 0 8px #f8f8f8;
906
912
  }
907
913
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
908
- background-color: rgba(0, 0, 0, 0.08);
914
+ background: rgba(0, 0, 0, 0.08);
909
915
  }
910
916
  .e-schedule .e-vertical-view .e-current-time {
911
917
  font-size: 12px;
@@ -1212,7 +1218,7 @@
1212
1218
  visibility: hidden;
1213
1219
  }
1214
1220
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1215
- background-color: rgba(0, 0, 0, 0.08);
1221
+ background: rgba(0, 0, 0, 0.08);
1216
1222
  }
1217
1223
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1218
1224
  cursor: default;
@@ -1222,14 +1228,14 @@
1222
1228
  text-decoration: none;
1223
1229
  }
1224
1230
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1225
- background-color: rgba(0, 0, 0, 0.08);
1231
+ background: rgba(0, 0, 0, 0.08);
1226
1232
  }
1227
1233
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1228
- background-color: rgba(0, 0, 0, 0.08);
1234
+ background: rgba(0, 0, 0, 0.08);
1229
1235
  box-shadow: inset 0 0 0 8px #f8f8f8;
1230
1236
  }
1231
1237
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1232
- background-color: rgba(0, 0, 0, 0.08);
1238
+ background: rgba(0, 0, 0, 0.08);
1233
1239
  }
1234
1240
  .e-schedule .e-month-view .e-date-header {
1235
1241
  cursor: pointer;
@@ -1370,7 +1376,7 @@
1370
1376
  }
1371
1377
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1372
1378
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1373
- background-color: #0078d6;
1379
+ background: #0078d6;
1374
1380
  border-radius: 50%;
1375
1381
  height: 5px;
1376
1382
  margin: -6px auto 0;
@@ -1378,14 +1384,14 @@
1378
1384
  width: 5px;
1379
1385
  }
1380
1386
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1381
- background-color: rgba(0, 0, 0, 0.08);
1387
+ background: rgba(0, 0, 0, 0.08);
1382
1388
  cursor: default;
1383
1389
  }
1384
1390
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1385
1391
  cursor: default;
1386
1392
  }
1387
1393
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1388
- background-color: rgba(0, 0, 0, 0.08);
1394
+ background: rgba(0, 0, 0, 0.08);
1389
1395
  }
1390
1396
  .e-schedule .e-year-view .e-date-header-wrap {
1391
1397
  font-size: 13px;
@@ -1395,7 +1401,7 @@
1395
1401
  width: 36px;
1396
1402
  }
1397
1403
  .e-schedule .e-year-view .e-date-header-wrap table td {
1398
- background-color: #fff;
1404
+ background: #fff;
1399
1405
  border-color: #dadada;
1400
1406
  border-style: solid;
1401
1407
  border-width: 0 0 1px;
@@ -1436,7 +1442,7 @@
1436
1442
  }
1437
1443
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1438
1444
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1439
- background-color: #fff;
1445
+ background: #fff;
1440
1446
  border-color: #dadada;
1441
1447
  border-style: solid;
1442
1448
  border-width: 0 1px 1px 0;
@@ -1467,7 +1473,7 @@
1467
1473
  position: relative;
1468
1474
  }
1469
1475
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1470
- background-color: #f8f8f8;
1476
+ background: #f8f8f8;
1471
1477
  border-color: #d0d0d0;
1472
1478
  border-style: solid;
1473
1479
  border-width: 0 1px 1px 0;
@@ -1478,10 +1484,10 @@
1478
1484
  vertical-align: middle;
1479
1485
  }
1480
1486
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1481
- background-color: #fff;
1487
+ background: #fff;
1482
1488
  }
1483
1489
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1484
- background-color: #eaeaea;
1490
+ background: #eaeaea;
1485
1491
  }
1486
1492
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1487
1493
  height: 100%;
@@ -1700,7 +1706,7 @@
1700
1706
  }
1701
1707
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1702
1708
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1703
- background-color: #fff;
1709
+ background: #fff;
1704
1710
  overflow: inherit;
1705
1711
  }
1706
1712
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1722,11 +1728,11 @@
1722
1728
  }
1723
1729
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1724
1730
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1725
- background-color: rgba(0, 0, 0, 0.08);
1731
+ background: rgba(0, 0, 0, 0.08);
1726
1732
  }
1727
1733
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1728
1734
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1729
- background-color: rgba(0, 0, 0, 0.08);
1735
+ background: rgba(0, 0, 0, 0.08);
1730
1736
  }
1731
1737
  .e-schedule .e-timeline-view .e-resource-text,
1732
1738
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1738,7 +1744,7 @@
1738
1744
  }
1739
1745
  .e-schedule .e-timeline-view .e-resource-left-td,
1740
1746
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1741
- background-color: #fff;
1747
+ background: #fff;
1742
1748
  border-color: #dadada;
1743
1749
  border-style: solid;
1744
1750
  border-width: 0 1px 1px 0;
@@ -1748,7 +1754,7 @@
1748
1754
  }
1749
1755
  .e-schedule .e-timeline-view .e-resource-cells,
1750
1756
  .e-schedule .e-timeline-month-view .e-resource-cells {
1751
- background-color: #f8f8f8;
1757
+ background: #f8f8f8;
1752
1758
  border-color: #d0d0d0;
1753
1759
  border-style: solid;
1754
1760
  border-width: 0 1px 1px 0;
@@ -1760,7 +1766,7 @@
1760
1766
  }
1761
1767
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1762
1768
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1763
- background-color: #eaeaea;
1769
+ background: #eaeaea;
1764
1770
  }
1765
1771
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1766
1772
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1783,7 +1789,7 @@
1783
1789
  }
1784
1790
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1785
1791
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1786
- background-color: rgba(0, 0, 0, 0.08);
1792
+ background: rgba(0, 0, 0, 0.08);
1787
1793
  box-shadow: inset 0 0 0 8px #f8f8f8;
1788
1794
  }
1789
1795
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1801,7 +1807,7 @@
1801
1807
  }
1802
1808
  .e-schedule .e-timeline-view .e-child-node,
1803
1809
  .e-schedule .e-timeline-month-view .e-child-node {
1804
- background-color: #fff;
1810
+ background: #fff;
1805
1811
  }
1806
1812
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1807
1813
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2068,10 +2074,10 @@
2068
2074
  vertical-align: top;
2069
2075
  }
2070
2076
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2071
- background-color: rgba(0, 0, 0, 0.08);
2077
+ background: rgba(0, 0, 0, 0.08);
2072
2078
  }
2073
2079
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2074
- background-color: rgba(0, 0, 0, 0.08);
2080
+ background: rgba(0, 0, 0, 0.08);
2075
2081
  }
2076
2082
  .e-schedule .e-month-agenda-view .e-date-header {
2077
2083
  height: 24px;
@@ -2084,7 +2090,7 @@
2084
2090
  min-height: 40px;
2085
2091
  }
2086
2092
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2087
- background-color: #fff;
2093
+ background: #fff;
2088
2094
  overflow: auto;
2089
2095
  padding: 0 8px;
2090
2096
  }
@@ -2186,7 +2192,7 @@
2186
2192
  font-size: 14px;
2187
2193
  }
2188
2194
  .e-schedule .e-agenda-view {
2189
- background-color: #fff;
2195
+ background: #fff;
2190
2196
  }
2191
2197
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2192
2198
  .e-schedule .e-agenda-view .e-date-column {
@@ -2434,7 +2440,6 @@
2434
2440
  height: auto;
2435
2441
  line-height: 25px;
2436
2442
  margin: 4px 0;
2437
- min-height: 50px;
2438
2443
  min-width: 34px;
2439
2444
  padding: 0 1.5px;
2440
2445
  }
@@ -2449,7 +2454,6 @@
2449
2454
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2450
2455
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2451
2456
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2452
- height: 25px;
2453
2457
  padding-top: 0;
2454
2458
  }
2455
2459
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2953,6 +2957,8 @@
2953
2957
  }
2954
2958
  .e-schedule-dialog.e-device .e-repeat-container {
2955
2959
  display: block;
2960
+ padding-right: 35px;
2961
+ padding-left: 0;
2956
2962
  }
2957
2963
  .e-schedule-dialog.e-device .e-icon-down-arrow {
2958
2964
  font-size: 12px;
@@ -2976,6 +2982,10 @@
2976
2982
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
2977
2983
  padding-right: 0;
2978
2984
  }
2985
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
2986
+ padding-left: 35px;
2987
+ padding-right: 0;
2988
+ }
2979
2989
  .e-schedule-dialog.e-device .e-recurrence-container {
2980
2990
  position: relative;
2981
2991
  }
@@ -2996,7 +3006,7 @@
2996
3006
 
2997
3007
  /*! schedule quick popup */
2998
3008
  .e-quick-popup-wrapper {
2999
- background-color: #fff;
3009
+ background: #fff;
3000
3010
  border-radius: 2px;
3001
3011
  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);
3002
3012
  color: #333;
@@ -3050,7 +3060,7 @@
3050
3060
  height: 40px;
3051
3061
  }
3052
3062
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3053
- background-color: #fff;
3063
+ background: #fff;
3054
3064
  }
3055
3065
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3056
3066
  padding: 5px 5px 2px;
@@ -3095,7 +3105,7 @@
3095
3105
  padding: 0 18px 8px;
3096
3106
  }
3097
3107
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3098
- background-color: rgba(0, 120, 214, 0.3);
3108
+ background: rgba(0, 120, 214, 0.3);
3099
3109
  border-left: 6px solid #0078d6;
3100
3110
  border-radius: 2px;
3101
3111
  color: #333;
@@ -3122,7 +3132,7 @@
3122
3132
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3123
3133
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3124
3134
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3125
- background-color: transparent;
3135
+ background: transparent;
3126
3136
  border: 0;
3127
3137
  }
3128
3138
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3236,7 +3246,7 @@
3236
3246
  z-index: 1004;
3237
3247
  }
3238
3248
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3239
- background-color: #f4f4f4;
3249
+ background: #f4f4f4;
3240
3250
  }
3241
3251
  .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,
3242
3252
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3275,7 +3285,7 @@
3275
3285
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3276
3286
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3277
3287
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3278
- background-color: transparent;
3288
+ background: transparent;
3279
3289
  border: 0;
3280
3290
  color: #333;
3281
3291
  height: 40px;
@@ -3450,7 +3460,7 @@
3450
3460
 
3451
3461
  .e-bigger .e-more-popup-wrapper,
3452
3462
  .e-more-popup-wrapper {
3453
- background-color: #fff;
3463
+ background: #fff;
3454
3464
  border: 1px solid #e0e0e0;
3455
3465
  border-radius: 2px;
3456
3466
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
@@ -3520,7 +3530,7 @@
3520
3530
  }
3521
3531
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3522
3532
  .e-more-popup-wrapper .e-more-event-close {
3523
- background-color: transparent;
3533
+ background: transparent;
3524
3534
  border: 0;
3525
3535
  box-shadow: none;
3526
3536
  color: #767676;
@@ -3542,7 +3552,7 @@
3542
3552
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3543
3553
  .e-more-popup-wrapper .e-more-event-close:focus,
3544
3554
  .e-more-popup-wrapper .e-more-event-close:hover {
3545
- background-color: #eaeaea;
3555
+ background: #eaeaea;
3546
3556
  border-radius: 50%;
3547
3557
  color: #000;
3548
3558
  }
@@ -3617,7 +3627,7 @@
3617
3627
 
3618
3628
  /*! schedule component theme */
3619
3629
  .e-schedule {
3620
- background-color: #fff;
3630
+ background: #fff;
3621
3631
  border: 1px solid #d0d0d0;
3622
3632
  }
3623
3633
  .e-schedule .e-date-header-wrap {
@@ -3635,13 +3645,13 @@
3635
3645
  border-left-width: 0;
3636
3646
  }
3637
3647
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3638
- background-color: #fff;
3648
+ background: #fff;
3639
3649
  }
3640
3650
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3641
3651
  background: #eaeaea;
3642
3652
  }
3643
3653
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3644
- background-color: #fff;
3654
+ background: #fff;
3645
3655
  border-color: #dadada;
3646
3656
  border-style: solid;
3647
3657
  border-width: 0 1px 1px 0;
@@ -3661,7 +3671,7 @@
3661
3671
  border-bottom-color: transparent;
3662
3672
  }
3663
3673
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3664
- background-color: #fff;
3674
+ background: #fff;
3665
3675
  border-color: #dadada;
3666
3676
  border-style: solid;
3667
3677
  border-width: 0 0 1px 1px;
@@ -3672,7 +3682,7 @@
3672
3682
  border-bottom-width: 0;
3673
3683
  }
3674
3684
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3675
- background-color: #fff;
3685
+ background: #fff;
3676
3686
  border-color: #d0d0d0;
3677
3687
  border-style: solid;
3678
3688
  border-width: 0 1px 1px 0;
@@ -3685,14 +3695,14 @@
3685
3695
  border-bottom-color: #d0d0d0;
3686
3696
  }
3687
3697
  .e-schedule .e-vertical-view .e-header-cells {
3688
- background-color: #fff;
3698
+ background: #fff;
3689
3699
  }
3690
3700
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3691
3701
  color: #0078d6;
3692
3702
  font-weight: normal;
3693
3703
  }
3694
3704
  .e-schedule .e-vertical-view .e-work-cells {
3695
- background-color: #f8f8f8;
3705
+ background: #f8f8f8;
3696
3706
  border-color: #d0d0d0;
3697
3707
  border-style: solid;
3698
3708
  border-width: 0 0 1px 1px;
@@ -3706,28 +3716,28 @@
3706
3716
  border-bottom-style: dotted;
3707
3717
  }
3708
3718
  .e-schedule .e-vertical-view .e-work-hours {
3709
- background-color: #fff;
3719
+ background: #fff;
3710
3720
  }
3711
3721
  .e-schedule .e-vertical-view .e-all-day-cells {
3712
- background-color: #fff;
3722
+ background: #fff;
3713
3723
  }
3714
3724
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3715
3725
  color: #0078d6;
3716
3726
  }
3717
3727
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3718
- background-color: #b7e0ff;
3728
+ background: #b7e0ff;
3719
3729
  color: #333;
3720
3730
  }
3721
3731
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3722
- background-color: #b7e0ff;
3732
+ background: #b7e0ff;
3723
3733
  color: #333;
3724
3734
  }
3725
3735
  .e-schedule .e-vertical-view .e-selected-cell {
3726
- background-color: #b7e0ff;
3736
+ background: #b7e0ff;
3727
3737
  color: #333;
3728
3738
  }
3729
3739
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3730
- background-color: #b7e0ff;
3740
+ background: #b7e0ff;
3731
3741
  color: #333;
3732
3742
  }
3733
3743
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3749,7 +3759,7 @@
3749
3759
  }
3750
3760
  .e-schedule .e-month-view .e-date-header-wrap table td,
3751
3761
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3752
- background-color: #fff;
3762
+ background: #fff;
3753
3763
  border-color: #dadada;
3754
3764
  border-style: solid;
3755
3765
  border-width: 0 0 1px;
@@ -3765,7 +3775,7 @@
3765
3775
  }
3766
3776
  .e-schedule .e-month-view .e-work-cells,
3767
3777
  .e-schedule .e-month-agenda-view .e-work-cells {
3768
- background-color: #f8f8f8;
3778
+ background: #f8f8f8;
3769
3779
  border-color: #d0d0d0;
3770
3780
  border-style: solid;
3771
3781
  border-width: 0 0 1px;
@@ -3779,7 +3789,7 @@
3779
3789
  }
3780
3790
  .e-schedule .e-month-view .e-work-days,
3781
3791
  .e-schedule .e-month-agenda-view .e-work-days {
3782
- background-color: #fff;
3792
+ background: #fff;
3783
3793
  }
3784
3794
  .e-schedule .e-month-view .e-other-month,
3785
3795
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3787,14 +3797,14 @@
3787
3797
  }
3788
3798
  .e-schedule .e-month-view .e-current-date .e-date-header,
3789
3799
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3790
- background-color: #0078d6;
3800
+ background: #0078d6;
3791
3801
  border-radius: 50%;
3792
3802
  color: #fff;
3793
3803
  width: 20px;
3794
3804
  }
3795
3805
  .e-schedule .e-month-view .e-selected-cell,
3796
3806
  .e-schedule .e-month-agenda-view .e-selected-cell {
3797
- background-color: #b7e0ff;
3807
+ background: #b7e0ff;
3798
3808
  color: #333;
3799
3809
  }
3800
3810
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3807,7 +3817,7 @@
3807
3817
  }
3808
3818
  .e-schedule .e-month-view .e-selected-cell:hover,
3809
3819
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3810
- background-color: #b7e0ff;
3820
+ background: #b7e0ff;
3811
3821
  }
3812
3822
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3813
3823
  overflow: auto;
@@ -3834,7 +3844,7 @@
3834
3844
  }
3835
3845
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3836
3846
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3837
- background-color: #fff;
3847
+ background: #fff;
3838
3848
  border-color: #dadada;
3839
3849
  border-style: solid;
3840
3850
  border-width: 0 0 1px 1px;
@@ -3847,7 +3857,7 @@
3847
3857
  }
3848
3858
  .e-schedule .e-timeline-view .e-work-cells,
3849
3859
  .e-schedule .e-timeline-month-view .e-work-cells {
3850
- background-color: #f8f8f8;
3860
+ background: #f8f8f8;
3851
3861
  border-color: #d0d0d0;
3852
3862
  border-style: solid;
3853
3863
  border-width: 0 0 1px 1px;
@@ -3861,37 +3871,37 @@
3861
3871
  }
3862
3872
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3863
3873
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3864
- background-color: rgba(0, 0, 0, 0.08);
3874
+ background: rgba(0, 0, 0, 0.08);
3865
3875
  }
3866
3876
  .e-schedule .e-timeline-view .e-work-days,
3867
3877
  .e-schedule .e-timeline-month-view .e-work-days {
3868
- background-color: #fff;
3878
+ background: #fff;
3869
3879
  }
3870
3880
  .e-schedule .e-timeline-view .e-resource-group-cells,
3871
3881
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3872
- background-color: #f8f8f8;
3882
+ background: #f8f8f8;
3873
3883
  }
3874
3884
  .e-schedule .e-timeline-view .e-selected-cell,
3875
3885
  .e-schedule .e-timeline-month-view .e-selected-cell {
3876
- background-color: #b7e0ff;
3886
+ background: #b7e0ff;
3877
3887
  color: #333;
3878
3888
  }
3879
3889
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3880
3890
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3881
- background-color: #b7e0ff;
3891
+ background: #b7e0ff;
3882
3892
  }
3883
3893
  .e-schedule .e-timeline-view .e-work-hours {
3884
- background-color: #fff;
3894
+ background: #fff;
3885
3895
  }
3886
3896
  .e-schedule .e-timeline-view .e-resource-group-cells {
3887
- background-color: #f8f8f8;
3897
+ background: #f8f8f8;
3888
3898
  }
3889
3899
  .e-schedule .e-timeline-view .e-selected-cell {
3890
- background-color: #b7e0ff;
3900
+ background: #b7e0ff;
3891
3901
  color: #333;
3892
3902
  }
3893
3903
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3894
- background-color: #b7e0ff;
3904
+ background: #b7e0ff;
3895
3905
  }
3896
3906
  .e-schedule .e-timeline-view .e-alternate-cells {
3897
3907
  border-left-style: dotted;
@@ -3908,7 +3918,7 @@
3908
3918
  border-left: 1px solid #0078d6;
3909
3919
  }
3910
3920
  .e-schedule .e-timeline-year-view .e-work-cells {
3911
- background-color: #f8f8f8;
3921
+ background: #f8f8f8;
3912
3922
  border-color: #d0d0d0;
3913
3923
  border-style: solid;
3914
3924
  border-width: 0 1px 1px 0;
@@ -3920,20 +3930,20 @@
3920
3930
  color: #333;
3921
3931
  }
3922
3932
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3923
- background-color: #fff;
3933
+ background: #fff;
3924
3934
  }
3925
3935
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3926
3936
  color: #767676;
3927
3937
  }
3928
3938
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3929
- background-color: #0078d6;
3939
+ background: #0078d6;
3930
3940
  border-radius: 50%;
3931
3941
  color: #fff;
3932
3942
  margin: 2px;
3933
3943
  width: 20px;
3934
3944
  }
3935
3945
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3936
- background-color: #b7e0ff;
3946
+ background: #b7e0ff;
3937
3947
  color: #333;
3938
3948
  }
3939
3949
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3943,10 +3953,10 @@
3943
3953
  color: #333;
3944
3954
  }
3945
3955
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3946
- background-color: #b7e0ff;
3956
+ background: #b7e0ff;
3947
3957
  }
3948
3958
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3949
- background-color: rgba(0, 0, 0, 0.08);
3959
+ background: rgba(0, 0, 0, 0.08);
3950
3960
  }
3951
3961
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3952
3962
  cursor: default;
@@ -3956,14 +3966,14 @@
3956
3966
  text-decoration: none;
3957
3967
  }
3958
3968
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3959
- background-color: rgba(0, 0, 0, 0.08);
3969
+ background: rgba(0, 0, 0, 0.08);
3960
3970
  }
3961
3971
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3962
- background-color: rgba(0, 0, 0, 0.08);
3972
+ background: rgba(0, 0, 0, 0.08);
3963
3973
  box-shadow: inset 0 0 0 8px #f8f8f8;
3964
3974
  }
3965
3975
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
3966
- background-color: rgba(0, 0, 0, 0.08);
3976
+ background: rgba(0, 0, 0, 0.08);
3967
3977
  }
3968
3978
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
3969
3979
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4025,7 +4035,7 @@
4025
4035
  }
4026
4036
 
4027
4037
  .e-tooltip-wrap.e-schedule-error {
4028
- background-color: #fcdbe4;
4038
+ background: #fcdbe4;
4029
4039
  border-color: #fcdbe4;
4030
4040
  z-index: 1000;
4031
4041
  }