@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
@@ -353,7 +353,6 @@
353
353
  user-select: none;
354
354
  }
355
355
  .e-schedule .e-schedule-toolbar {
356
- background: #282d31;
357
356
  border: 0;
358
357
  border-bottom: 0;
359
358
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
@@ -369,13 +368,17 @@
369
368
  font-size: 14px;
370
369
  text-transform: none;
371
370
  }
372
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
373
- background: #282d31;
374
- }
375
371
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
376
372
  height: 38px;
377
373
  min-height: 38px;
378
374
  }
375
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
376
+ border: none;
377
+ border-radius: 0;
378
+ }
379
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
380
+ border: none;
381
+ }
379
382
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
380
383
  height: inherit;
381
384
  }
@@ -403,12 +406,11 @@
403
406
  text-transform: initial;
404
407
  }
405
408
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
406
- background: #282d31;
407
409
  border-left: 0;
408
410
  border-right: 1px solid #444c54;
409
411
  }
410
412
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
411
- background-color: #495057;
413
+ background: #495057;
412
414
  color: rgba(13, 110, 253, 0.87);
413
415
  }
414
416
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -442,6 +444,10 @@
442
444
  height: 54px;
443
445
  min-height: 54px;
444
446
  }
447
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
448
+ border: none;
449
+ border-radius: 0;
450
+ }
445
451
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
446
452
  height: inherit;
447
453
  }
@@ -536,7 +542,7 @@
536
542
  padding: 0 0 0 12px;
537
543
  }
538
544
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
539
- background-color: rgba(0, 0, 0, 0.4);
545
+ background: rgba(0, 0, 0, 0.4);
540
546
  height: 100%;
541
547
  left: 0;
542
548
  opacity: 0.5;
@@ -545,7 +551,7 @@
545
551
  width: 100%;
546
552
  }
547
553
  .e-schedule .e-new-event {
548
- background-color: #0d6efd;
554
+ background: #0d6efd;
549
555
  border: 1px solid #fff;
550
556
  border-radius: 5px;
551
557
  height: 100%;
@@ -608,7 +614,7 @@
608
614
  }
609
615
  .e-schedule .e-recurrence-icon,
610
616
  .e-schedule .e-recurrence-edit-icon {
611
- font-size: 11px;
617
+ font-size: 12px;
612
618
  }
613
619
  .e-schedule .e-left-icon,
614
620
  .e-schedule .e-right-icon {
@@ -666,7 +672,7 @@
666
672
  z-index: 1;
667
673
  }
668
674
  .e-schedule .e-appointment .e-inline-subject {
669
- background-color: transparent;
675
+ background: transparent;
670
676
  border: 0;
671
677
  color: #fff;
672
678
  font-size: 13px;
@@ -986,17 +992,17 @@
986
992
  width: 36px;
987
993
  }
988
994
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
989
- background-color: #343a40;
995
+ background: #343a40;
990
996
  }
991
997
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
992
- background-color: #343a40;
998
+ background: #343a40;
993
999
  }
994
1000
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
995
- background-color: #343a40;
1001
+ background: #343a40;
996
1002
  box-shadow: inset 0 0 0 8px #282d31;
997
1003
  }
998
1004
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
999
- background-color: #343a40;
1005
+ background: #343a40;
1000
1006
  }
1001
1007
  .e-schedule .e-vertical-view .e-current-time {
1002
1008
  font-size: 10px;
@@ -1200,7 +1206,7 @@
1200
1206
  width: 35px;
1201
1207
  }
1202
1208
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1203
- font-size: 11px;
1209
+ font-size: 12px;
1204
1210
  }
1205
1211
  .e-schedule.e-device .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
1206
1212
  font-weight: 500;
@@ -1270,7 +1276,7 @@
1270
1276
  .e-schedule .e-month-view .e-week-number {
1271
1277
  border-bottom: 1px solid #444c54;
1272
1278
  border-right: 1px solid #444c54;
1273
- height: 70px;
1279
+ height: 80px;
1274
1280
  }
1275
1281
  .e-schedule .e-month-view .e-content-wrap {
1276
1282
  font-size: 14px;
@@ -1303,7 +1309,7 @@
1303
1309
  visibility: hidden;
1304
1310
  }
1305
1311
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1306
- background-color: #343a40;
1312
+ background: #343a40;
1307
1313
  }
1308
1314
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1309
1315
  cursor: default;
@@ -1313,14 +1319,14 @@
1313
1319
  text-decoration: none;
