@syncfusion/ej2-schedule 27.2.5 → 28.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 (144) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-schedule.min.js +3 -3
  3. package/dist/ej2-schedule.umd.min.js +3 -3
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +435 -52
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +464 -54
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +3 -3
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +16 -16
  13. package/src/schedule/actions/action-base.js +4 -3
  14. package/src/schedule/actions/drag.d.ts +1 -0
  15. package/src/schedule/actions/drag.js +12 -8
  16. package/src/schedule/actions/keyboard.d.ts +16 -0
  17. package/src/schedule/actions/keyboard.js +254 -8
  18. package/src/schedule/actions/touch.js +7 -2
  19. package/src/schedule/base/constant.d.ts +4 -0
  20. package/src/schedule/base/constant.js +4 -0
  21. package/src/schedule/base/css-constant.d.ts +2 -0
  22. package/src/schedule/base/css-constant.js +2 -0
  23. package/src/schedule/base/interface.d.ts +14 -4
  24. package/src/schedule/base/schedule-model.d.ts +17 -1
  25. package/src/schedule/base/schedule.d.ts +67 -1
  26. package/src/schedule/base/schedule.js +131 -1
  27. package/src/schedule/base/type.d.ts +8 -0
  28. package/src/schedule/popups/event-tooltip.js +4 -0
  29. package/src/schedule/renderer/agenda.d.ts +2 -1
  30. package/src/schedule/renderer/agenda.js +1 -1
  31. package/src/schedule/renderer/header-renderer.js +4 -2
  32. package/src/schedule/renderer/month-agenda.d.ts +2 -1
  33. package/src/schedule/renderer/month-agenda.js +2 -2
  34. package/src/schedule/renderer/month.d.ts +4 -3
  35. package/src/schedule/renderer/month.js +16 -9
  36. package/src/schedule/renderer/view-base.d.ts +5 -4
  37. package/src/schedule/renderer/view-base.js +13 -10
  38. package/src/schedule/renderer/year.d.ts +3 -2
  39. package/src/schedule/renderer/year.js +10 -7
  40. package/styles/bds-lite.css +4400 -0
  41. package/styles/bds-lite.scss +18 -0
  42. package/styles/bds.css +5161 -0
  43. package/styles/bds.scss +20 -0
  44. package/styles/bootstrap-dark-lite.css +19 -6
  45. package/styles/bootstrap-dark.css +23 -10
  46. package/styles/bootstrap-lite.css +18 -5
  47. package/styles/bootstrap.css +22 -9
  48. package/styles/bootstrap4-lite.css +18 -5
  49. package/styles/bootstrap4.css +22 -9
  50. package/styles/bootstrap5-dark-lite.css +18 -5
  51. package/styles/bootstrap5-dark.css +23 -10
  52. package/styles/bootstrap5-lite.css +18 -5
  53. package/styles/bootstrap5.3-lite.css +18 -5
  54. package/styles/bootstrap5.3.css +23 -10
  55. package/styles/bootstrap5.css +23 -10
  56. package/styles/fabric-dark-lite.css +18 -5
  57. package/styles/fabric-dark.css +22 -9
  58. package/styles/fabric-lite.css +18 -5
  59. package/styles/fabric.css +22 -9
  60. package/styles/fluent-dark-lite.css +18 -5
  61. package/styles/fluent-dark.css +22 -9
  62. package/styles/fluent-lite.css +18 -5
  63. package/styles/fluent.css +22 -9
  64. package/styles/fluent2-lite.css +43 -6
  65. package/styles/fluent2.css +50 -13
  66. package/styles/highcontrast-light-lite.css +18 -5
  67. package/styles/highcontrast-light.css +22 -9
  68. package/styles/highcontrast-lite.css +19 -6
  69. package/styles/highcontrast.css +23 -10
  70. package/styles/material-dark-lite.css +18 -5
  71. package/styles/material-dark.css +22 -9
  72. package/styles/material-lite.css +18 -5
  73. package/styles/material.css +22 -9
  74. package/styles/material3-dark-lite.css +18 -5
  75. package/styles/material3-dark.css +23 -10
  76. package/styles/material3-lite.css +18 -5
  77. package/styles/material3.css +23 -10
  78. package/styles/recurrence-editor/_bigger.scss +2 -3
  79. package/styles/recurrence-editor/_fluent2-definition.scss +1 -1
  80. package/styles/recurrence-editor/_tailwind3-definition.scss +14 -0
  81. package/styles/recurrence-editor/bds.css +533 -0
  82. package/styles/recurrence-editor/bds.scss +9 -0
  83. package/styles/recurrence-editor/bootstrap-dark.css +2 -3
  84. package/styles/recurrence-editor/bootstrap.css +2 -3
  85. package/styles/recurrence-editor/bootstrap4.css +2 -3
  86. package/styles/recurrence-editor/bootstrap5-dark.css +2 -3
  87. package/styles/recurrence-editor/bootstrap5.3.css +2 -3
  88. package/styles/recurrence-editor/bootstrap5.css +2 -3
  89. package/styles/recurrence-editor/fabric-dark.css +2 -3
  90. package/styles/recurrence-editor/fabric.css +2 -3
  91. package/styles/recurrence-editor/fluent-dark.css +2 -3
  92. package/styles/recurrence-editor/fluent.css +2 -3
  93. package/styles/recurrence-editor/fluent2.css +3 -4
  94. package/styles/recurrence-editor/highcontrast-light.css +2 -3
  95. package/styles/recurrence-editor/highcontrast.css +3 -4
  96. package/styles/recurrence-editor/material-dark.css +2 -3
  97. package/styles/recurrence-editor/material.css +2 -3
  98. package/styles/recurrence-editor/material3-dark.css +2 -3
  99. package/styles/recurrence-editor/material3.css +2 -3
  100. package/styles/recurrence-editor/tailwind-dark.css +2 -3
  101. package/styles/recurrence-editor/tailwind.css +2 -3
  102. package/styles/recurrence-editor/tailwind3.css +500 -0
  103. package/styles/recurrence-editor/tailwind3.scss +9 -0
  104. package/styles/schedule/_bigger.scss +2 -1
  105. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  106. package/styles/schedule/_bootstrap5.3-definition.scss +1 -1
  107. package/styles/schedule/_fluent2-definition.scss +3 -3
  108. package/styles/schedule/_layout.scss +43 -2
  109. package/styles/schedule/_material3-definition.scss +1 -1
  110. package/styles/schedule/_tailwind-definition.scss +1 -1
  111. package/styles/schedule/_tailwind3-definition.scss +276 -0
  112. package/styles/schedule/_theme.scss +0 -4
  113. package/styles/schedule/bds.css +4760 -0
  114. package/styles/schedule/bds.scss +17 -0
  115. package/styles/schedule/bootstrap-dark.css +21 -7
  116. package/styles/schedule/bootstrap.css +20 -6
  117. package/styles/schedule/bootstrap4.css +20 -6
  118. package/styles/schedule/bootstrap5-dark.css +21 -7
  119. package/styles/schedule/bootstrap5.3.css +21 -7
  120. package/styles/schedule/bootstrap5.css +21 -7
  121. package/styles/schedule/fabric-dark.css +20 -6
  122. package/styles/schedule/fabric.css +20 -6
  123. package/styles/schedule/fluent-dark.css +20 -6
  124. package/styles/schedule/fluent.css +20 -6
  125. package/styles/schedule/fluent2.css +47 -9
  126. package/styles/schedule/highcontrast-light.css +20 -6
  127. package/styles/schedule/highcontrast.css +21 -7
  128. package/styles/schedule/icons/_tailwind3.scss +220 -0
  129. package/styles/schedule/material-dark.css +20 -6
  130. package/styles/schedule/material.css +20 -6
  131. package/styles/schedule/material3-dark.css +21 -7
  132. package/styles/schedule/material3.css +21 -7
  133. package/styles/schedule/tailwind-dark.css +21 -7
  134. package/styles/schedule/tailwind.css +21 -7
  135. package/styles/schedule/tailwind3.css +4599 -0
  136. package/styles/schedule/tailwind3.scss +17 -0
  137. package/styles/tailwind-dark-lite.css +18 -5
  138. package/styles/tailwind-dark.css +23 -10
  139. package/styles/tailwind-lite.css +18 -5
  140. package/styles/tailwind.css +23 -10
  141. package/styles/tailwind3-lite.css +4239 -0
  142. package/styles/tailwind3-lite.scss +18 -0
  143. package/styles/tailwind3.css +5000 -0
  144. package/styles/tailwind3.scss +20 -0
