@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
@@ -296,7 +296,6 @@
296
296
  user-select: none;
297
297
  }
298
298
  .e-schedule .e-schedule-toolbar {
299
- background: #f3f4f6;
300
299
  border: 0;
301
300
  border-bottom: 0;
302
301
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
@@ -312,13 +311,17 @@
312
311
  font-size: 14px;
313
312
  text-transform: none;
314
313
  }
315
- .e-schedule .e-schedule-toolbar .e-toolbar-items {
316
- background: #f3f4f6;
317
- }
318
314
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
319
315
  height: 38px;
320
316
  min-height: 38px;
321
317
  }
318
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
319
+ border: none;
320
+ border-radius: 0;
321
+ }
322
+ .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
323
+ border: none;
324
+ }
322
325
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
323
326
  height: inherit;
324
327
  }
@@ -346,12 +349,11 @@
346
349
  text-transform: initial;
347
350
  }
348
351
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
349
- background: #f3f4f6;
350
352
  border-left: 0;
351
353
  border-right: 1px solid #e5e7eb;
352
354
  }
353
355
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
354
- background-color: #e5e7eb;
356
+ background: #e5e7eb;
355
357
  color: rgba(79, 70, 229, 0.87);
356
358
  }
357
359
  .e-schedule .e-schedule-toolbar .e-hor-nav {
@@ -385,6 +387,10 @@
385
387
  height: 54px;
386
388
  min-height: 54px;
387
389
  }
390
+ .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
391
+ border: none;
392
+ border-radius: 0;
393
+ }
388
394
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
389
395
  height: inherit;
390
396
  }
@@ -479,7 +485,7 @@
479
485
  padding: 0 0 0 12px;
480
486
  }
481
487
  .e-schedule .e-resource-tree-popup-overlay.e-enable {
482
- background-color: rgba(107, 114, 128, 0.75);
488
+ background: rgba(107, 114, 128, 0.75);
483
489
  height: 100%;
484
490
  left: 0;
485
491
  opacity: 0.5;
@@ -488,7 +494,7 @@
488
494
  width: 100%;
489
495
  }
490
496
  .e-schedule .e-new-event {
491
- background-color: #4f46e5;
497
+ background: #4f46e5;
492
498
  border: 1px solid #fff;
493
499
  border-radius: 5px;
494
500
  height: 100%;
@@ -551,7 +557,7 @@
551
557
  }
552
558
  .e-schedule .e-recurrence-icon,
553
559
  .e-schedule .e-recurrence-edit-icon {
554
- font-size: 11px;
560
+ font-size: 12px;
555
561
  }
556
562
  .e-schedule .e-left-icon,
557
563
  .e-schedule .e-right-icon {
@@ -609,7 +615,7 @@
609
615
  z-index: 1;
610
616
  }
611
617
  .e-schedule .e-appointment .e-inline-subject {
612
- background-color: transparent;
618
+ background: transparent;
613
619
  border: 0;
614
620
  color: #fff;
615
621
  font-size: 13px;
@@ -929,17 +935,17 @@
929
935
  width: 36px;
930
936
  }
931
937
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates {
932
- background-color: #f3f4f6;
938
+ background: #f3f4f6;
933
939
  }
934
940
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
935
- background-color: #f3f4f6;
941
+ background: #f3f4f6;
936
942
  }
937
943
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
938
- background-color: #f3f4f6;
944
+ background: #f3f4f6;
939
945
  box-shadow: inset 0 0 0 8px #f9fafb;
940
946
  }
941
947
  .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
942
- background-color: #f3f4f6;
948
+ background: #f3f4f6;
943
949
  }
944
950
  .e-schedule .e-vertical-view .e-current-time {
945
951
  font-size: 10px;
@@ -1143,7 +1149,7 @@
1143
1149
  width: 35px;
1144
1150
  }
1145
1151
  .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
1146
- font-size: 11px;
1152
+ font-size: 12px;
1147
1153
  }