1314
1320
  }
1315
1321
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1316
- background-color: #343a40;
1322
+ background: #343a40;
1317
1323
  }
1318
1324
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1319
- background-color: #343a40;
1325
+ background: #343a40;
1320
1326
  box-shadow: inset 0 0 0 8px #282d31;
1321
1327
  }
1322
1328
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1323
- background-color: #343a40;
1329
+ background: #343a40;
1324
1330
  }
1325
1331
  .e-schedule .e-month-view .e-date-header {
1326
1332
  cursor: pointer;
@@ -1461,7 +1467,7 @@
1461
1467
  }
1462
1468
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1463
1469
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1464
- background-color: #0d6efd;
1470
+ background: #0d6efd;
1465
1471
  border-radius: 50%;
1466
1472
  height: 5px;
1467
1473
  margin: -6px auto 0;
@@ -1469,14 +1475,14 @@
1469
1475
  width: 5px;
1470
1476
  }
1471
1477
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1472
- background-color: #343a40;
1478
+ background: #343a40;
1473
1479
  cursor: default;
1474
1480
  }
1475
1481
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1476
1482
  cursor: default;
1477
1483
  }
1478
1484
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1479
- background-color: #343a40;
1485
+ background: #343a40;
1480
1486
  }
1481
1487
  .e-schedule .e-year-view .e-date-header-wrap {
1482
1488
  font-size: 14px;
@@ -1486,7 +1492,7 @@
1486
1492
  width: 36px;
1487
1493
  }
1488
1494
  .e-schedule .e-year-view .e-date-header-wrap table td {
1489
- background-color: #212529;
1495
+ background: #212529;
1490
1496
  border-color: #444c54;
1491
1497
  border-style: solid;
1492
1498
  border-width: 0 0 1px 1px;
@@ -1527,7 +1533,7 @@
1527
1533
  }
1528
1534
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1529
1535
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1530
- background-color: #212529;
1536
+ background: #212529;
1531
1537
  border-color: #444c54;
1532
1538
  border-style: solid;
1533
1539
  border-width: 0 1px 1px 0;
@@ -1558,7 +1564,7 @@
1558
1564
  position: relative;
1559
1565
  }
1560
1566
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1561
- background-color: #282d31;
1567
+ background: #282d31;
1562
1568
  border-color: #444c54;
1563
1569
  border-style: solid;
1564
1570
  border-width: 0 1px 1px 0;
@@ -1569,10 +1575,10 @@
1569
1575
  vertical-align: middle;
1570
1576
  }
1571
1577
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1572
- background-color: #212529;
1578
+ background: #212529;
1573
1579
  }
1574
1580
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1575
- background-color: #23282c;
1581
+ background: #23282c;
1576
1582
  }
1577
1583
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1578
1584
  height: 100%;
@@ -1791,7 +1797,7 @@
1791
1797
  }
1792
1798
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1793
1799
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1794
- background-color: #282d31;
1800
+ background: #282d31;
1795
1801
  overflow: inherit;
1796
1802
  }
1797
1803
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1813,11 +1819,11 @@
1813
1819
  }
1814
1820
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1815
1821
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1816
- background-color: #343a40;
1822
+ background: #343a40;
1817
1823
  }
1818
1824
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1819
1825
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1820
- background-color: #343a40;
1826
+ background: #343a40;
1821
1827
  }
1822
1828
  .e-schedule .e-timeline-view .e-resource-text,
1823
1829
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1829,7 +1835,7 @@
1829
1835
  }
1830
1836
  .e-schedule .e-timeline-view .e-resource-left-td,
1831
1837
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1832
- background-color: #212529;
1838
+ background: #212529;
1833
1839
  border-color: #444c54;
1834
1840
  border-style: solid;
1835
1841
  border-width: 0 1px 1px 0;
@@ -1839,7 +1845,7 @@
1839
1845
  }
1840
1846
  .e-schedule .e-timeline-view .e-resource-cells,
1841
1847
  .e-schedule .e-timeline-month-view .e-resource-cells {
1842
- background-color: #282d31;
1848
+ background: #282d31;
1843
1849
  border-color: #444c54;
1844
1850
  border-style: solid;
1845
1851
  border-width: 0 1px 1px 0;
@@ -1851,7 +1857,7 @@
1851
1857
  }
1852
1858
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1853
1859
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1854
- background-color: #23282c;
1860
+ background: #23282c;
1855
1861
  }
1856
1862
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1857
1863
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1874,7 +1880,7 @@
1874
1880
  }
