@syncfusion/ej2-schedule 31.2.15 → 32.1.19

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 (255) hide show
  1. package/dist/ej2-schedule.min.js +1 -10
  2. package/dist/ej2-schedule.umd.min.js +1 -10
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +22 -25
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +25 -30
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +1 -10
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +11 -11
  12. package/src/recurrence-editor/date-generator.js +0 -4
  13. package/src/schedule/actions/action-base.d.ts +1 -0
  14. package/src/schedule/actions/action-base.js +10 -7
  15. package/src/schedule/actions/drag.js +1 -5
  16. package/src/schedule/actions/keyboard.js +1 -0
  17. package/src/schedule/actions/resize.js +4 -7
  18. package/src/schedule/base/schedule.d.ts +2 -2
  19. package/src/schedule/base/schedule.js +3 -3
  20. package/src/schedule/event-renderer/month.js +2 -1
  21. package/src/schedule/event-renderer/timeline-view.js +2 -1
  22. package/src/schedule/event-renderer/vertical-view.js +1 -1
  23. package/src/schedule/event-renderer/year.js +2 -2
  24. package/styles/bds-lite.css +45 -8
  25. package/styles/bds-lite.scss +18 -18
  26. package/styles/bds.css +45 -8
  27. package/styles/bds.scss +20 -20
  28. package/styles/bootstrap-dark-lite.css +8 -8
  29. package/styles/bootstrap-dark-lite.scss +18 -18
  30. package/styles/bootstrap-dark.css +8 -8
  31. package/styles/bootstrap-dark.scss +20 -20
  32. package/styles/bootstrap-lite.css +8 -8
  33. package/styles/bootstrap-lite.scss +18 -18
  34. package/styles/bootstrap.css +8 -8
  35. package/styles/bootstrap.scss +20 -20
  36. package/styles/bootstrap4-lite.css +10 -10
  37. package/styles/bootstrap4-lite.scss +18 -18
  38. package/styles/bootstrap4.css +10 -10
  39. package/styles/bootstrap4.scss +20 -20
  40. package/styles/bootstrap5-dark-lite.css +8 -8
  41. package/styles/bootstrap5-dark-lite.scss +18 -18
  42. package/styles/bootstrap5-dark.css +8 -8
  43. package/styles/bootstrap5-dark.scss +20 -20
  44. package/styles/bootstrap5-lite.css +8 -8
  45. package/styles/bootstrap5-lite.scss +19 -18
  46. package/styles/bootstrap5.3-lite.css +112 -32
  47. package/styles/bootstrap5.3-lite.scss +19 -18
  48. package/styles/bootstrap5.3.css +114 -34
  49. package/styles/bootstrap5.3.scss +21 -20
  50. package/styles/bootstrap5.css +8 -8
  51. package/styles/bootstrap5.scss +21 -20
  52. package/styles/fabric-dark-lite.css +8 -8
  53. package/styles/fabric-dark-lite.scss +19 -18
  54. package/styles/fabric-dark.css +8 -8
  55. package/styles/fabric-dark.scss +21 -20
  56. package/styles/fabric-lite.css +8 -8
  57. package/styles/fabric-lite.scss +19 -18
  58. package/styles/fabric.css +8 -8
  59. package/styles/fabric.scss +21 -20
  60. package/styles/fluent-dark-lite.css +10 -10
  61. package/styles/fluent-dark-lite.scss +19 -18
  62. package/styles/fluent-dark.css +10 -10
  63. package/styles/fluent-dark.scss +21 -20
  64. package/styles/fluent-lite.css +10 -10
  65. package/styles/fluent-lite.scss +19 -18
  66. package/styles/fluent.css +10 -10
  67. package/styles/fluent.scss +21 -20
  68. package/styles/fluent2-lite.css +267 -34
  69. package/styles/fluent2-lite.scss +19 -18
  70. package/styles/fluent2.css +270 -37
  71. package/styles/fluent2.scss +21 -20
  72. package/styles/highcontrast-light-lite.css +8 -8
  73. package/styles/highcontrast-light-lite.scss +19 -18
  74. package/styles/highcontrast-light.css +8 -8
  75. package/styles/highcontrast-light.scss +21 -20
  76. package/styles/highcontrast-lite.css +8 -8
  77. package/styles/highcontrast-lite.scss +19 -18
  78. package/styles/highcontrast.css +8 -8
  79. package/styles/highcontrast.scss +21 -20
  80. package/styles/material-dark-lite.css +10 -10
  81. package/styles/material-dark-lite.scss +19 -18
  82. package/styles/material-dark.css +10 -10
  83. package/styles/material-dark.scss +21 -20
  84. package/styles/material-lite.css +12 -10
  85. package/styles/material-lite.scss +18 -18
  86. package/styles/material.css +12 -10
  87. package/styles/material.scss +20 -20
  88. package/styles/material3-dark-lite.css +432 -9
  89. package/styles/material3-dark-lite.scss +19 -18
  90. package/styles/material3-dark.css +432 -9
  91. package/styles/material3-dark.scss +21 -22
  92. package/styles/material3-lite.css +449 -26
  93. package/styles/material3-lite.scss +19 -18
  94. package/styles/material3.css +451 -28
  95. package/styles/material3.scss +21 -22
  96. package/styles/recurrence-editor/_all.scss +2 -2
  97. package/styles/recurrence-editor/_bds-definition.scss +27 -1
  98. package/styles/recurrence-editor/_bigger.scss +21 -19
  99. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +27 -1
  100. package/styles/recurrence-editor/_bootstrap-definition.scss +27 -1
  101. package/styles/recurrence-editor/_bootstrap4-definition.scss +27 -1
  102. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +41 -1
  103. package/styles/recurrence-editor/_bootstrap5-definition.scss +27 -1
  104. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +27 -1
  105. package/styles/recurrence-editor/_fabric-dark-definition.scss +27 -1
  106. package/styles/recurrence-editor/_fabric-definition.scss +27 -1
  107. package/styles/recurrence-editor/_fluent-dark-definition.scss +41 -1
  108. package/styles/recurrence-editor/_fluent-definition.scss +27 -1
  109. package/styles/recurrence-editor/_fluent2-definition.scss +27 -1
  110. package/styles/recurrence-editor/_fusionnew-definition.scss +27 -1
  111. package/styles/recurrence-editor/_highcontrast-definition.scss +27 -1
  112. package/styles/recurrence-editor/_highcontrast-light-definition.scss +27 -1
  113. package/styles/recurrence-editor/_layout.scss +60 -58
  114. package/styles/recurrence-editor/_material-dark-definition.scss +27 -1
  115. package/styles/recurrence-editor/_material-definition.scss +27 -1
  116. package/styles/recurrence-editor/_material3-dark-definition.scss +41 -1
  117. package/styles/recurrence-editor/_material3-definition.scss +27 -1
  118. package/styles/recurrence-editor/_tailwind-dark-definition.scss +41 -1
  119. package/styles/recurrence-editor/_tailwind-definition.scss +27 -1
  120. package/styles/recurrence-editor/_tailwind3-definition.scss +27 -1
  121. package/styles/recurrence-editor/_theme-variables.scss +1 -0
  122. package/styles/recurrence-editor/bds.scss +9 -9
  123. package/styles/recurrence-editor/bootstrap-dark.scss +9 -9
  124. package/styles/recurrence-editor/bootstrap.scss +9 -9
  125. package/styles/recurrence-editor/bootstrap4.css +2 -2
  126. package/styles/recurrence-editor/bootstrap4.scss +9 -9
  127. package/styles/recurrence-editor/bootstrap5-dark.scss +9 -9
  128. package/styles/recurrence-editor/bootstrap5.3.css +81 -1
  129. package/styles/recurrence-editor/bootstrap5.3.scss +9 -9
  130. package/styles/recurrence-editor/bootstrap5.scss +9 -9
  131. package/styles/recurrence-editor/fabric-dark.scss +9 -9
  132. package/styles/recurrence-editor/fabric.scss +9 -9
  133. package/styles/recurrence-editor/fluent-dark.css +2 -2
  134. package/styles/recurrence-editor/fluent-dark.scss +9 -9
  135. package/styles/recurrence-editor/fluent.css +2 -2
  136. package/styles/recurrence-editor/fluent.scss +9 -9
  137. package/styles/recurrence-editor/fluent2.css +334 -6
  138. package/styles/recurrence-editor/fluent2.scss +9 -9
  139. package/styles/recurrence-editor/highcontrast-light.scss +9 -9
  140. package/styles/recurrence-editor/highcontrast.scss +9 -9
  141. package/styles/recurrence-editor/material-dark.css +2 -2
  142. package/styles/recurrence-editor/material-dark.scss +9 -9
  143. package/styles/recurrence-editor/material.css +2 -2
  144. package/styles/recurrence-editor/material.scss +9 -9
  145. package/styles/recurrence-editor/material3-dark.css +140 -1
  146. package/styles/recurrence-editor/material3-dark.scss +9 -10
  147. package/styles/recurrence-editor/material3.css +140 -1
  148. package/styles/recurrence-editor/material3.scss +9 -10
  149. package/styles/recurrence-editor/tailwind-dark.scss +9 -9
  150. package/styles/recurrence-editor/tailwind.scss +9 -9
  151. package/styles/recurrence-editor/tailwind3.css +71 -1
  152. package/styles/recurrence-editor/tailwind3.scss +9 -9
  153. package/styles/schedule/_all.scss +2 -2
  154. package/styles/schedule/_bds-definition.scss +105 -0
  155. package/styles/schedule/_bigger.scss +88 -86
  156. package/styles/schedule/_bootstrap-dark-definition.scss +105 -0
  157. package/styles/schedule/_bootstrap-definition.scss +105 -0
  158. package/styles/schedule/_bootstrap4-definition.scss +105 -0
  159. package/styles/schedule/_bootstrap5-dark-definition.scss +385 -1
  160. package/styles/schedule/_bootstrap5-definition.scss +105 -0
  161. package/styles/schedule/_bootstrap5.3-definition.scss +113 -8
  162. package/styles/schedule/_fabric-dark-definition.scss +105 -0
  163. package/styles/schedule/_fabric-definition.scss +105 -0
  164. package/styles/schedule/_fluent-dark-definition.scss +385 -1
  165. package/styles/schedule/_fluent-definition.scss +105 -0
  166. package/styles/schedule/_fluent2-definition.scss +111 -6
  167. package/styles/schedule/_fusionnew-definition.scss +103 -0
  168. package/styles/schedule/_highcontrast-definition.scss +105 -0
  169. package/styles/schedule/_highcontrast-light-definition.scss +105 -0
  170. package/styles/schedule/_layout.scss +395 -391
  171. package/styles/schedule/_material-dark-definition.scss +105 -0
  172. package/styles/schedule/_material-definition.scss +105 -0
  173. package/styles/schedule/_material3-dark-definition.scss +384 -1
  174. package/styles/schedule/_material3-definition.scss +111 -6
  175. package/styles/schedule/_tailwind-dark-definition.scss +380 -1
  176. package/styles/schedule/_tailwind-definition.scss +105 -0
  177. package/styles/schedule/_tailwind3-definition.scss +112 -7
  178. package/styles/schedule/_theme-variables.scss +1 -0
  179. package/styles/schedule/_theme.scss +34 -32
  180. package/styles/schedule/bds.css +45 -8
  181. package/styles/schedule/bds.scss +18 -17
  182. package/styles/schedule/bootstrap-dark.css +8 -8
  183. package/styles/schedule/bootstrap-dark.scss +18 -17
  184. package/styles/schedule/bootstrap.css +8 -8
  185. package/styles/schedule/bootstrap.scss +18 -17
  186. package/styles/schedule/bootstrap4.css +8 -8
  187. package/styles/schedule/bootstrap4.scss +18 -17
  188. package/styles/schedule/bootstrap5-dark.css +8 -8
  189. package/styles/schedule/bootstrap5-dark.scss +18 -16
  190. package/styles/schedule/bootstrap5.3.css +114 -34
  191. package/styles/schedule/bootstrap5.3.scss +18 -17
  192. package/styles/schedule/bootstrap5.css +8 -8
  193. package/styles/schedule/bootstrap5.scss +18 -17
  194. package/styles/schedule/fabric-dark.css +8 -8
  195. package/styles/schedule/fabric-dark.scss +18 -17
  196. package/styles/schedule/fabric.css +8 -8
  197. package/styles/schedule/fabric.scss +18 -17
  198. package/styles/schedule/fluent-dark.css +8 -8
  199. package/styles/schedule/fluent-dark.scss +18 -16
  200. package/styles/schedule/fluent.css +8 -8
  201. package/styles/schedule/fluent.scss +18 -17
  202. package/styles/schedule/fluent2.css +266 -33
  203. package/styles/schedule/fluent2.scss +18 -17
  204. package/styles/schedule/highcontrast-light.css +8 -8
  205. package/styles/schedule/highcontrast-light.scss +18 -17
  206. package/styles/schedule/highcontrast.css +8 -8
  207. package/styles/schedule/highcontrast.scss +18 -17
  208. package/styles/schedule/icons/_bds.scss +1 -0
  209. package/styles/schedule/icons/_bootstrap-dark.scss +1 -0
  210. package/styles/schedule/icons/_bootstrap.scss +1 -0
  211. package/styles/schedule/icons/_bootstrap4.scss +1 -0
  212. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -1
  213. package/styles/schedule/icons/_bootstrap5.3.scss +1 -0
  214. package/styles/schedule/icons/_bootstrap5.scss +1 -0
  215. package/styles/schedule/icons/_fabric-dark.scss +1 -0
  216. package/styles/schedule/icons/_fabric.scss +1 -0
  217. package/styles/schedule/icons/_fluent-dark.scss +1 -1
  218. package/styles/schedule/icons/_fluent.scss +1 -0
  219. package/styles/schedule/icons/_fluent2.scss +1 -0
  220. package/styles/schedule/icons/_fusionnew.scss +1 -0
  221. package/styles/schedule/icons/_highcontrast-light.scss +1 -0
  222. package/styles/schedule/icons/_highcontrast.scss +1 -0
  223. package/styles/schedule/icons/_material-dark.scss +1 -0
  224. package/styles/schedule/icons/_material.scss +1 -0
  225. package/styles/schedule/icons/_material3-dark.scss +1 -1
  226. package/styles/schedule/icons/_material3.scss +1 -0
  227. package/styles/schedule/icons/_tailwind-dark.scss +1 -1
  228. package/styles/schedule/icons/_tailwind.scss +1 -0
  229. package/styles/schedule/icons/_tailwind3.scss +1 -0
  230. package/styles/schedule/material-dark.css +8 -8
  231. package/styles/schedule/material-dark.scss +18 -17
  232. package/styles/schedule/material.css +10 -8
  233. package/styles/schedule/material.scss +18 -17
  234. package/styles/schedule/material3-dark.css +432 -9
  235. package/styles/schedule/material3-dark.scss +18 -17
  236. package/styles/schedule/material3.css +451 -28
  237. package/styles/schedule/material3.scss +18 -18
  238. package/styles/schedule/tailwind-dark.css +8 -8
  239. package/styles/schedule/tailwind-dark.scss +18 -16
  240. package/styles/schedule/tailwind.css +8 -8
  241. package/styles/schedule/tailwind.scss +18 -17
  242. package/styles/schedule/tailwind3.css +151 -33
  243. package/styles/schedule/tailwind3.scss +18 -17
  244. package/styles/tailwind-dark-lite.css +8 -8
  245. package/styles/tailwind-dark-lite.scss +19 -18
  246. package/styles/tailwind-dark.css +8 -8
  247. package/styles/tailwind-dark.scss +21 -20
  248. package/styles/tailwind-lite.css +8 -8
  249. package/styles/tailwind-lite.scss +19 -18
  250. package/styles/tailwind.css +8 -8
  251. package/styles/tailwind.scss +21 -20
  252. package/styles/tailwind3-lite.css +149 -31
  253. package/styles/tailwind3-lite.scss +19 -18
  254. package/styles/tailwind3.css +151 -33
  255. package/styles/tailwind3.scss +21 -20