1148
1154
  .e-schedule.e-device .e-vertical-view .e-day-wrapper .e-appointment .e-subject {
1149
1155
  font-weight: 500;
@@ -1213,7 +1219,7 @@
1213
1219
  .e-schedule .e-month-view .e-week-number {
1214
1220
  border-bottom: 1px solid #e5e7eb;
1215
1221
  border-right: 1px solid #e5e7eb;
1216
- height: 70px;
1222
+ height: 75px;
1217
1223
  }
1218
1224
  .e-schedule .e-month-view .e-content-wrap {
1219
1225
  font-size: 14px;
@@ -1246,7 +1252,7 @@
1246
1252
  visibility: hidden;
1247
1253
  }
1248
1254
  .e-schedule .e-month-view .e-work-cells.e-disable-dates {
1249
- background-color: #f3f4f6;
1255
+ background: #f3f4f6;
1250
1256
  }
1251
1257
  .e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header {
1252
1258
  cursor: default;
@@ -1256,14 +1262,14 @@
1256
1262
  text-decoration: none;
1257
1263
  }
1258
1264
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1259
- background-color: #f3f4f6;
1265
+ background: #f3f4f6;
1260
1266
  }
1261
1267
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1262
- background-color: #f3f4f6;
1268
+ background: #f3f4f6;
1263
1269
  box-shadow: inset 0 0 0 8px #f9fafb;
1264
1270
  }
1265
1271
  .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1266
- background-color: #f3f4f6;
1272
+ background: #f3f4f6;
1267
1273
  }
1268
1274
  .e-schedule .e-month-view .e-date-header {
1269
1275
  cursor: pointer;
@@ -1404,7 +1410,7 @@
1404
1410
  }
1405
1411
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment,
1406
1412
  .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator {
1407
- background-color: #4f46e5;
1413
+ background: #4f46e5;
1408
1414
  border-radius: 50%;
1409
1415
  height: 5px;
1410
1416
  margin: -6px auto 0;
@@ -1412,14 +1418,14 @@
1412
1418
  width: 5px;
1413
1419
  }
1414
1420
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates {
1415
- background-color: #f3f4f6;
1421
+ background: #f3f4f6;
1416
1422
  cursor: default;
1417
1423
  }
1418
1424
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day {
1419
1425
  cursor: default;
1420
1426
  }
1421
1427
  .e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover {
1422
- background-color: #f3f4f6;
1428
+ background: #f3f4f6;
1423
1429
  }
1424
1430
  .e-schedule .e-year-view .e-date-header-wrap {
1425
1431
  font-size: 14px;
@@ -1429,7 +1435,7 @@
1429
1435
  width: 36px;
1430
1436
  }
1431
1437
  .e-schedule .e-year-view .e-date-header-wrap table td {
1432
- background-color: #fff;
1438
+ background: #fff;
1433
1439
  border-color: #e5e7eb;
1434
1440
  border-style: solid;
1435
1441
  border-width: 0 0 1px 1px;
@@ -1470,7 +1476,7 @@
1470
1476
  }
1471
1477
  .e-schedule .e-timeline-year-view .e-resource-left-td,
1472
1478
  .e-schedule .e-timeline-year-view .e-date-header-wrap table td {
1473
- background-color: #fff;
1479
+ background: #fff;
1474
1480
  border-color: #e5e7eb;
1475
1481
  border-style: solid;
1476
1482
  border-width: 0 1px 1px 0;
@@ -1501,7 +1507,7 @@
1501
1507
  position: relative;
1502
1508
  }
1503
1509
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells {
1504
- background-color: #f9fafb;
1510
+ background: #f9fafb;
1505
1511
  border-color: #e5e7eb;
1506
1512
  border-style: solid;
1507
1513
  border-width: 0 1px 1px 0;
@@ -1512,10 +1518,10 @@
1512
1518
  vertical-align: middle;
1513
1519
  }
1514
1520
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
1515
- background-color: #fff;
1521
+ background: #fff;
1516
1522
  }
1517
1523
  .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus {
1518
- background-color: #f3f4f6;
1524
+ background: #f3f4f6;
1519
1525
  }
1520
1526
  .e-schedule .e-timeline-year-view .e-resource-column-table {
1521
1527
  height: 100%;
@@ -1734,7 +1740,7 @@
1734
1740
  }
1735
1741
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1736
1742
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1737
- background-color: #f3f4f6;
1743
+ background: #f3f4f6;
1738
1744
  overflow: inherit;
1739
1745
  }
1740
1746
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
@@ -1756,11 +1762,11 @@
1756
1762
  }
