@syncfusion/ej2-react-schedule 19.4.52 → 20.1.48

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 (41) hide show
  1. package/CHANGELOG.md +33 -11
  2. package/dist/ej2-react-schedule.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +19 -8
  5. package/styles/bootstrap.css +19 -8
  6. package/styles/bootstrap4.css +20 -9
  7. package/styles/bootstrap5-dark.css +29 -20
  8. package/styles/bootstrap5.css +29 -20
  9. package/styles/fabric-dark.css +19 -8
  10. package/styles/fabric.css +19 -8
  11. package/styles/fluent-dark.css +5102 -0
  12. package/styles/fluent-dark.scss +2 -0
  13. package/styles/fluent.css +5103 -0
  14. package/styles/fluent.scss +2 -0
  15. package/styles/highcontrast-light.css +19 -8
  16. package/styles/highcontrast.css +20 -9
  17. package/styles/material-dark.css +19 -8
  18. package/styles/material.css +19 -8
  19. package/styles/recurrence-editor/fluent-dark.css +495 -0
  20. package/styles/recurrence-editor/fluent-dark.scss +1 -0
  21. package/styles/recurrence-editor/fluent.css +495 -0
  22. package/styles/recurrence-editor/fluent.scss +1 -0
  23. package/styles/schedule/bootstrap-dark.css +19 -8
  24. package/styles/schedule/bootstrap.css +19 -8
  25. package/styles/schedule/bootstrap4.css +20 -9
  26. package/styles/schedule/bootstrap5-dark.css +29 -20
  27. package/styles/schedule/bootstrap5.css +29 -20
  28. package/styles/schedule/fabric-dark.css +19 -8
  29. package/styles/schedule/fabric.css +19 -8
  30. package/styles/schedule/fluent-dark.css +4606 -0
  31. package/styles/schedule/fluent-dark.scss +1 -0
  32. package/styles/schedule/fluent.css +4607 -0
  33. package/styles/schedule/fluent.scss +1 -0
  34. package/styles/schedule/highcontrast-light.css +19 -8
  35. package/styles/schedule/highcontrast.css +20 -9
  36. package/styles/schedule/material-dark.css +19 -8
  37. package/styles/schedule/material.css +19 -8
  38. package/styles/schedule/tailwind-dark.css +74 -61
  39. package/styles/schedule/tailwind.css +74 -61
  40. package/styles/tailwind-dark.css +74 -61
  41. package/styles/tailwind.css +74 -61
@@ -3,203 +3,203 @@
3
3
  /*! Schedule component's tailwind theme definitions and variables */
4
4
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
5
5
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
6
- content: '\e70f';
6
+ content: '\e765';
7
7
  }
8
8
 
9
9
  .e-schedule .e-schedule-toolbar .e-icon-next::before {
10
- content: '\e7b7';
10
+ content: '\e748';
11
11
  }
12
12
 
13
13
  .e-schedule .e-schedule-toolbar .e-icon-add::before {
14
- content: '\e78a';
14
+ content: '\e805';
15
15
  }
16
16
 
17
17
  .e-schedule .e-schedule-toolbar .e-icon-today::before {
18
- content: '\e767';
18
+ content: '\e778';
19
19
  }
20
20
 
21
21
  .e-schedule .e-schedule-toolbar .e-icon-down-arrow::before {
22
- content: '\e7b3';
22
+ content: '\e729';
23
23
  }
24
24
 
25
25
  .e-schedule .e-schedule-toolbar .e-icon-day::before {
26
- content: '\e742';
26
+ content: '\e75e';
27
27
  }
28
28
 
29
29
  .e-schedule .e-schedule-toolbar .e-icon-week::before {
30
- content: '\e795';
30
+ content: '\e817';
31
31
  }
32
32
 
33
33
  .e-schedule .e-schedule-toolbar .e-icon-workweek::before {
34
- content: '\e795';
34
+ content: '\e817';
35
35
  }
36
36
 
37
37
  .e-schedule .e-schedule-toolbar .e-icon-month::before {
38
- content: '\e719';
38
+ content: '\e7c5';
39
39
  }
40
40
 
41
41
  .e-schedule .e-schedule-toolbar .e-icon-month-agenda::before {
42
- content: '\e770';
42
+ content: '\e75b';
43
43
  }
44
44
 
45
45
  .e-schedule .e-schedule-toolbar .e-icon-agenda::before {
46
- content: '\e718';
46
+ content: '\e74c';
47
47
  }
48
48
 
49
49
  .e-schedule .e-schedule-toolbar .e-icon-year::before {
50
- content: '\e719';
50
+ content: '\e7c5';
51
51
  }
52
52
 
53
53
  .e-schedule .e-schedule-toolbar .e-icon-timeline-year-vertical::before {
54
- content: '\e740';
54
+ content: '\e876';
55
55
  }
56
56
 