@@ -2266,13 +2266,18 @@
2266
2266
  display: -ms-flexbox;
2267
2267
  display: flex;
2268
2268
  }
2269
- .e-schedule .e-month-agenda-view .e-subject {
2269
+ .e-schedule .e-month-agenda-view .e-subject,
2270
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2270
2271
  color: #212529;
2271
2272
  font-size: 14px;
2272
2273
  line-height: 26px;
2273
2274
  overflow: hidden;
2274
2275
  text-overflow: ellipsis;
2275
2276
  }
2277
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2278
+ font-weight: normal;
2279
+ padding-top: 0;
2280
+ }
2276
2281
  .e-schedule .e-month-agenda-view .e-recurrence-icon,
2277
2282
  .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
2278
2283
  color: #495057;
@@ -2379,6 +2384,7 @@
2379
2384
  }
2380
2385
  .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
2381
2386
  font-size: 16px;
2387
+ line-height: unset;
2382
2388
  }
2383
2389
  .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
2384
2390
  font-size: 12px;
@@ -3278,9 +3284,6 @@
3278
3284
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15);
3279
3285
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15);
3280
3286
  color: #fff;
3281
- display: -webkit-box;
3282
- display: -ms-flexbox;
3283
- display: flex;
3284
3287
  height: 38px;