1757
1763
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates,
1758
1764
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates {
1759
- background-color: #f3f4f6;
1765
+ background: #f3f4f6;
1760
1766
  }
1761
1767
  .e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover,
1762
1768
  .e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover {
1763
- background-color: #f3f4f6;
1769
+ background: #f3f4f6;
1764
1770
  }
1765
1771
  .e-schedule .e-timeline-view .e-resource-text,
1766
1772
  .e-schedule .e-timeline-month-view .e-resource-text {
@@ -1772,7 +1778,7 @@
1772
1778
  }
1773
1779
  .e-schedule .e-timeline-view .e-resource-left-td,
1774
1780
  .e-schedule .e-timeline-month-view .e-resource-left-td {
1775
- background-color: #fff;
1781
+ background: #fff;
1776
1782
  border-color: #e5e7eb;
1777
1783
  border-style: solid;
1778
1784
  border-width: 0 1px 1px 0;
@@ -1782,7 +1788,7 @@
1782
1788
  }
1783
1789
  .e-schedule .e-timeline-view .e-resource-cells,
1784
1790
  .e-schedule .e-timeline-month-view .e-resource-cells {
1785
- background-color: #f9fafb;
1791
+ background: #f9fafb;
1786
1792
  border-color: #e5e7eb;
1787
1793
  border-style: solid;
1788
1794
  border-width: 0 1px 1px 0;
@@ -1794,7 +1800,7 @@
1794
1800
  }
1795
1801
  .e-schedule .e-timeline-view .e-resource-cells:focus,
1796
1802
  .e-schedule .e-timeline-month-view .e-resource-cells:focus {
1797
- background-color: #f3f4f6;
1803
+ background: #f3f4f6;
1798
1804
  }
1799
1805
  .e-schedule .e-timeline-view .e-resource-column-wrap,
1800
1806
  .e-schedule .e-timeline-month-view .e-resource-column-wrap {
@@ -1817,7 +1823,7 @@
1817
1823
  }
1818
1824
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
1819
1825
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
1820
- background-color: #f3f4f6;
1826
+ background: #f3f4f6;
1821
1827
  box-shadow: inset 0 0 0 8px #f9fafb;
1822
1828
  }
1823
1829
  .e-schedule .e-timeline-view .e-resource-tree-icon,
@@ -1835,7 +1841,7 @@
1835
1841
  }
1836
1842
  .e-schedule .e-timeline-view .e-child-node,
1837
1843
  .e-schedule .e-timeline-month-view .e-child-node {
1838
- background-color: #fff;
1844
+ background: #fff;
1839
1845
  }
1840
1846
  .e-schedule .e-timeline-view .e-appointment-wrapper,
1841
1847
  .e-schedule .e-timeline-month-view .e-appointment-wrapper {
@@ -2102,10 +2108,10 @@
2102
2108
  vertical-align: top;
2103
2109
  }
2104
2110
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates {
2105
- background-color: #f3f4f6;
2111
+ background: #f3f4f6;
2106
2112
  }
2107
2113
  .e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover {
2108
- background-color: #f3f4f6;
2114
+ background: #f3f4f6;
2109
2115
  }
2110
2116
  .e-schedule .e-month-agenda-view .e-date-header {
2111
2117
  height: 24px;
@@ -2118,7 +2124,7 @@
2118
2124
  min-height: 40px;
2119
2125
  }
2120
2126
  .e-schedule .e-month-agenda-view .e-appointment-wrap {
2121
- background-color: #fff;
2127
+ background: #fff;
2122
2128
  overflow: auto;
2123
2129
  padding: 0 8px;
2124
2130
  }
@@ -2220,7 +2226,7 @@
2220
2226
  font-size: 14px;
2221
2227
  }
2222
2228
  .e-schedule .e-agenda-view {
2223
- background-color: #fff;
2229
+ background: #fff;
2224
2230
  }
2225
2231
  .e-schedule .e-agenda-view .e-content-wrap table td:first-child,
2226
2232
  .e-schedule .e-agenda-view .e-date-column {
@@ -2433,7 +2439,7 @@
2433
2439
  }
2434
2440
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
2435
2441
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
2436
- font-size: 22px;
2442
+ font-size: 24px;
2437
2443
  }