1875
1881
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1876
1882
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1877
- background-color: #343a40;
1883
+ background: #343a40;
1878
1884
  box-shadow: inset 0 0 0 8px #282d31;
1879
1885
  }
1880
1886
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1892,7 +1898,7 @@
1892
1898
  }
1893
1899
  .e-schedule .e-timeline-view .e-child-node,
1894
1900
  .e-schedule .e-timeline-month-view .e-child-node {
1895
- background-color: #212529;
1901
+ background: #212529;
1896
1902
  }
1897
1903
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1898
1904
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2159,10 +2165,10 @@
2159
2165
  vertical-align: top;
2160
2166
  }
2161
2167
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2162
- background-color: #343a40;
2168
+ background: #343a40;
2163
2169
  }
2164
2170
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2165
- background-color: #343a40;
2171
+ background: #343a40;
2166
2172
  }
2167
2173
  .e-schedule .e-month-agenda-view .e-date-header {
2168
2174
  height: 24px;
@@ -2175,7 +2181,7 @@
2175
2181
  min-height: 40px;
2176
2182
  }
2177
2183
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2178
- background-color: #212529;
2184
+ background: #212529;
2179
2185
  overflow: auto;
2180
2186
  padding: 0 8px;
2181
2187
  }
@@ -2277,7 +2283,7 @@
2277
2283
  font-size: 14px;
2278
2284
  }
2279
2285
  .e-schedule .e-agenda-view {
2280
- background-color: #212529;
2286
+ background: #212529;
2281
2287
  }
2282
2288
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2283
2289
  .e-schedule .e-agenda-view .e-date-column {
@@ -2490,7 +2496,7 @@
2490
2496
  }
2491
2497
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
2492
2498
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
2493
- font-size: 22px;
2499
+ font-size: 24px;
2494
2500
  }
2495
2501
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
2496
2502
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
@@ -2525,22 +2531,20 @@
2525
2531
  height: auto;
2526
2532
  line-height: 25px;
2527
2533
  margin: 4px 0;
2528
- min-height: 24px;
2529
2534
  min-width: 24px;
2530
- padding: 8px;
2535
+ padding: 0 1.5px;
2531
2536
  }
2532
2537
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2533
2538
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2534
2539
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2535
2540
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
2536
2541
  padding: 2px 0 0 12px;
2537
- font-size: 22px;
2542
+ font-size: 24px;
2538
2543
  }
2539
2544
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2540
2545
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2541
2546
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2542
2547
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2543
- height: 25px;
2544
2548
  padding-top: 3px;
2545
2549
  }
2546
2550
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2575,7 +2579,7 @@
2575
2579
  }
2576
2580
  .e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td,
2577
2581
  .e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
2578
- font-size: 11px;
2582
+ font-size: 12px;
2579
2583
  }
2580
2584
  .e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
2581
2585
  .e-bigger .e-schedule.e-device .e-vertical-view .e-current-time,
@@ -3044,6 +3048,8 @@
3044
3048
  }
3045
3049
  .e-schedule-dialog.e-device .e-repeat-container {
3046
3050
  display: block;
3051
+ padding-right: 35px;
3052
+ padding-left: 0;
3047
3053
  }
3048
3054
  .e-schedule-dialog.e-device .e-icon-down-arrow {
3049
3055
  font-size: 18px;
@@ -3067,6 +3073,10 @@
3067
3073
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
3068
3074
  padding-right: 0;
3069
3075
  }
3076
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
3077
+ padding-left: 35px;
3078
+ padding-right: 0;
3079
+ }
3070
3080
  .e-schedule-dialog.e-device .e-recurrence-container {
3071
3081
  position: relative;
3072
3082
  }
@@ -3087,7 +3097,7 @@
3087
3097
 
3088
3098
  /*! schedule quick popup */
3089
3099
  .e-quick-popup-wrapper {
3090
- background-color: #212529;
3100
+ background: #212529;
3091
3101
  border-radius: 6px;
3092
3102
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175), 0 16px 48px rgba(0, 0, 0, 0.175), 0 16px 48px rgba(0, 0, 0, 0.175);
3093
3103
  color: #fff;
@@ -3141,7 +3151,7 @@
3141
3151
  height: 30px;
3142
3152
  }
3143
3153
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3144
- background-color: #212529;
3154
+ background: #212529;
3145
3155
  }
3146
3156
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3147
3157
  padding: 6px 8px 0 0;