3285
3288
  width: 100px;
3286
3289
  z-index: 9;
@@ -3330,10 +3333,7 @@
3330
3333
  display: none;
3331
3334
  }
3332
3335
  .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
3333
- padding: 3px 2px;
3334
- }
3335
- .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
3336
- display: none;
3336
+ padding: 0;
3337
3337
  }
3338
3338
 
3339
3339
  .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -1,17 +1,18 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.scss';
2
- @import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/bootstrap5-definition.scss';
4
- @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/bootstrap5-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5-definition.scss';
11
- @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
13
- @import '../recurrence-editor/bootstrap5-definition.scss';
14
- @import 'bootstrap5-definition.scss';
15
- @import 'icons/bootstrap5.scss';
16
- @import 'all.scss';
17
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5' as *;
2
+ @use 'ej2-navigations/styles/toolbar/bootstrap5-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/bootstrap5-definition' as *;
4
+ @use 'ej2-inputs/styles/input/bootstrap5-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/bootstrap5-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap5-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5-definition' as *;
11
+ @use 'ej2-buttons/styles/button/bootstrap5-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/bootstrap5-definition' as *;
13
+ @use '../recurrence-editor/bootstrap5-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/bootstrap5-definition' as *;
15
+ @use 'bootstrap5-definition' as *;
16
+ @use 'icons/bootstrap5' as *;
17
+ @use 'all' as *;
18
+ @use 'bigger' as *;
@@ -2191,13 +2191,18 @@
2191
2191
  display: -ms-flexbox;