2438
2444
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text,
2439
2445
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text {
@@ -2468,22 +2474,20 @@
2468
2474
  height: auto;
2469
2475
  line-height: 25px;
2470
2476
  margin: 4px 0;
2471
- min-height: 24px;
2472
2477
  min-width: 24px;
2473
- padding: 8px 8px 6px;
2478
+ padding: 0 1px;
2474
2479
  }
2475
2480
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2476
2481
  .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,
2477
2482
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2478
2483
  .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 {
2479
2484
  padding: 3px 0 0 12px;
2480
- font-size: 22px;
2485
+ font-size: 24px;
2481
2486
  }
2482
2487
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2483
2488
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon,
2484
2489
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2485
2490
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2486
- height: 25px;
2487
2491
  padding-top: 3px;
2488
2492
  }
2489
2493
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -2518,7 +2522,7 @@
2518
2522
  }
2519
2523
  .e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td,
2520
2524
  .e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
2521
- font-size: 11px;
2525
+ font-size: 12px;
2522
2526
  }
2523
2527
  .e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
2524
2528
  .e-bigger .e-schedule.e-device .e-vertical-view .e-current-time,
@@ -2987,6 +2991,8 @@
2987
2991
  }
2988
2992
  .e-schedule-dialog.e-device .e-repeat-container {
2989
2993
  display: block;
2994
+ padding-right: 35px;
2995
+ padding-left: 0;
2990
2996
  }
2991
2997
  .e-schedule-dialog.e-device .e-icon-down-arrow {
2992
2998
  font-size: 18px;
@@ -3010,6 +3016,10 @@
3010
3016
  .e-schedule-dialog.e-device.e-rtl .e-all-day-container {
3011
3017
  padding-right: 0;
3012
3018
  }
3019
+ .e-schedule-dialog.e-device.e-rtl .e-repeat-container {
3020
+ padding-left: 35px;
3021
+ padding-right: 0;
3022
+ }
3013
3023
  .e-schedule-dialog.e-device .e-recurrence-container {
3014
3024
  position: relative;
3015
3025
  }
@@ -3030,7 +3040,7 @@
3030
3040
 
3031
3041
  /*! schedule quick popup */
3032
3042
  .e-quick-popup-wrapper {
3033
- background-color: #fff;
3043
+ background: #fff;
3034
3044
  border-radius: 6px;
3035
3045
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3036
3046
  color: #111827;
@@ -3084,7 +3094,7 @@
3084
3094
  height: 30px;
3085
3095
  }
3086
3096
  .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3087
- background-color: #fff;
3097
+ background: #fff;
3088
3098
  }
3089
3099
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3090
3100
  padding: 6px 8px 0 0;
@@ -3129,7 +3139,7 @@
3129
3139
  padding: 12px 18px;
3130
3140
  }
3131
3141
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3132
- background-color: rgba(79, 70, 229, 0.3);
3142
+ background: rgba(79, 70, 229, 0.3);
3133
3143
  border-left: 6px solid #4f46e5;
3134
3144
  border-radius: 4px;
3135
3145
  color: #111827;
@@ -3156,7 +3166,7 @@
3156
3166
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit,
3157
3167
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete,
3158
3168
  .e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close {
3159
- background-color: transparent;
3169
+ background: transparent;
3160
3170
  border: 0;
3161
3171
  }
3162
3172
  .e-quick-popup-wrapper .e-cell-popup .e-date-time,
@@ -3270,7 +3280,7 @@
3270
3280
  z-index: 1004;
3271
3281
  }
3272
3282
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3273
- background-color: #fff;
3283
+ background: #fff;
3274
3284
  }
3275
3285
  .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,
3276
3286
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
@@ -3309,7 +3319,7 @@
3309
3319
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3310
3320
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3311
3321
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3312
- background-color: #fff;
3322
+ background: #fff;
3313
3323
  border: 0;
3314
3324
  color: #6b7280;
3315
3325
  height: 40px;
@@ -3371,7 +3381,7 @@
3371
3381
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
3372
3382
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
3373
3383
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3374
- font-size: 22px;
3384
+ font-size: 24px;
3375
3385
  }
3376
3386
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
3377
3387
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
@@ -3484,7 +3494,7 @@
3484
3494
 
