@syncfusion/ej2-schedule 19.4.50 → 20.1.47

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