@@ -1262,6 +1262,17 @@
1262
1262
  vertical-align: top;
1263
1263
  width: 36px;
1264
1264
  }
1265
+ .e-schedule .e-clipboard {
1266
+ cursor: default;
1267
+ height: 1px;
1268
+ left: -1000px;
1269
+ position: fixed;
1270
+ resize: none;
1271
+ top: -1000px;
1272
+ width: 1px;
1273
+ overflow: hidden;
1274
+ opacity: 0;
1275
+ }
1265
1276
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1266
1277
  border-bottom-width: 0;
1267
1278
  }
@@ -2379,13 +2390,18 @@
2379
2390
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2380
2391
  color: #201f1e;
2381
2392
  }
2382
- .e-schedule .e-agenda-view .e-subject {
2393
+ .e-schedule .e-agenda-view .e-subject,
2394
+ .e-schedule .e-agenda-view .e-inline-subject {
2383
2395
  color: #201f1e;
2384
2396
  font-size: 14px;
2385
2397
  line-height: 23px;
2386
2398
  overflow: hidden;
2387
2399
  text-overflow: ellipsis;
2388
2400
  }
2401
+ .e-schedule .e-agenda-view .e-inline-subject {
2402
+ font-weight: normal;
2403
+ padding-top: 0;
2404
+ }
2389
2405
  .e-schedule .e-agenda-view .e-resource-name {
2390
2406
  color: #201f1e;
2391
2407
  font-size: 12px;
@@ -3426,6 +3442,7 @@
3426
3442
  margin: 0;
3427
3443
  max-width: 100%;
3428
3444
  overflow: hidden;
3445
+ position: fixed;
3429
3446
  right: 0;
3430
3447
  top: 0;
3431
3448
  width: 100%;
@@ -3662,10 +3679,6 @@
3662
3679
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3663
3680
  border-left-width: 0;
3664
3681
  }
3665
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3666
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3667
- border-bottom-width: 0;
3668
- }
3669
3682
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3670
3683
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3671
3684
  background: #fff;
