@syncfusion/ej2-react-schedule 21.2.9 → 22.1.34

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 (46) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/ej2-react-schedule.min.js +1 -1
  3. package/dist/ej2-react-schedule.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +15 -12
  6. package/styles/bootstrap.css +15 -12
  7. package/styles/bootstrap4.css +16 -13
  8. package/styles/bootstrap5-dark.css +15 -12
  9. package/styles/bootstrap5.css +15 -12
  10. package/styles/fabric-dark.css +15 -12
  11. package/styles/fabric.css +15 -12
  12. package/styles/fluent-dark.css +15 -12
  13. package/styles/fluent.css +15 -12
  14. package/styles/highcontrast-light.css +16 -13
  15. package/styles/highcontrast.css +16 -13
  16. package/styles/material-dark.css +15 -12
  17. package/styles/material.css +15 -12
  18. package/styles/material3-dark.css +4653 -0
  19. package/styles/material3-dark.scss +3 -0
  20. package/styles/material3.css +4764 -0
  21. package/styles/material3.scss +3 -0
  22. package/styles/recurrence-editor/material3-dark.css +593 -0
  23. package/styles/recurrence-editor/material3-dark.scss +2 -0
  24. package/styles/recurrence-editor/material3.css +649 -0
  25. package/styles/recurrence-editor/material3.scss +2 -0
  26. package/styles/schedule/bootstrap-dark.css +15 -12
  27. package/styles/schedule/bootstrap.css +15 -12
  28. package/styles/schedule/bootstrap4.css +16 -13
  29. package/styles/schedule/bootstrap5-dark.css +15 -12
  30. package/styles/schedule/bootstrap5.css +15 -12
  31. package/styles/schedule/fabric-dark.css +15 -12
  32. package/styles/schedule/fabric.css +15 -12
  33. package/styles/schedule/fluent-dark.css +15 -12
  34. package/styles/schedule/fluent.css +15 -12
  35. package/styles/schedule/highcontrast-light.css +16 -13
  36. package/styles/schedule/highcontrast.css +16 -13
  37. package/styles/schedule/material-dark.css +15 -12
  38. package/styles/schedule/material.css +15 -12
  39. package/styles/schedule/material3-dark.css +4191 -0
  40. package/styles/schedule/material3-dark.scss +2 -0
  41. package/styles/schedule/material3.css +4247 -0
  42. package/styles/schedule/material3.scss +2 -0
  43. package/styles/schedule/tailwind-dark.css +15 -12
  44. package/styles/schedule/tailwind.css +15 -12
  45. package/styles/tailwind-dark.css +15 -12
  46. package/styles/tailwind.css +15 -12
@@ -1712,20 +1712,13 @@
1712
1712
  }
1713
1713
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1714
1714
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1715
- line-height: 38px;
1715
+ line-height: 22px;
1716
1716
  padding: 0 5px;
1717
1717
  }
1718
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1719
- display: block;
1720
- }
1721
1718
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1722
1719
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1723
- font-size: 10px;
1724
- line-height: 38px;
1725
- padding-right: 7px;
1726
- }
1727
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1728
- padding-right: 5px;
1720
+ line-height: 22px;
1721
+ padding: 0 2px;
1729
1722
  }
1730
1723
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1731
1724
  border: 0;
@@ -2192,6 +2185,12 @@
2192
2185
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2193
2186
  background: #400074;
2194
2187
  }
2188
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2189
+ display: -ms-inline-flexbox;
2190
+ display: inline-flex;
2191
+ -ms-flex-direction: row-reverse;
2192
+ flex-direction: row-reverse;
2193
+ }
2195
2194
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2196
2195
  display: -ms-flexbox;
2197
2196
  display: flex;
@@ -2587,9 +2586,9 @@
2587
2586
  height: 35px;
2588
2587
  }
2589
2588
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2590
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2589
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2591
2590
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2592
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2591
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2593
2592
  font-size: 14px;
2594
2593
  }
2595
2594
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2606,6 +2605,10 @@
2606
2605
  .e-bigger.e-schedule .e-month-view .e-m-day {
2607
2606
  font-size: 14px;
2608
2607
  }
2608
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2609
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2610
+ min-width: 306px;
2611
+ }
2609
2612
 
2610
2613
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2611
2614
  border: 1px solid #fff;
@@ -3834,7 +3837,7 @@
3834
3837
  border-top: 1px solid #400074;
3835
3838
  }
3836
3839
  .e-schedule .e-vertical-view .e-previous-timeline {
3837
- border-top: 1px dotted #400074;
3840
+ border-top: 1px dashed #400074;
3838
3841
  }
3839
3842
  .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
3840
3843
  border-bottom-width: 1px;
@@ -1716,20 +1716,13 @@
1716
1716
  }
1717
1717
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1718
1718
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1719
- line-height: 38px;
1719
+ line-height: 22px;
1720
1720
  padding: 0 5px;
1721
1721
  }