2192
2192
  display: flex;
2193
2193
  }
2194
- .e-schedule .e-month-agenda-view .e-subject {
2194
+ .e-schedule .e-month-agenda-view .e-subject,
2195
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2195
2196
  color: #dadada;
2196
2197
  font-size: 14px;
2197
2198
  line-height: 26px;
2198
2199
  overflow: hidden;
2199
2200
  text-overflow: ellipsis;
2200
2201
  }
2202
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2203
+ font-weight: normal;
2204
+ padding-top: 0;
2205
+ }
2201
2206
  .e-schedule .e-month-agenda-view .e-recurrence-icon,
2202
2207
  .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
2203
2208
  color: #dadada;
@@ -2304,6 +2309,7 @@
2304
2309
  }
2305
2310
  .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
2306
2311
  font-size: 18px;
2312
+ line-height: unset;
2307
2313
  }
2308
2314
  .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
2309
2315
  font-size: 13px;
@@ -3203,9 +3209,6 @@
3203
3209
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3204
3210
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3205
3211
  color: #fff;
3206
- display: -webkit-box;
3207
- display: -ms-flexbox;
3208
- display: flex;
3209
3212
  height: 38px;
3210
3213
  width: 100px;
3211
3214
  z-index: 9;
@@ -3255,10 +3258,7 @@
3255
3258
  display: none;