3485
3495
  .e-bigger .e-more-popup-wrapper,
3486
3496
  .e-more-popup-wrapper {
3487
- background-color: #fff;
3497
+ background: #fff;
3488
3498
  border: 1px solid #e5e7eb;
3489
3499
  border-radius: 6px;
3490
3500
  box-shadow: none;
@@ -3554,7 +3564,7 @@
3554
3564
  }
3555
3565
  .e-bigger .e-more-popup-wrapper .e-more-event-close,
3556
3566
  .e-more-popup-wrapper .e-more-event-close {
3557
- background-color: transparent;
3567
+ background: transparent;
3558
3568
  border: 0;
3559
3569
  box-shadow: none;
3560
3570
  color: #6b7280;
@@ -3576,7 +3586,7 @@
3576
3586
  .e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
3577
3587
  .e-more-popup-wrapper .e-more-event-close:focus,
3578
3588
  .e-more-popup-wrapper .e-more-event-close:hover {
3579
- background-color: #e5e7eb;
3589
+ background: #e5e7eb;
3580
3590
  border-radius: 50%;
3581
3591
  color: #6b7280;
3582
3592
  }
@@ -3651,7 +3661,7 @@
3651
3661
 
3652
3662
  /*! schedule component theme */
3653
3663
  .e-schedule {
3654
- background-color: #fff;
3664
+ background: #fff;
3655
3665
  border: 1px solid #e5e7eb;
3656
3666
  }
3657
3667
  .e-schedule .e-date-header-wrap {
@@ -3669,13 +3679,13 @@
3669
3679
  border-left-width: 0;
3670
3680
  }
3671
3681
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells {
3672
- background-color: #fff;
3682
+ background: #fff;
3673
3683
  }
3674
3684
  .e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover {
3675
3685
  background: #f3f4f6;
3676
3686
  }
3677
3687
  .e-schedule .e-vertical-view .e-left-indent-wrap table tbody td {
3678
- background-color: #fff;
3688
+ background: #fff;
3679
3689
  border-color: #e5e7eb;
3680
3690
  border-style: solid;
3681
3691
  border-width: 0 1px 1px 0;
@@ -3695,7 +3705,7 @@
3695
3705
  border-bottom-color: transparent;
3696
3706
  }
3697
3707
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td {
3698
- background-color: #fff;
3708
+ background: #fff;
3699
3709
  border-color: #e5e7eb;
3700
3710
  border-style: solid;
3701
3711
  border-width: 0 0 1px 1px;
@@ -3706,7 +3716,7 @@
3706
3716
  border-bottom-width: 0;
3707
3717
  }
3708
3718
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3709
- background-color: #f3f4f6;
3719
+ background: #f3f4f6;
3710
3720
  border-color: #e5e7eb;
3711
3721
  border-style: solid;
3712
3722
  border-width: 0 1px 1px 0;
@@ -3719,14 +3729,14 @@
3719
3729
  border-bottom-color: none;
3720
3730
  }
3721
3731
  .e-schedule .e-vertical-view .e-header-cells {
3722
- background-color: #fff;
3732
+ background: #fff;
3723
3733
  }
3724
3734
  .e-schedule .e-vertical-view .e-header-cells.e-current-day {
3725
3735
  color: #4f46e5;
3726
3736
  font-weight: 500;
3727
3737
  }
3728
3738
  .e-schedule .e-vertical-view .e-work-cells {
3729
- background-color: #f9fafb;
3739
+ background: #f9fafb;
3730
3740
  border-color: #e5e7eb;
3731
3741
  border-style: solid;
3732
3742
  border-width: 0 0 1px 1px;
@@ -3740,28 +3750,28 @@
3740
3750
  border-bottom-style: dotted;
3741
3751
  }
3742
3752
  .e-schedule .e-vertical-view .e-work-hours {
3743
- background-color: #fff;
3753
+ background: #fff;
3744
3754
  }
3745
3755
  .e-schedule .e-vertical-view .e-all-day-cells {
3746
- background-color: #fff;
3756
+ background: #fff;
3747
3757
  }
3748
3758
  .e-schedule .e-vertical-view .e-all-day-cells.e-current-day {
3749
3759
  color: #4f46e5;
3750
3760
  }