@@ -3186,7 +3196,7 @@
3186
3196
  padding: 12px 18px;
3187
3197
  }
3188
3198
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3189
- background-color: rgba(13, 110, 253, 0.3);
3199
+ background: rgba(13, 110, 253, 0.3);
3190
3200
  border-left: 6px solid #0d6efd;
3191
3201
  border-radius: 4px;
3192
3202
  color: #fff;
@@ -3213,7 +3223,7 @@
3213
3223
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3214
3224
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3215
3225
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3216
- background-color: transparent;
3226
+ background: transparent;
3217
3227
  border: 0;
3218
3228
  }
3219
3229
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3327,7 +3337,7 @@
3327
3337
  z-index: 1004;
3328
3338
  }
3329
3339
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3330
- background-color: #212529;
3340
+ background: #212529;
3331
3341
  }
3332
3342
  .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,
3333
3343
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3366,7 +3376,7 @@
3366
3376
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3367
3377
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3368
3378
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3369
- background-color: #212529;
3379
+ background: #212529;
3370
3380
  border: 0;
3371
3381
  color: #adb5bd;
3372
3382
  height: 40px;
@@ -3428,7 +3438,7 @@
3428
3438
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
3429
3439
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
3430
3440
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3431
- font-size: 22px;
3441
+ font-size: 24px;
3432
3442
  }
3433
3443
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
3434
3444
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
@@ -3541,7 +3551,7 @@
3541
3551
 
3542
3552
  .e-bigger .e-more-popup-wrapper,
3543
3553
  .e-more-popup-wrapper {
3544
- background-color: #212529;
3554
+ background: #212529;
3545
3555
  border: 1px solid #444c54;
3546
3556
  border-radius: 6px;
3547
3557
  box-shadow: none;
@@ -3611,7 +3621,7 @@
3611
3621
  }
3612
3622
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3613
3623
  .e-more-popup-wrapper .e-more-event-close {
3614
- background-color: transparent;
3624
+ background: transparent;
3615
3625
  border: 0;
3616
3626
  box-shadow: none;
3617
3627
  color: #adb5bd;
@@ -3633,7 +3643,7 @@
3633
3643
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3634
3644
  .e-more-popup-wrapper .e-more-event-close:focus,
3635
3645
  .e-more-popup-wrapper .e-more-event-close:hover {
3636
- background-color: #212529;
3646
+ background: #212529;
3637
3647
  border-radius: 50%;
3638
3648
  color: #0d6efd;
3639
3649
  }
@@ -3708,7 +3718,7 @@
3708
3718
 
3709
3719
  /*! schedule component theme */
3710
3720
  .e-schedule {
3711
- background-color: #212529;
3721
+ background: #212529;
3712
3722
  border: 1px solid #444c54;
3713
3723
  }
3714
3724
  .e-schedule .e-date-header-wrap {
@@ -3726,13 +3736,13 @@
3726
3736
  border-left-width: 0;
3727
3737
  }
3728
3738
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3729
- background-color: #212529;
3739
+ background: #212529;
3730
3740
  }
3731
3741
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3732
3742
  background: #23282c;
3733
3743
  }
3734
3744
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3735
- background-color: #212529;
3745
+ background: #212529;
3736
3746
  border-color: #444c54;
3737
3747
  border-style: solid;
3738
3748
  border-width: 0 1px 1px 0;
@@ -3752,7 +3762,7 @@
3752
3762
  border-bottom-color: transparent;
3753
3763
  }
3754
3764
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3755
- background-color: #212529;
3765
+ background: #212529;
3756
3766
  border-color: #444c54;
3757
3767
  border-style: solid;
3758
3768
  border-width: 0 0 1px 1px;
@@ -3763,7 +3773,7 @@
3763
3773
  border-bottom-width: 0;
3764
3774
  }
3765
3775
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3766
- background-color: #343a40;
3776
+ background: #343a40;
3767
3777
  border-color: #444c54;
3768
3778
  border-style: solid;
3769
3779
  border-width: 0 1px 1px 0;
@@ -3776,14 +3786,14 @@
3776
3786
  border-bottom-color: none;
3777
3787
  }
3778
3788
  .e-schedule .e-vertical-view .e-header-cells {
3779
- background-color: #212529;
3789
+ background: #212529;
3780
3790
  }
3781
3791
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3782
3792
  color: #0d6efd;
3783
- font-weight: normal;
3793
+ font-weight: 400;
3784
3794
  }