package/styles/fluent.css CHANGED
@@ -1262,6 +1262,17 @@
1262
1262
  vertical-align: top;
1263
1263
  width: 36px;
1264
1264
  }
1265
+ .e-schedule .e-clipboard {
1266
+ cursor: default;
1267
+ height: 1px;
1268
+ left: -1000px;
1269
+ position: fixed;
1270
+ resize: none;
1271
+ top: -1000px;
1272
+ width: 1px;
1273
+ overflow: hidden;
1274
+ opacity: 0;
1275
+ }
1265
1276
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1266
1277
  border-bottom-width: 0;
1267
1278
  }
@@ -2379,13 +2390,18 @@
2379
2390
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2380
2391
  color: #201f1e;
2381
2392
  }
2382
- .e-schedule .e-agenda-view .e-subject {
2393
+ .e-schedule .e-agenda-view .e-subject,
2394
+ .e-schedule .e-agenda-view .e-inline-subject {
2383
2395
  color: #201f1e;
2384
2396
  font-size: 14px;
2385
2397
  line-height: 23px;
2386
2398
  overflow: hidden;
2387
2399
  text-overflow: ellipsis;
2388
2400
  }
2401
+ .e-schedule .e-agenda-view .e-inline-subject {
2402
+ font-weight: normal;
2403
+ padding-top: 0;
2404
+ }
2389
2405
  .e-schedule .e-agenda-view .e-resource-name {
2390
2406
  color: #201f1e;
2391
2407
  font-size: 12px;
@@ -3426,6 +3442,7 @@
3426
3442
  margin: 0;
3427
3443
  max-width: 100%;
3428
3444
  overflow: hidden;
3445
+ position: fixed;
3429
3446
  right: 0;
3430
3447
  top: 0;
3431
3448
  width: 100%;
@@ -3662,10 +3679,6 @@
3662
3679
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3663
3680
  border-left-width: 0;
3664
3681
  }
3665
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3666
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3667
- border-bottom-width: 0;
3668
- }
3669
3682
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3670
3683
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3671
3684
  background: #fff;
@@ -4227,7 +4240,8 @@
4227
4240
  .e-bigger .e-agenda-view .e-appointment {
4228
4241
  padding: 0 16px;
4229
4242
  }