3751
3761
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell {
3752
- background-color: #e5e7eb;
3762
+ background: #e5e7eb;
3753
3763
  color: #111827;
3754
3764
  }
3755
3765
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3756
- background-color: #e5e7eb;
3766
+ background: #e5e7eb;
3757
3767
  color: #111827;
3758
3768
  }
3759
3769
  .e-schedule .e-vertical-view .e-selected-cell {
3760
- background-color: #e5e7eb;
3770
+ background: #e5e7eb;
3761
3771
  color: #111827;
3762
3772
  }
3763
3773
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3764
- background-color: #e5e7eb;
3774
+ background: #e5e7eb;
3765
3775
  color: #111827;
3766
3776
  }
3767
3777
  .e-schedule .e-vertical-view .e-clone-time-indicator,
@@ -3783,7 +3793,7 @@
3783
3793
  }
3784
3794
  .e-schedule .e-month-view .e-date-header-wrap table td,
3785
3795
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3786
- background-color: #fff;
3796
+ background: #fff;
3787
3797
  border-color: #e5e7eb;
3788
3798
  border-style: solid;
3789
3799
  border-width: 0 0 1px 1px;
@@ -3799,7 +3809,7 @@
3799
3809
  }
3800
3810
  .e-schedule .e-month-view .e-work-cells,
3801
3811
  .e-schedule .e-month-agenda-view .e-work-cells {
3802
- background-color: #f9fafb;
3812
+ background: #f9fafb;
3803
3813
  border-color: #e5e7eb;
3804
3814
  border-style: solid;
3805
3815
  border-width: 0 0 1px 1px;
@@ -3813,7 +3823,7 @@
3813
3823
  }
3814
3824
  .e-schedule .e-month-view .e-work-days,
3815
3825
  .e-schedule .e-month-agenda-view .e-work-days {
3816
- background-color: #fff;
3826
+ background: #fff;
3817
3827
  }
3818
3828
  .e-schedule .e-month-view .e-other-month,
3819
3829
  .e-schedule .e-month-agenda-view .e-other-month {
@@ -3821,14 +3831,14 @@
3821
3831
  }
3822
3832
  .e-schedule .e-month-view .e-current-date .e-date-header,
3823
3833
  .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
3824
- background-color: #4f46e5;
3834
+ background: #4f46e5;
3825
3835
  border-radius: 50%;
3826
3836
  color: #fff;
3827
3837
  width: 20px;
3828
3838
  }
3829
3839
  .e-schedule .e-month-view .e-selected-cell,
3830
3840
  .e-schedule .e-month-agenda-view .e-selected-cell {
3831
- background-color: #e5e7eb;
3841
+ background: #e5e7eb;
3832
3842
  color: #111827;
3833
3843
  }
3834
3844
  .e-schedule .e-month-view .e-selected-cell .e-date-header,
@@ -3841,7 +3851,7 @@
3841
3851
  }
3842
3852
  .e-schedule .e-month-view .e-selected-cell:hover,
3843
3853
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3844
- background-color: #e5e7eb;
3854
+ background: #e5e7eb;
3845
3855
  }
3846
3856
  .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3847
3857
  overflow: auto;
@@ -3868,7 +3878,7 @@
3868
3878
  }
3869
3879
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3870
3880
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3871
- background-color: #fff;
3881
+ background: #fff;
3872
3882
  border-color: #e5e7eb;
3873
3883
  border-style: solid;
3874
3884
  border-width: 0 0 1px 1px;
@@ -3881,7 +3891,7 @@
3881
3891
  }
3882
3892
  .e-schedule .e-timeline-view .e-work-cells,
3883
3893
  .e-schedule .e-timeline-month-view .e-work-cells {
3884
- background-color: #f9fafb;
3894
+ background: #f9fafb;
3885
3895
  border-color: #e5e7eb;
3886
3896
  border-style: solid;
3887
3897
  border-width: 0 0 1px 1px;
@@ -3895,37 +3905,37 @@
3895
3905
  }
3896
3906
  .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
3897
3907
  .e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
3898
- background-color: #f3f4f6;
3908
+ background: #f3f4f6;
3899
3909
  }
3900
3910
  .e-schedule .e-timeline-view .e-work-days,