3256
3259
  }
3257
3260
  .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
3258
- padding: 3px 2px;
3259
- }
3260
- .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
3261
- display: none;
3261
+ padding: 0;
3262
3262
  }
3263
3263
 
3264
3264
  .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -1,17 +1,18 @@
1
- @import 'ej2-base/styles/definition/fabric-dark.scss';
2
- @import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/fabric-dark-definition.scss';
4
- @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/fabric-dark-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
11
- @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
13
- @import '../recurrence-editor/fabric-dark-definition.scss';
14
- @import 'fabric-dark-definition.scss';
15
- @import 'icons/fabric-dark.scss';
16
- @import 'all.scss';
17
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fabric-dark' as *;
2
+ @use 'ej2-navigations/styles/toolbar/fabric-dark-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/fabric-dark-definition' as *;
4
+ @use 'ej2-inputs/styles/input/fabric-dark-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/fabric-dark-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/fabric-dark-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/fabric-dark-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/fabric-dark-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/fabric-dark-definition' as *;
11
+ @use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/fabric-dark-definition' as *;
13
+ @use '../recurrence-editor/fabric-dark-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/fabric-dark-definition' as *;
15
+ @use 'fabric-dark-definition' as *;
16
+ @use 'icons/fabric-dark' as *;
17
+ @use 'all' as *;
18
+ @use 'bigger' as *;
@@ -2188,13 +2188,18 @@
2188
2188
  display: -ms-flexbox;