4230
- .e-bigger .e-agenda-view .e-subject {
4243
+ .e-bigger .e-agenda-view .e-subject,
4244
+ .e-bigger .e-agenda-view .e-inline-subject {
4231
4245
  font-size: 16px;
4232
4246
  }
4233
4247
  .e-bigger .e-agenda-view .e-date-time {
@@ -4885,7 +4899,7 @@
4885
4899
  padding: 0 12px 14px 0;
4886
4900
  }
4887
4901
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4888
- padding-left: 70px;
4902
+ padding-left: 50px;
4889
4903
  }
4890
4904
  .e-bigger .e-recurrenceeditor .e-week-position {
4891
4905
  min-width: 130px;
@@ -4954,8 +4968,7 @@
4954
4968
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4955
4969
  left: 0;
4956
4970
  }
4957
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
4958
- .e-bigger .e-device .e-recurrence-table .e-day-position {
4971
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
4959
4972
  padding-left: 20px;
4960
4973
  }
4961
4974
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -187,6 +187,10 @@
187
187
  }
188
188
 
189
189
  /*! calendar theme variables */
190
+ .e-small:not(.e-bigger) .e-calendar.e-week-number {
191
+ min-width: 230px;
192
+ }
193
+
190
194
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
191
195
  -webkit-transform: rotate(0deg);
192
196
  transform: rotate(0deg);
@@ -1027,7 +1031,7 @@
1027
1031
  .e-schedule .e-vertical-view .e-header-cells {
1028
1032
  font-size: 12px;
1029
1033
  height: 60px;
1030
- padding: 8px 8px 0;
1034
+ padding: 4px;
1031
1035
  }
1032
1036
  .e-schedule .e-vertical-view .e-header-cells .e-header-day {
1033
1037
  display: table;
@@ -1424,6 +1428,17 @@
1424
1428
  vertical-align: top;
1425
1429
  width: 36px;
1426
1430
  }
1431
+ .e-schedule .e-clipboard {
1432
+ cursor: default;
1433
+ height: 1px;
1434
+ left: -1000px;
1435
+ position: fixed;
1436
+ resize: none;
1437
+ top: -1000px;
1438
+ width: 1px;
1439
+ overflow: hidden;
1440
+ opacity: 0;
1441
+ }
1427
1442
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1428
1443
  border-bottom-width: 0;
1429
1444
  }
@@ -2371,9 +2386,19 @@
2371
2386
  .e-schedule .e-month-agenda-view .e-appointment:hover {
2372
2387
  background: var(--color-sf-content-bg-color-hover);
2373
2388
  }
2389
+ .e-schedule .e-month-agenda-view .e-appointment:hover .e-subject,
2390
+ .e-schedule .e-month-agenda-view .e-appointment:hover .e-date-time,
2391
+ .e-schedule .e-month-agenda-view .e-appointment:hover .e-recurrence-icon {
2392
+ color: var(--color-sf-content-text-color-hover);
2393
+ }
2374
2394
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2375
2395
  background: var(--color-sf-content-bg-color-selected);
2376
2396
  }
2397
+ .e-schedule .e-month-agenda-view .e-appointment:focus .e-subject,
2398
+ .e-schedule .e-month-agenda-view .e-appointment:focus .e-date-time,
2399
+ .e-schedule .e-month-agenda-view .e-appointment:focus .e-recurrence-icon {
2400
+ color: var(--color-sf-content-text-color-selected);
2401
+ }
2377
2402
  .e-schedule .e-month-agenda-view .e-appointment.e-template {
2378
2403
  display: -webkit-inline-box;
2379
2404
  display: -ms-inline-flexbox;
@@ -2543,13 +2568,18 @@
2543
2568
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2544
2569
  color: var(--color-sf-content-text-color-selected);
2545
2570
  }