1722
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1723
- display: block;
1724
- }
1725
1722
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1726
1723
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1727
- font-size: 10px;
1728
- line-height: 38px;
1729
- padding-right: 7px;
1730
- }
1731
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1732
- padding-right: 5px;
1724
+ line-height: 22px;
1725
+ padding: 0 2px;
1733
1726
  }
1734
1727
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1735
1728
  border: 0;
@@ -2196,6 +2189,12 @@
2196
2189
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2197
2190
  background: #ffd939;
2198
2191
  }
2192
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2193
+ display: -ms-inline-flexbox;
2194
+ display: inline-flex;
2195
+ -ms-flex-direction: row-reverse;
2196
+ flex-direction: row-reverse;
2197
+ }
2199
2198
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2200
2199
  display: -ms-flexbox;
2201
2200
  display: flex;
@@ -2591,9 +2590,9 @@
2591
2590
  height: 35px;
2592
2591
  }
2593
2592
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2594
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2593
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2595
2594
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2596
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2595
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2597
2596
  font-size: 14px;
2598
2597
  }
2599
2598
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2610,6 +2609,10 @@
2610
2609
  .e-bigger.e-schedule .e-month-view .e-m-day {
2611
2610
  font-size: 14px;
2612
2611
  }
2612
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2613
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2614
+ min-width: 306px;
2615
+ }
2613
2616
 
2614
2617
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2615
2618
  border: 1px solid #fff;
@@ -3838,7 +3841,7 @@
3838
3841
  border-top: 1px solid #ffd939;
3839
3842
  }
3840
3843
  .e-schedule .e-vertical-view .e-previous-timeline {
3841
- border-top: 1px dotted #ffd939;
3844
+ border-top: 1px dashed #ffd939;
3842
3845
  }
3843
3846
  .e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells {
3844
3847
  border-bottom-width: 1px;
@@ -1657,20 +1657,13 @@
1657
1657
  }
1658
1658
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1659
1659
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1660
- line-height: 38px;
1660
+ line-height: 22px;
1661
1661
  padding: 0 5px;
1662
1662
  }
1663
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1664
- display: block;
1665
- }
1666
1663
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1667
1664
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1668
- font-size: 10px;
1669
- line-height: 38px;
1670
- padding-right: 7px;
1671
- }
1672
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1673
- padding-right: 5px;
1665
+ line-height: 22px;
1666
+ padding: 0 2px;
1674
1667
  }
1675
1668
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1676
1669
  border: 0;
@@ -2137,6 +2130,12 @@
2137
2130
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2138
2131
  background: #757575;
2139
2132
  }
2133
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2134
+ display: -ms-inline-flexbox;
2135
+ display: inline-flex;
2136
+ -ms-flex-direction: row-reverse;
2137
+ flex-direction: row-reverse;
2138
+ }
2140
2139
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2141
2140
  display: -ms-flexbox;
2142
2141
  display: flex;
@@ -2532,9 +2531,9 @@
2532
2531
  height: 35px;
2533
2532
  }
2534
2533
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2535
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2534
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2536
2535
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2537
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2536
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2538
2537
  font-size: 14px;
2539
2538
  }
2540
2539
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2551,6 +2550,10 @@
2551
2550
  .e-bigger.e-schedule .e-month-view .e-m-day {
2552
2551
  font-size: 14px;
2553
2552
  }
2553
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2554
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2555
+ min-width: 306px;
2556
+ }
2554
2557
 
2555
2558
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2556
2559
  border: 1px solid #fff;
@@ -1693,20 +1693,13 @@
1693
1693
  }
1694
1694
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1695
1695
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1696
- line-height: 38px;
1696
+ line-height: 22px;
1697
1697
  padding: 0 5px;
1698
1698
  }
1699
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1700
- display: block;
1701
- }
1702
1699
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1703
1700
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1704
- font-size: 10px;
1705
- line-height: 38px;
1706
- padding-right: 7px;
1707
- }
1708
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1709
- padding-right: 5px;
1701
+ line-height: 22px;
1702
+ padding: 0 2px;
1710
1703
  }
1711
1704
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1712
1705
  border: 0;
@@ -2173,6 +2166,12 @@
2173
2166
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2174
2167
  background: #e0e0e0;
2175
2168
  }
2169
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2170
+ display: -ms-inline-flexbox;
2171
+ display: inline-flex;
2172
+ -ms-flex-direction: row-reverse;
2173
+ flex-direction: row-reverse;
2174
+ }
2176
2175
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2177
2176
  display: -ms-flexbox;
2178
2177
  display: flex;
@@ -2568,9 +2567,9 @@
2568
2567
  height: 35px;
2569
2568
  }
2570
2569
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2571
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2570
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2572
2571
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2573
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2572
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2574
2573
  font-size: 14px;
2575
2574
  }
2576
2575
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2587,6 +2586,10 @@
2587
2586
  .e-bigger.e-schedule .e-month-view .e-m-day {
2588
2587
  font-size: 14px;
2589
2588
  }
2589
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2590
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2591
+ min-width: 306px;
2592
+ }
2590
2593
 
2591
2594
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2592
2595
  border: 1px solid rgba(0, 0, 0, 0.5);