2189
2189
  display: flex;
2190
2190
  }
2191
- .e-schedule .e-month-agenda-view .e-subject {
2191
+ .e-schedule .e-month-agenda-view .e-subject,
2192
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2192
2193
  color: #333;
2193
2194
  font-size: 14px;
2194
2195
  line-height: 26px;
2195
2196
  overflow: hidden;
2196
2197
  text-overflow: ellipsis;
2197
2198
  }
2199
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2200
+ font-weight: normal;
2201
+ padding-top: 0;
2202
+ }
2198
2203
  .e-schedule .e-month-agenda-view .e-recurrence-icon,
2199
2204
  .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
2200
2205
  color: #767676;
@@ -2301,6 +2306,7 @@
2301
2306
  }
2302
2307
  .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
2303
2308
  font-size: 18px;
2309
+ line-height: unset;
2304
2310
  }
2305
2311
  .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
2306
2312
  font-size: 13px;
@@ -3200,9 +3206,6 @@
3200
3206
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3201
3207
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
3202
3208
  color: #fff;
3203
- display: -webkit-box;
3204
- display: -ms-flexbox;
3205
- display: flex;
3206
3209
  height: 38px;
3207
3210
  width: 100px;
3208
3211
  z-index: 9;
@@ -3252,10 +3255,7 @@
3252
3255
  display: none;
3253
3256
  }
3254
3257
  .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
3255
- padding: 3px 2px;
3256
- }
3257
- .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
3258
- display: none;
3258
+ padding: 0;
3259
3259
  }
3260
3260
 
3261
3261
  .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -1,17 +1,18 @@
1
- @import 'ej2-base/styles/definition/fabric.scss';
2
- @import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/fabric-definition.scss';
4
- @import 'ej2-inputs/styles/input/fabric-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/fabric-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
11
- @import 'ej2-buttons/styles/button/fabric-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/fabric-definition.scss';
13
- @import '../recurrence-editor/fabric-definition.scss';
14
- @import 'fabric-definition.scss';
15
- @import 'icons/fabric.scss';
16
- @import 'all.scss';
17
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fabric' as *;
2
+ @use 'ej2-navigations/styles/toolbar/fabric-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/fabric-definition' as *;
4
+ @use 'ej2-inputs/styles/input/fabric-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/fabric-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/fabric-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/fabric-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/fabric-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/fabric-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/fabric-definition' as *;
11
+ @use 'ej2-buttons/styles/button/fabric-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/fabric-definition' as *;
13
+ @use '../recurrence-editor/fabric-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/fabric-definition' as *;
15
+ @use 'fabric-definition' as *;
16
+ @use 'icons/fabric' as *;
17
+ @use 'all' as *;
18
+ @use 'bigger' as *;
@@ -2254,13 +2254,18 @@
2254
2254
  display: -ms-flexbox;
2255
2255
  display: flex;
2256
2256
  }
2257
- .e-schedule .e-month-agenda-view .e-subject {
2257
+ .e-schedule .e-month-agenda-view .e-subject,
2258
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2258
2259
  color: #f3f2f1;
2259
2260
  font-size: 14px;
2260
2261
  line-height: 26px;
2261
2262
  overflow: hidden;
2262
2263
  text-overflow: ellipsis;
2263
2264
  }
2265
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2266
+ font-weight: normal;
2267
+ padding-top: 0;
2268
+ }
2264
2269
  .e-schedule .e-month-agenda-view .e-recurrence-icon,
2265
2270
  .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
2266
2271
  color: #a19f9d;
@@ -2367,6 +2372,7 @@
2367
2372
  }
2368
2373
  .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
2369
2374
  font-size: 16px;
2375
+ line-height: unset;
2370
2376
  }
2371
2377
  .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
2372
2378
  font-size: 12px;
@@ -3266,9 +3272,6 @@
3266
3272
  -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3267