2546
- .e-schedule .e-agenda-view .e-subject {
2571
+ .e-schedule .e-agenda-view .e-subject,
2572
+ .e-schedule .e-agenda-view .e-inline-subject {
2547
2573
  color: var(--color-sf-content-text-color);
2548
2574
  font-size: 14px;
2549
2575
  line-height: 23px;
2550
2576
  overflow: hidden;
2551
2577
  text-overflow: ellipsis;
2552
2578
  }
2579
+ .e-schedule .e-agenda-view .e-inline-subject {
2580
+ font-weight: normal;
2581
+ padding-top: 0;
2582
+ }
2553
2583
  .e-schedule .e-agenda-view .e-resource-name {
2554
2584
  color: var(--color-sf-content-text-color);
2555
2585
  font-size: 12px;
@@ -2595,9 +2625,19 @@
2595
2625
  .e-schedule .e-agenda-view .e-appointment:hover {
2596
2626
  background: var(--color-sf-content-bg-color-hover);
2597
2627
  }
2628
+ .e-schedule .e-agenda-view .e-appointment:hover .e-subject,
2629
+ .e-schedule .e-agenda-view .e-appointment:hover .e-date-time,
2630
+ .e-schedule .e-agenda-view .e-appointment:hover .e-recurrence-icon {
2631
+ color: var(--color-sf-content-text-color-hover);
2632
+ }
2598
2633
  .e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
2599
2634
  background: var(--color-sf-content-bg-color-selected);
2600
2635
  }
2636
+ .e-schedule .e-agenda-view .e-appointment:focus .e-subject,
2637
+ .e-schedule .e-agenda-view .e-appointment:focus .e-date-time,
2638
+ .e-schedule .e-agenda-view .e-appointment:focus .e-recurrence-icon {
2639
+ color: var(--color-sf-content-text-color-selected);
2640
+ }
2601
2641
  .e-schedule .e-agenda-view .e-appointment.e-template {
2602
2642
  display: -webkit-inline-box;
2603
2643
  display: -ms-inline-flexbox;
@@ -3594,6 +3634,7 @@
3594
3634
  margin: 0;
3595
3635
  max-width: 100%;
3596
3636
  overflow: hidden;
3637
+ position: fixed;
3597
3638
  right: 0;
3598
3639
  top: 0;
3599
3640
  width: 100%;
@@ -3866,10 +3907,6 @@
3866
3907
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3867
3908
  border-left-width: 0;
3868
3909
  }
3869
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3870
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3871
- border-bottom-width: 0;
3872
- }
3873
3910
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3874
3911
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3875
3912
  background: var(--color-sf-content-bg-color-alt1);
@@ -187,6 +187,10 @@
187
187
  }
188
188
 
189
189
  /*! calendar theme variables */
190
+ .e-small:not(.e-bigger) .e-calendar.e-week-number {
191
+ min-width: 230px;
192
+ }
193
+
190
194
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
191
195
  -webkit-transform: rotate(0deg);
192
196
  transform: rotate(0deg);
@@ -1027,7 +1031,7 @@
1027
1031
  .e-schedule .e-vertical-view .e-header-cells {
1028
1032
  font-size: 12px;
1029
1033
  height: 60px;
1030
- padding: 8px 8px 0;
1034
+ padding: 4px;
1031
1035
  }
1032
1036
  .e-schedule .e-vertical-view .e-header-cells .e-header-day {
1033
1037
  display: table;
@@ -1424,6 +1428,17 @@
1424
1428
  vertical-align: top;
1425
1429
  width: 36px;
1426
1430
  }
1431
+ .e-schedule .e-clipboard {
1432
+ cursor: default;
1433
+ height: 1px;
1434
+ left: -1000px;
1435
+ position: fixed;
1436
+ resize: none;
1437
+ top: -1000px;
1438
+ width: 1px;
1439
+ overflow: hidden;
1440
+ opacity: 0;
1441
+ }
1427
1442
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1428
1443
  border-bottom-width: 0;
1429
1444
  }
@@ -2371,9 +2386,19 @@
2371
2386
  .e-schedule .e-month-agenda-view .e-appointment:hover {
2372
2387
  background: var(--color-sf-content-bg-color-hover);
2373
2388
  }
2389
+ .e-schedule .e-month-agenda-view .e-appointment:hover .e-subject,
2390
+ .e-schedule .e-month-agenda-view .e-appointment:hover .e-date-time,
2391
+ .e-schedule .e-month-agenda-view .e-appointment:hover .e-recurrence-icon {
2392
+ color: var(--color-sf-content-text-color-hover);
2393
+ }
2374
2394
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2375
2395
  background: var(--color-sf-content-bg-color-selected);
2376
2396
  }
2397
+ .e-schedule .e-month-agenda-view .e-appointment:focus .e-subject,
2398
+ .e-schedule .e-month-agenda-view .e-appointment:focus .e-date-time,
2399
+ .e-schedule .e-month-agenda-view .e-appointment:focus .e-recurrence-icon {
2400
+ color: var(--color-sf-content-text-color-selected);
2401
+ }
2377
2402
  .e-schedule .e-month-agenda-view .e-appointment.e-template {
2378
2403
  display: -webkit-inline-box;
2379
2404
  display: -ms-inline-flexbox;
@@ -2543,13 +2568,18 @@
2543
2568
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2544
2569
  color: var(--color-sf-content-text-color-selected);
2545
2570
  }