57
57
  .e-schedule .e-schedule-toolbar .e-icon-timeline-year-horizontal::before {
58
- content: '\e740';
58
+ content: '\e876';
59
59
  }
60
60
 
61
61
  .e-schedule .e-schedule-toolbar .e-icon-timeline-day::before {
62
- content: '\e7e6';
62
+ content: '\e7da';
63
63
  }
64
64
 
65
65
  .e-schedule .e-schedule-toolbar .e-icon-timeline-week::before {
66
- content: '\e74e';
66
+ content: '\e81f';
67
67
  }
68
68
 
69
69
  .e-schedule .e-schedule-toolbar .e-icon-timeline-workweek::before {
70
- content: '\e73a';
70
+ content: '\e720';
71
71
  }
72
72
 
73
73
  .e-schedule .e-schedule-toolbar .e-icon-timeline-month::before {
74
- content: '\e740';
74
+ content: '\e876';
75
75
  }
76
76
 
77
77
  .e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before {
78
- content: '\e75b';
78
+ content: '\e770';
79
79
  }
80
80
 
81
81
  .e-schedule .e-schedule-toolbar.e-toolbar .e-popup-up-icon::before {
82
- content: '\e75b';
82
+ content: '\e770';
83
83
  }
84
84
 
85
85
  .e-schedule .e-schedule-toolbar.e-rtl .e-icon-prev::before {
86
- content: '\e7b7';
86
+ content: '\e748';
87
87
  }
88
88
 
89
89
  .e-schedule .e-schedule-toolbar.e-rtl .e-icon-next::before {
90
- content: '\e70f';
90
+ content: '\e765';
91
91
  }
92
92
 
93
93
  .e-schedule .e-schedule-resource-toolbar .e-icon-menu::before {
94
- content: '\e75c';
94
+ content: '\e799';
95
95
  }
96
96
 
97
97
  .e-schedule .e-schedule-resource-toolbar .e-icon-next::before {
98
- content: '\e707';
98
+ content: '\e748';
99
99
  }
100
100
 
101
101
  .e-schedule .e-close-icon::before {
102
- content: '\e771';
102
+ content: '\e7e7';
103
103
  }
104
104
 
105
105
  .e-schedule .e-block-indicator::before {
106
- content: '\e77e';
106
+ content: '\e839';
107
107
  }
108
108
 
109
109
  .e-schedule .e-appointment .e-recurrence-icon::before {
110
- content: '\e71d';
110
+ content: '\e772';
111
111
  }
112
112
 
113
113
  .e-schedule .e-appointment .e-recurrence-edit-icon::before {
114
- content: '\e72b';
114
+ content: '\e789';
115
115
  }
116
116
 
117
117
  .e-schedule .e-appointment .e-up-icon::before {
118
- content: '\e798';
118
+ content: '\e822';
119
119
  }
120
120
 
121
121
  .e-schedule .e-appointment .e-down-icon::before {
122
- content: '\e738';
122
+ content: '\e7fe';
123
123
  }
124
124
 
125
125
  .e-schedule .e-appointment .e-left-icon::before {
126
- content: '\e78b';
126
+ content: '\e744';
127
127
  }
128
128
 
129
129
  .e-schedule .e-appointment .e-right-icon::before {
130
- content: '\e751';
130
+ content: '\e7a9';
131
131
  }
132
132
 
133
133
  .e-schedule .e-vertical-view .e-all-day-cells .e-all-day-appointment-section::before {
134
- content: '\e706';
134
+ content: '\e729';
135
135
  }
136
136
 
137
137
  .e-schedule.e-rtl .e-appointment .e-left-icon::before {
138
- content: '\e751';
138
+ content: '\e7a9';
139
139
  }
140
140
 
141
141
  .e-schedule.e-rtl .e-appointment .e-right-icon::before {
142
- content: '\e78b';
142
+ content: '\e744';
143
143
  }
144
144
 
145
145
  .e-schedule .e-resource-tree-icon::before {
146
- content: '\e707';
146
+ content: '\e748';
147
147
  }
148
148
 
149
149
  .e-schedule-dialog.e-device .e-back-icon::before {
150
- content: '\e7a5';
150
+ content: '\e773';
151
151
  }
152
152
 
153
153
  .e-schedule-dialog.e-device .e-save-icon::before {
154
- content: '\e704';
154
+ content: '\e7c8';
155
155
  }
156
156
 
157
157
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
158
- content: '\e7d2';
158
+ content: '\e730';
159
159
  }
160
160
 
161
161
  .e-schedule-dialog.e-device.e-rtl .e-back-icon::before {
162
- content: '\e7a8';
162
+ content: '\e7f9';
163
163
  }
164
164
 
165
165
  .e-quick-popup-wrapper .e-edit-icon::before {
166
- content: '\e7d2';
166
+ content: '\e730';
167
167
  }
168
168
 