3273
  box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3268
3274
  color: #1b1a19;
3269
- display: -webkit-box;
3270
- display: -ms-flexbox;
3271
- display: flex;
3272
3275
  height: 38px;
3273
3276
  width: 100px;
3274
3277
  z-index: 9;
@@ -3318,10 +3321,7 @@
3318
3321
  display: none;
3319
3322
  }
3320
3323
  .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
3321
- padding: 3px 2px;
3322
- }
3323
- .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
3324
- display: none;
3324
+ padding: 0;
3325
3325
  }
3326
3326
 
3327
3327
  .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -1,16 +1,18 @@
1
- @import 'ej2-base/styles/definition/fluent-dark.scss';
2
- @import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/fluent-dark-definition.scss';
4
- @import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/fluent-dark-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
11
- @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
13
- @import 'fluent-dark-definition.scss';
14
- @import 'icons/fluent-dark.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fluent-dark' as *;
2
+ @use 'ej2-navigations/styles/toolbar/fluent-dark-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/fluent-dark-definition' as *;
4
+ @use 'ej2-inputs/styles/input/fluent-dark-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/fluent-dark-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/fluent-dark-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/fluent-dark-definition' as *;
11
+ @use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/fluent-dark-definition' as *;
13
+ @use '../recurrence-editor/fluent-dark-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/fluent-dark-definition' as *;
15
+ @use 'fluent-dark-definition' as *;
16
+ @use 'icons/fluent-dark' as *;
17
+ @use 'all' as *;
18
+ @use 'bigger' as *;
@@ -2254,13 +2254,18 @@
2254
2254
  display: -ms-flexbox;
2255
2255
  display: flex;
2256
2256
  }
2257
- .e-schedule .e-month-agenda-view .e-subject {
2257
+ .e-schedule .e-month-agenda-view .e-subject,
2258
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2258
2259
  color: #201f1e;
2259
2260
  font-size: 14px;
2260
2261
  line-height: 26px;
2261
2262
  overflow: hidden;
2262
2263
  text-overflow: ellipsis;
2263
2264
  }
2265
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2266
+ font-weight: normal;
2267
+ padding-top: 0;
2268
+ }
2264
2269
  .e-schedule .e-month-agenda-view .e-recurrence-icon,
2265
2270
  .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
2266
2271
  color: #605e5c;
@@ -2367,6 +2372,7 @@
2367
2372
  }
2368
2373
  .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
2369
2374
  font-size: 16px;
2375
+ line-height: unset;
2370
2376
  }
2371
2377
  .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
2372
2378
  font-size: 12px;
@@ -3266,9 +3272,6 @@
3266
3272
  -webkit-box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3267
3273
  box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
3268
3274
  color: #fff;
3269
- display: -webkit-box;
3270
- display: -ms-flexbox;
3271
- display: flex;
3272
3275
  height: 38px;
3273
3276
  width: 100px;
3274
3277
  z-index: 9;
@@ -3318,10 +3321,7 @@
3318
3321
  display: none;
3319
3322
  }
3320
3323
  .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
3321
- padding: 3px 2px;
3322
- }
3323
- .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
3324
- display: none;
3324
+ padding: 0;
3325
3325
  }
3326
3326
 
3327
3327
  .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -1,17 +1,18 @@
1
- @import 'ej2-base/styles/definition/fluent.scss';
2
- @import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/fluent-definition.scss';
4
- @import 'ej2-inputs/styles/input/fluent-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/fluent-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
11
- @import 'ej2-buttons/styles/button/fluent-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/fluent-definition.scss';
13
- @import '../recurrence-editor/fluent-definition.scss';
14
- @import 'fluent-definition.scss';
15
- @import 'icons/fluent.scss';
16
- @import 'all.scss';
17
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fluent' as *;
2
+ @use 'ej2-navigations/styles/toolbar/fluent-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/fluent-definition' as *;
4
+ @use 'ej2-inputs/styles/input/fluent-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/fluent-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/fluent-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
11
+ @use 'ej2-buttons/styles/button/fluent-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/fluent-definition' as *;
13
+ @use '../recurrence-editor/fluent-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/fluent-definition' as *;
15
+ @use 'fluent-definition' as *;
16
+ @use 'icons/fluent' as *;
17
+ @use 'all' as *;
18
+ @use 'bigger' as *;