2546
- .e-schedule .e-agenda-view .e-subject {
2571
+ .e-schedule .e-agenda-view .e-subject,
2572
+ .e-schedule .e-agenda-view .e-inline-subject {
2547
2573
  color: var(--color-sf-content-text-color);
2548
2574
  font-size: 14px;
2549
2575
  line-height: 23px;
2550
2576
  overflow: hidden;
2551
2577
  text-overflow: ellipsis;
2552
2578
  }
2579
+ .e-schedule .e-agenda-view .e-inline-subject {
2580
+ font-weight: normal;
2581
+ padding-top: 0;
2582
+ }
2553
2583
  .e-schedule .e-agenda-view .e-resource-name {
2554
2584
  color: var(--color-sf-content-text-color);
2555
2585
  font-size: 12px;
@@ -2595,9 +2625,19 @@
2595
2625
  .e-schedule .e-agenda-view .e-appointment:hover {
2596
2626
  background: var(--color-sf-content-bg-color-hover);
2597
2627
  }
2628
+ .e-schedule .e-agenda-view .e-appointment:hover .e-subject,
2629
+ .e-schedule .e-agenda-view .e-appointment:hover .e-date-time,
2630
+ .e-schedule .e-agenda-view .e-appointment:hover .e-recurrence-icon {
2631
+ color: var(--color-sf-content-text-color-hover);
2632
+ }
2598
2633
  .e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus {
2599
2634
  background: var(--color-sf-content-bg-color-selected);
2600
2635
  }
2636
+ .e-schedule .e-agenda-view .e-appointment:focus .e-subject,
2637
+ .e-schedule .e-agenda-view .e-appointment:focus .e-date-time,
2638
+ .e-schedule .e-agenda-view .e-appointment:focus .e-recurrence-icon {
2639
+ color: var(--color-sf-content-text-color-selected);
2640
+ }
2601
2641
  .e-schedule .e-agenda-view .e-appointment.e-template {
2602
2642
  display: -webkit-inline-box;
2603
2643
  display: -ms-inline-flexbox;
@@ -3594,6 +3634,7 @@
3594
3634
  margin: 0;
3595
3635
  max-width: 100%;
3596
3636
  overflow: hidden;
3637
+ position: fixed;
3597
3638
  right: 0;
3598
3639
  top: 0;
3599
3640
  width: 100%;
@@ -3866,10 +3907,6 @@
3866
3907
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3867
3908
  border-left-width: 0;
3868
3909
  }
3869
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3870
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3871
- border-bottom-width: 0;
3872
- }
3873
3910
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3874
3911
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3875
3912
  background: var(--color-sf-content-bg-color-alt1);
@@ -4172,7 +4209,7 @@
4172
4209
  .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,
4173
4210
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
4174
4211
  .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 {
4175
- padding: 3px 0 0 12px;
4212
+ padding: 4px 6px 6px;
4176
4213
  font-size: 18px;
4177
4214
  }
4178
4215
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
@@ -4404,7 +4441,7 @@
4404
4441
  }
4405
4442
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
4406
4443
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
4407
- padding-right: 16px;
4444
+ padding-right: 12px;
4408
4445
  }
4409
4446
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
4410
4447
  font-size: 16px;
@@ -4447,7 +4484,8 @@
4447
4484
  .e-bigger .e-agenda-view .e-appointment {
4448
4485
  padding: 7px 16px;
4449
4486
  }
4450
- .e-bigger .e-agenda-view .e-subject {
4487
+ .e-bigger .e-agenda-view .e-subject,
4488
+ .e-bigger .e-agenda-view .e-inline-subject {
4451
4489
  font-size: 16px;
4452
4490
  }
4453
4491
  .e-bigger .e-agenda-view .e-date-time {
@@ -5106,14 +5144,14 @@
5106
5144
  padding: 0 12px 14px 0;
5107
5145
  }
5108
5146
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
5109
- padding-left: 70px;
5147
+ padding-left: 50px;
5110
5148
  }