169
169
  .e-quick-popup-wrapper .e-delete-icon::before {
170
- content: '\e78d';
170
+ content: '\e820';
171
171
  }
172
172
 
173
173
  .e-quick-popup-wrapper .e-close-icon::before {
174
- content: '\e771';
174
+ content: '\e7e7';
175
175
  }
176
176
 
177
177
  .e-quick-popup-wrapper .e-time-icon::before {
178
- content: '\e730';
178
+ content: '\e705';
179
179
  }
180
180
 
181
181
  .e-quick-popup-wrapper .e-location-icon::before {
182
- content: '\e755';
182
+ content: '\e756';
183
183
  }
184
184
 
185
185
  .e-quick-popup-wrapper .e-time-zone-icon::before {
186
- content: '\e736';
186
+ content: '\e804';
187
187
  }
188
188
 
189
189
  .e-quick-popup-wrapper .e-description-icon::before {
190
- content: '\e7b6';
190
+ content: '\e7c0';
191
191
  }
192
192
 
193
193
  .e-quick-popup-wrapper .e-resource-icon::before {
194
- content: '\e790';
194
+ content: '\e7b9';
195
195
  }
196
196
 
197
197
  .e-quick-popup-wrapper .e-date-time-icon::before {
198
- content: '\e7e6';
198
+ content: '\e7da';
199
199
  }
200
200
 
201
201
  .e-more-popup-wrapper.e-device .e-close-icon::before {
202
- content: '\e771';
202
+ content: '\e7e7';
203
203
  }
204
204
 
205
205
  /*! schedule component layout */
@@ -1855,6 +1855,15 @@
1855
1855
  text-decoration: underline;
1856
1856
  }
1857
1857
 
1858
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1859
+ background-color: #f3f4f6;
1860
+ box-shadow: inset 0 0 0 8px #f9fafb;
1861
+ }
1862
+
1863
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1864
+ background-color: #f3f4f6;
1865
+ }
1866
+
1858
1867
  .e-schedule .e-timeline-year-view .e-event-table {
1859
1868
  position: absolute;
1860
1869
  top: 0;
@@ -1990,6 +1999,12 @@
1990
1999
  top: 0;
1991
2000
  }
1992
2001
 
2002
+ .e-schedule .e-timeline-view .e-appointment-container.e-event-container,
2003
+ .e-schedule .e-timeline-month-view .e-appointment-container.e-event-container {
2004
+ height: 60px;
2005
+ position: relative;
2006
+ }
2007
+
1993
2008
  .e-schedule .e-timeline-view .e-date-header-wrap table col,
1994
2009
  .e-schedule .e-timeline-view .e-content-wrap table col,
1995
2010
  .e-schedule .e-timeline-month-view .e-date-header-wrap table col,
@@ -2099,8 +2114,10 @@
2099
2114
 
2100
2115
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells,
2101
2116
  .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
2117
+ .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container,
2102
2118
  .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
2103
- .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
2119
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells,
2120
+ .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container {
2104
2121
  height: 42px;
2105
2122
  }
2106
2123
 
@@ -2886,13 +2903,6 @@
2886
2903
  padding: 10px 8px 6px;
2887
2904
  }
2888
2905
 
2889
- .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2890
- .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,
2891
- .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
2892
- .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 {
2893
- padding: 0;
2894
- }
2895
-
2896
2906
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2897
2907
  .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,
2898
2908
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
@@ -3728,7 +3738,7 @@
3728
3738
  .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
3729
3739
  color: #6b7280;
3730
3740
  font-size: 18px;
3731
- padding-right: 13px;
3741
+ padding-right: 12px;
3732
3742
  font-size: 18px;
3733
3743
  padding: 2px 12px 0 0;
3734
3744
  }
@@ -3756,8 +3766,6 @@
3756
3766
  display: block;
3757
3767
  padding: 8px 18px 8px 18px;
3758
3768
  text-align: right;
3759
- background-color: #f9fafb;
3760
- border-radius: 0 0 6px 6px;
3761
3769
  }
3762
3770
 
3763
3771
  .e-quick-popup-wrapper .e-popup-footer .e-event-edit {
@@ -3981,6 +3989,10 @@
3981
3989
  padding: 12px 2px 16px;
3982
3990
  }
3983
3991
 
3992
+ .e-bigger .e-agenda-view .e-appointment {
3993
+ padding: 7px 16px;
3994
+ }
3995
+
3984
3996
  .e-bigger .e-agenda-view .e-subject {
3985
3997
  font-size: 16px;
3986
3998
  }
@@ -4124,6 +4136,7 @@
4124
4136
 
4125
4137
  .e-bigger .e-more-popup-wrapper .e-more-event-content,
4126
4138
  .e-more-popup-wrapper .e-more-event-content {
4139
+ color: #111827;
4127
4140
  height: calc(100% - 35px);
4128
4141
  max-height: 150px;
4129
4142
  overflow-y: auto;