3901
3911
  .e-schedule .e-timeline-month-view .e-work-days {
3902
- background-color: #fff;
3912
+ background: #fff;
3903
3913
  }
3904
3914
  .e-schedule .e-timeline-view .e-resource-group-cells,
3905
3915
  .e-schedule .e-timeline-month-view .e-resource-group-cells {
3906
- background-color: #f9fafb;
3916
+ background: #f9fafb;
3907
3917
  }
3908
3918
  .e-schedule .e-timeline-view .e-selected-cell,
3909
3919
  .e-schedule .e-timeline-month-view .e-selected-cell {
3910
- background-color: #e5e7eb;
3920
+ background: #e5e7eb;
3911
3921
  color: #111827;
3912
3922
  }
3913
3923
  .e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells),
3914
3924
  .e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) {
3915
- background-color: #e5e7eb;
3925
+ background: #e5e7eb;
3916
3926
  }
3917
3927
  .e-schedule .e-timeline-view .e-work-hours {
3918
- background-color: #fff;
3928
+ background: #fff;
3919
3929
  }
3920
3930
  .e-schedule .e-timeline-view .e-resource-group-cells {
3921
- background-color: #f9fafb;
3931
+ background: #f9fafb;
3922
3932
  }
3923
3933
  .e-schedule .e-timeline-view .e-selected-cell {
3924
- background-color: #e5e7eb;
3934
+ background: #e5e7eb;
3925
3935
  color: #111827;
3926
3936
  }
3927
3937
  .e-schedule .e-timeline-view .e-selected-cell:hover {
3928
- background-color: #e5e7eb;
3938
+ background: #e5e7eb;
3929
3939
  }
3930
3940
  .e-schedule .e-timeline-view .e-alternate-cells {
3931
3941
  border-left-style: dotted;
@@ -3942,7 +3952,7 @@
3942
3952
  border-left: 1px solid #4f46e5;
3943
3953
  }
3944
3954
  .e-schedule .e-timeline-year-view .e-work-cells {
3945
- background-color: #f9fafb;
3955
+ background: #f9fafb;
3946
3956
  border-color: #e5e7eb;
3947
3957
  border-style: solid;
3948
3958
  border-width: 0 1px 1px 0;
@@ -3954,20 +3964,20 @@
3954
3964
  color: #111827;
3955
3965
  }
3956
3966
  .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3957
- background-color: #fff;
3967
+ background: #fff;
3958
3968
  }
3959
3969
  .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3960
3970
  color: #6b7280;
3961
3971
  }
3962
3972
  .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3963
- background-color: #4f46e5;
3973
+ background: #4f46e5;
3964
3974
  border-radius: 50%;
3965
3975
  color: #fff;
3966
3976
  margin: 2px;
3967
3977
  width: 20px;
3968
3978
  }
3969
3979
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3970
- background-color: #e5e7eb;
3980
+ background: #e5e7eb;
3971
3981
  color: #111827;
3972
3982
  }
3973
3983
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
@@ -3977,10 +3987,10 @@
3977
3987
  color: #111827;
3978
3988
  }
3979
3989
  .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3980
- background-color: #e5e7eb;
3990
+ background: #e5e7eb;
3981
3991
  }
3982
3992
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3983
- background-color: #f3f4f6;
3993
+ background: #f3f4f6;
3984
3994
  }
3985
3995
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3986
3996
  cursor: default;
@@ -3990,14 +4000,14 @@
3990
4000
  text-decoration: none;
3991
4001
  }
3992
4002
  .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3993
- background-color: #f3f4f6;
4003
+ background: #f3f4f6;
3994
4004
  }
3995
4005
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3996
- background-color: #f3f4f6;
4006
+ background: #f3f4f6;
3997
4007
  box-shadow: inset 0 0 0 8px #f9fafb;
3998
4008
  }
3999
4009
  .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4000
- background-color: #f3f4f6;
4010
+ background: #f3f4f6;
4001
4011
  }
4002
4012
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4003
4013
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
@@ -4059,7 +4069,7 @@
4059
4069
  }
4060
4070
 
4061
4071
  .e-tooltip-wrap.e-schedule-error {
4062
- background-color: #fee2e2;
4072
+ background: #fee2e2;
4063
4073
  border-color: #fee2e2;
4064
4074
  z-index: 1000;
4065
4075
  }