5111
5149
  .e-bigger .e-recurrenceeditor .e-week-position {
5112
5150
  min-width: 130px;
5113
5151
  right: 0;
5114
5152
  }
5115
5153
  .e-bigger .e-recurrenceeditor .e-day-position {
5116
- min-width: 197px;
5154
+ min-width: 190px;
5117
5155
  padding-left: 54px;
5118
5156
  }
5119
5157
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -5178,8 +5216,7 @@
5178
5216
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
5179
5217
  left: 0;
5180
5218
  }
5181
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
5182
- .e-bigger .e-device .e-recurrence-table .e-day-position {
5219
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
5183
5220
  padding-left: 20px;
5184
5221
  }
5185
5222
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -1288,6 +1288,17 @@
1288
1288
  vertical-align: top;
1289
1289
  width: 36px;
1290
1290
  }
1291
+ .e-schedule .e-clipboard {
1292
+ cursor: default;
1293
+ height: 1px;
1294
+ left: -1000px;
1295
+ position: fixed;
1296
+ resize: none;
1297
+ top: -1000px;
1298
+ width: 1px;
1299
+ overflow: hidden;
1300
+ opacity: 0;
1301
+ }
1291
1302
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1292
1303
  border-bottom-width: 0;
1293
1304
  }
@@ -2405,13 +2416,18 @@
2405
2416
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2406
2417
  color: #fff;
2407
2418
  }
2408
- .e-schedule .e-agenda-view .e-subject {
2419
+ .e-schedule .e-agenda-view .e-subject,
2420
+ .e-schedule .e-agenda-view .e-inline-subject {
2409
2421
  color: #000;
2410
2422
  font-size: 14px;
2411
2423
  line-height: 23px;
2412
2424
  overflow: hidden;
2413
2425
  text-overflow: ellipsis;
2414
2426
  }
2427
+ .e-schedule .e-agenda-view .e-inline-subject {
2428
+ font-weight: normal;
2429
+ padding-top: 0;
2430
+ }
2415
2431
  .e-schedule .e-agenda-view .e-resource-name {
2416
2432
  color: #000;
2417
2433
  font-size: 13px;
@@ -3452,6 +3468,7 @@
3452
3468
  margin: 0;
3453
3469
  max-width: 100%;
3454
3470
  overflow: hidden;
3471
+ position: fixed;
3455
3472
  right: 0;
3456
3473
  top: 0;
3457
3474
  width: 100%;
@@ -3688,10 +3705,6 @@
3688
3705
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3689
3706
  border-left-width: 0;
3690
3707
  }
3691
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3692
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3693
- border-bottom-width: 0;
3694
- }
3695
3708
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3696
3709
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3697
3710
  background: #fff;
@@ -1288,6 +1288,17 @@
1288
1288
  vertical-align: top;
1289
1289
  width: 36px;
1290
1290
  }
1291
+ .e-schedule .e-clipboard {
1292
+ cursor: default;
1293
+ height: 1px;
1294
+ left: -1000px;
1295
+ position: fixed;
1296
+ resize: none;
1297
+ top: -1000px;
1298
+ width: 1px;
1299
+ overflow: hidden;
1300
+ opacity: 0;
1301
+ }
1291
1302
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1292
1303
  border-bottom-width: 0;
1293
1304
  }
@@ -2405,13 +2416,18 @@
2405
2416
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2406
2417
  color: #fff;
2407
2418
  }
2408
- .e-schedule .e-agenda-view .e-subject {
2419
+ .e-schedule .e-agenda-view .e-subject,
2420
+ .e-schedule .e-agenda-view .e-inline-subject {
2409
2421
  color: #000;
2410
2422
  font-size: 14px;
2411
2423
  line-height: 23px;
2412
2424
  overflow: hidden;
2413
2425
  text-overflow: ellipsis;
2414
2426
  }
2427
+ .e-schedule .e-agenda-view .e-inline-subject {
2428
+ font-weight: normal;
2429
+ padding-top: 0;
2430
+ }
2415
2431
  .e-schedule .e-agenda-view .e-resource-name {
2416
2432
  color: #000;
2417
2433
  font-size: 13px;
@@ -3452,6 +3468,7 @@
3452
3468
  margin: 0;
3453
3469
  max-width: 100%;
3454
3470
  overflow: hidden;
3471
+ position: fixed;
3455
3472
  right: 0;
3456
3473
  top: 0;
3457
3474
  width: 100%;
@@ -3688,10 +3705,6 @@
3688
3705
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3689
3706
  border-left-width: 0;
3690
3707
  }
3691
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3692
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3693
- border-bottom-width: 0;
3694
- }
3695
3708
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3696
3709
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3697
3710
  background: #fff;