3785
3795
  .e-schedule .e-vertical-view .e-work-cells {
3786
- background-color: #282d31;
3796
+ background: #282d31;
3787
3797
  border-color: #444c54;
3788
3798
  border-style: solid;
3789
3799
  border-width: 0 0 1px 1px;
@@ -3797,28 +3807,28 @@
3797
3807
  border-bottom-style: dotted;
3798
3808
  }
3799
3809
  .e-schedule .e-vertical-view .e-work-hours {
3800
- background-color: #212529;
3810
+ background: #212529;
3801
3811
  }
3802
3812
  .e-schedule .e-vertical-view .e-all-day-cells {
3803
- background-color: #212529;
3813
+ background: #212529;
3804
3814
  }
3805
3815
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3806
3816
  color: #0d6efd;
3807
3817
  }
3808
3818
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3809
- background-color: #343a40;
3819
+ background: #343a40;
3810
3820
  color: #fff;
3811
3821
  }
3812
3822
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3813
- background-color: #343a40;
3823
+ background: #343a40;
3814
3824
  color: #212529;
3815
3825
  }
3816
3826
  .e-schedule .e-vertical-view .e-selected-cell {
3817
- background-color: #343a40;
3827
+ background: #343a40;
3818
3828
  color: #fff;
3819
3829
  }
3820
3830
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3821
- background-color: #343a40;
3831
+ background: #343a40;
3822
3832
  color: #212529;
3823
3833
  }
3824
3834
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3840,23 +3850,23 @@
3840
3850
  }
3841
3851
  .e-schedule .e-month-view .e-date-header-wrap table td,
3842
3852
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3843
- background-color: #212529;
3853
+ background: #212529;
3844
3854
  border-color: #444c54;
3845
3855
  border-style: solid;
3846
3856
  border-width: 0 0 1px 1px;
3847
3857
  color: #e9ecef;
3848
- font-size: none;
3858
+ font-size: 16px;
3849
3859
  text-align: left;
3850
3860
  text-transform: none;
3851
3861
  }
3852
3862
  .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
3853
3863
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
3854
3864
  color: #0d6efd;
3855
- font-weight: normal;
3865
+ font-weight: 400;
3856
3866
  }
3857
3867
  .e-schedule .e-month-view .e-work-cells,
3858
3868
  .e-schedule .e-month-agenda-view .e-work-cells {
3859
- background-color: #282d31;
3869
+ background: #282d31;
3860
3870
  border-color: #444c54;
3861
3871
  border-style: solid;
3862
3872
  border-width: 0 0 1px 1px;
@@ -3870,7 +3880,7 @@
3870
3880
  }
3871
3881
  .e-schedule .e-month-view .e-work-days,
3872
3882
  .e-schedule .e-month-agenda-view .e-work-days {
3873
- background-color: #212529;
3883
+ background: #212529;
3874
3884
  }
3875
3885
  .e-schedule .e-month-view .e-other-month,
3876
3886
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3878,14 +3888,14 @@
3878
3888
  }
3879
3889
  .e-schedule .e-month-view .e-current-date .e-date-header,
3880
3890
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3881
- background-color: #0d6efd;
3891
+ background: #0d6efd;
3882
3892
  border-radius: 50%;
3883
3893
  color: #212529;
3884
3894
  width: 20px;
3885
3895
  }
3886
3896
  .e-schedule .e-month-view .e-selected-cell,
3887
3897
  .e-schedule .e-month-agenda-view .e-selected-cell {
3888
- background-color: #343a40;
3898
+ background: #343a40;
3889
3899
  color: #fff;
3890
3900
  }
3891
3901
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3898,7 +3908,7 @@
3898
3908
  }
3899
3909
  .e-schedule .e-month-view .e-selected-cell:hover,
3900
3910
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3901
- background-color: #343a40;
3911
+ background: #343a40;
3902
3912
  }
3903
3913
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3904
3914
  overflow: auto;
@@ -3925,7 +3935,7 @@
3925
3935
  }
3926
3936
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3927
3937
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3928
- background-color: #212529;
3938
+ background: #212529;
3929
3939
  border-color: #444c54;
3930
3940
  border-style: solid;
3931
3941
  border-width: 0 0 1px 1px;
@@ -3934,11 +3944,11 @@
3934
3944
  .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day,
3935
3945
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day {
3936
3946
  color: #0d6efd;
3937
- font-weight: normal;
3947
+ font-weight: 400;
3938
3948
  }
3939
3949
  .e-schedule .e-timeline-view .e-work-cells,