@@ -4253,7 +4266,8 @@
4253
4266
  .e-bigger .e-agenda-view .e-appointment {
4254
4267
  padding: 0 8px;
4255
4268
  }
4256
- .e-bigger .e-agenda-view .e-subject {
4269
+ .e-bigger .e-agenda-view .e-subject,
4270
+ .e-bigger .e-agenda-view .e-inline-subject {
4257
4271
  font-size: 16px;
4258
4272
  }
4259
4273
  .e-bigger .e-agenda-view .e-date-time {
@@ -4911,7 +4925,7 @@
4911
4925
  padding: 0 12px 14px 0;
4912
4926
  }
4913
4927
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4914
- padding-left: 70px;
4928
+ padding-left: 50px;
4915
4929
  }
4916
4930
  .e-bigger .e-recurrenceeditor .e-week-position {
4917
4931
  min-width: 130px;
@@ -4980,8 +4994,7 @@
4980
4994
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4981
4995
  left: 0;
4982
4996
  }
4983
- .e-bigger .e-device .e-recurrence-table .e-monthday-element,
4984
- .e-bigger .e-device .e-recurrence-table .e-day-position {
4997
+ .e-bigger .e-device .e-recurrence-table .e-monthday-element {
4985
4998
  padding-left: 20px;
4986
4999
  }
4987
5000
  .e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
@@ -15,7 +15,7 @@
15
15
  .e-ddl.e-popup .e-content.e-nodata {
16
16
  background-color: #000;
17
17
  }
18
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
18
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
19
19
  color: #ffd939;
20
20
  }
21
21
  .e-ddl.e-popup .e-input-group {
@@ -1297,6 +1297,17 @@
1297
1297
  vertical-align: top;
1298
1298
  width: 36px;
1299
1299
  }
1300
+ .e-schedule .e-clipboard {
1301
+ cursor: default;
1302
+ height: 1px;
1303
+ left: -1000px;
1304
+ position: fixed;
1305
+ resize: none;
1306
+ top: -1000px;
1307
+ width: 1px;
1308
+ overflow: hidden;
1309
+ opacity: 0;
1310
+ }
1300
1311
  .e-schedule .e-month-view .e-content-wrap table tr:last-child td {
1301
1312
  border-bottom-width: 0;
1302
1313
  }
@@ -2414,13 +2425,18 @@
2414
2425
  .e-schedule .e-agenda-view .e-active-appointment-agenda .e-location {
2415
2426
  color: #000;
2416
2427
  }
2417
- .e-schedule .e-agenda-view .e-subject {
2428
+ .e-schedule .e-agenda-view .e-subject,
2429
+ .e-schedule .e-agenda-view .e-inline-subject {
2418
2430
  color: #fff;
2419
2431
  font-size: 14px;
2420
2432
  line-height: 23px;
2421
2433
  overflow: hidden;
2422
2434
  text-overflow: ellipsis;
2423
2435
  }
2436
+ .e-schedule .e-agenda-view .e-inline-subject {
2437
+ font-weight: normal;
2438
+ padding-top: 0;
2439
+ }
2424
2440
  .e-schedule .e-agenda-view .e-resource-name {
2425
2441
  color: #fff;
2426
2442
  font-size: 13px;
@@ -3461,6 +3477,7 @@
3461
3477
  margin: 0;
3462
3478
  max-width: 100%;
3463
3479
  overflow: hidden;
3480
+ position: fixed;
3464
3481
  right: 0;
3465
3482
  top: 0;
3466
3483
  width: 100%;
@@ -3697,10 +3714,6 @@
3697
3714
  .e-schedule .e-timeline-month-view .e-content-wrap table td:first-child {
3698
3715
  border-left-width: 0;
3699
3716
  }
3700
- .e-schedule .e-timeline-view .e-content-wrap table tr:last-child td,
3701
- .e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td {
3702
- border-bottom-width: 0;
3703
- }
3704
3717
  .e-schedule .e-timeline-view .e-date-header-wrap table td,
3705
3718
  .e-schedule .e-timeline-month-view .e-date-header-wrap table td {
3706
3719
  background: #000;