3940
3950
  .e-schedule .e-timeline-month-view .e-work-cells {
3941
- background-color: #282d31;
3951
+ background: #282d31;
3942
3952
  border-color: #444c54;
3943
3953
  border-style: solid;
3944
3954
  border-width: 0 0 1px 1px;
@@ -3952,37 +3962,37 @@
3952
3962
  }
3953
3963
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3954
3964
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3955
- background-color: #343a40;
3965
+ background: #343a40;
3956
3966
  }
3957
3967
  .e-schedule .e-timeline-view .e-work-days,
3958
3968
  .e-schedule .e-timeline-month-view .e-work-days {
3959
- background-color: #212529;
3969
+ background: #212529;
3960
3970
  }
3961
3971
  .e-schedule .e-timeline-view .e-resource-group-cells,
3962
3972
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3963
- background-color: #282d31;
3973
+ background: #282d31;
3964
3974
  }
3965
3975
  .e-schedule .e-timeline-view .e-selected-cell,
3966
3976
  .e-schedule .e-timeline-month-view .e-selected-cell {
3967
- background-color: #343a40;
3977
+ background: #343a40;
3968
3978
  color: #fff;
3969
3979
  }
3970
3980
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3971
3981
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3972
- background-color: #343a40;
3982
+ background: #343a40;
3973
3983
  }
3974
3984
  .e-schedule .e-timeline-view .e-work-hours {
3975
- background-color: #212529;
3985
+ background: #212529;
3976
3986
  }
3977
3987
  .e-schedule .e-timeline-view .e-resource-group-cells {
3978
- background-color: #282d31;
3988
+ background: #282d31;
3979
3989
  }
3980
3990
  .e-schedule .e-timeline-view .e-selected-cell {
3981
- background-color: #343a40;
3991
+ background: #343a40;
3982
3992
  color: #fff;
3983
3993
  }
3984
3994
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3985
- background-color: #343a40;
3995
+ background: #343a40;
3986
3996
  }
3987
3997
  .e-schedule .e-timeline-view .e-alternate-cells {
3988
3998
  border-left-style: dotted;
@@ -3999,7 +4009,7 @@
3999
4009
  border-left: 1px solid #0d6efd;
4000
4010
  }
4001
4011
  .e-schedule .e-timeline-year-view .e-work-cells {
4002
- background-color: #282d31;
4012
+ background: #282d31;
4003
4013
  border-color: #444c54;
4004
4014
  border-style: solid;
4005
4015
  border-width: 0 1px 1px 0;
@@ -4011,20 +4021,20 @@
4011
4021
  color: #fff;
4012
4022
  }
4013
4023
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
4014
- background-color: #212529;
4024
+ background: #212529;
4015
4025
  }
4016
4026
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
4017
4027
  color: #ced4da;
4018
4028
  }
4019
4029
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
4020
- background-color: #0d6efd;
4030
+ background: #0d6efd;
4021
4031
  border-radius: 50%;
4022
4032
  color: #212529;
4023
4033
  margin: 2px;
4024
4034
  width: 20px;
4025
4035
  }
4026
4036
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
4027
- background-color: #343a40;
4037
+ background: #343a40;
4028
4038
  color: #fff;
4029
4039
  }
4030
4040
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -4034,10 +4044,10 @@
4034
4044
  color: #fff;
4035
4045
  }
4036
4046
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
4037
- background-color: #343a40;
4047
+ background: #343a40;
4038
4048
  }
4039
4049
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
4040
- background-color: #343a40;
4050
+ background: #343a40;
4041
4051
  }
4042
4052
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
4043
4053
  cursor: default;
@@ -4047,14 +4057,14 @@
4047
4057
  text-decoration: none;
4048
4058
  }
4049
4059
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
4050
- background-color: #343a40;
4060
+ background: #343a40;
4051
4061
  }
4052
4062
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
4053
- background-color: #343a40;
4063
+ background: #343a40;
4054
4064
  box-shadow: inset 0 0 0 8px #282d31;
4055
4065
  }
4056
4066
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4057
- background-color: #343a40;
4067
+ background: #343a40;
4058
4068
  }
4059
4069
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4060
4070
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4116,7 +4126,7 @@
4116
4126
  }
4117
4127
 
4118
4128
  .e-tooltip-wrap.e-schedule-error {
4119
- background-color: #fadfe2;
4129
+ background: #fadfe2;
4120
4130
  border-color: #fadfe2;
4121
4131
  z-index: 1000;
4122
4132
  }