@syncfusion/ej2-schedule 31.2.12 → 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 (256) 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 +24 -26
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +27 -31
  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/src/schedule/renderer/agenda.js +2 -1
  25. package/styles/bds-lite.css +45 -8
  26. package/styles/bds-lite.scss +18 -18
  27. package/styles/bds.css +45 -8
  28. package/styles/bds.scss +20 -20
  29. package/styles/bootstrap-dark-lite.css +8 -8
  30. package/styles/bootstrap-dark-lite.scss +18 -18
  31. package/styles/bootstrap-dark.css +8 -8
  32. package/styles/bootstrap-dark.scss +20 -20
  33. package/styles/bootstrap-lite.css +8 -8
  34. package/styles/bootstrap-lite.scss +18 -18
  35. package/styles/bootstrap.css +8 -8
  36. package/styles/bootstrap.scss +20 -20
  37. package/styles/bootstrap4-lite.css +10 -10
  38. package/styles/bootstrap4-lite.scss +18 -18
  39. package/styles/bootstrap4.css +10 -10
  40. package/styles/bootstrap4.scss +20 -20
  41. package/styles/bootstrap5-dark-lite.css +8 -8
  42. package/styles/bootstrap5-dark-lite.scss +18 -18
  43. package/styles/bootstrap5-dark.css +8 -8
  44. package/styles/bootstrap5-dark.scss +20 -20
  45. package/styles/bootstrap5-lite.css +8 -8
  46. package/styles/bootstrap5-lite.scss +19 -18
  47. package/styles/bootstrap5.3-lite.css +112 -32
  48. package/styles/bootstrap5.3-lite.scss +19 -18
  49. package/styles/bootstrap5.3.css +114 -34
  50. package/styles/bootstrap5.3.scss +21 -20
  51. package/styles/bootstrap5.css +8 -8
  52. package/styles/bootstrap5.scss +21 -20
  53. package/styles/fabric-dark-lite.css +8 -8
  54. package/styles/fabric-dark-lite.scss +19 -18
  55. package/styles/fabric-dark.css +8 -8
  56. package/styles/fabric-dark.scss +21 -20
  57. package/styles/fabric-lite.css +8 -8
  58. package/styles/fabric-lite.scss +19 -18
  59. package/styles/fabric.css +8 -8
  60. package/styles/fabric.scss +21 -20
  61. package/styles/fluent-dark-lite.css +10 -10
  62. package/styles/fluent-dark-lite.scss +19 -18
  63. package/styles/fluent-dark.css +10 -10
  64. package/styles/fluent-dark.scss +21 -20
  65. package/styles/fluent-lite.css +10 -10
  66. package/styles/fluent-lite.scss +19 -18
  67. package/styles/fluent.css +10 -10
  68. package/styles/fluent.scss +21 -20
  69. package/styles/fluent2-lite.css +267 -34
  70. package/styles/fluent2-lite.scss +19 -18
  71. package/styles/fluent2.css +270 -37
  72. package/styles/fluent2.scss +21 -20
  73. package/styles/highcontrast-light-lite.css +8 -8
  74. package/styles/highcontrast-light-lite.scss +19 -18
  75. package/styles/highcontrast-light.css +8 -8
  76. package/styles/highcontrast-light.scss +21 -20
  77. package/styles/highcontrast-lite.css +8 -8
  78. package/styles/highcontrast-lite.scss +19 -18
  79. package/styles/highcontrast.css +8 -8
  80. package/styles/highcontrast.scss +21 -20
  81. package/styles/material-dark-lite.css +10 -10
  82. package/styles/material-dark-lite.scss +19 -18
  83. package/styles/material-dark.css +10 -10
  84. package/styles/material-dark.scss +21 -20
  85. package/styles/material-lite.css +12 -10
  86. package/styles/material-lite.scss +18 -18
  87. package/styles/material.css +12 -10
  88. package/styles/material.scss +20 -20
  89. package/styles/material3-dark-lite.css +432 -9
  90. package/styles/material3-dark-lite.scss +19 -18
  91. package/styles/material3-dark.css +432 -9
  92. package/styles/material3-dark.scss +21 -22
  93. package/styles/material3-lite.css +449 -26
  94. package/styles/material3-lite.scss +19 -18
  95. package/styles/material3.css +451 -28
  96. package/styles/material3.scss +21 -22
  97. package/styles/recurrence-editor/_all.scss +2 -2
  98. package/styles/recurrence-editor/_bds-definition.scss +27 -1
  99. package/styles/recurrence-editor/_bigger.scss +21 -19
  100. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +27 -1
  101. package/styles/recurrence-editor/_bootstrap-definition.scss +27 -1
  102. package/styles/recurrence-editor/_bootstrap4-definition.scss +27 -1
  103. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +41 -1
  104. package/styles/recurrence-editor/_bootstrap5-definition.scss +27 -1
  105. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +27 -1
  106. package/styles/recurrence-editor/_fabric-dark-definition.scss +27 -1
  107. package/styles/recurrence-editor/_fabric-definition.scss +27 -1
  108. package/styles/recurrence-editor/_fluent-dark-definition.scss +41 -1
  109. package/styles/recurrence-editor/_fluent-definition.scss +27 -1
  110. package/styles/recurrence-editor/_fluent2-definition.scss +27 -1
  111. package/styles/recurrence-editor/_fusionnew-definition.scss +27 -1
  112. package/styles/recurrence-editor/_highcontrast-definition.scss +27 -1
  113. package/styles/recurrence-editor/_highcontrast-light-definition.scss +27 -1
  114. package/styles/recurrence-editor/_layout.scss +60 -58
  115. package/styles/recurrence-editor/_material-dark-definition.scss +27 -1
  116. package/styles/recurrence-editor/_material-definition.scss +27 -1
  117. package/styles/recurrence-editor/_material3-dark-definition.scss +41 -1
  118. package/styles/recurrence-editor/_material3-definition.scss +27 -1
  119. package/styles/recurrence-editor/_tailwind-dark-definition.scss +41 -1
  120. package/styles/recurrence-editor/_tailwind-definition.scss +27 -1
  121. package/styles/recurrence-editor/_tailwind3-definition.scss +27 -1
  122. package/styles/recurrence-editor/_theme-variables.scss +1 -0
  123. package/styles/recurrence-editor/bds.scss +9 -9
  124. package/styles/recurrence-editor/bootstrap-dark.scss +9 -9
  125. package/styles/recurrence-editor/bootstrap.scss +9 -9
  126. package/styles/recurrence-editor/bootstrap4.css +2 -2
  127. package/styles/recurrence-editor/bootstrap4.scss +9 -9
  128. package/styles/recurrence-editor/bootstrap5-dark.scss +9 -9
  129. package/styles/recurrence-editor/bootstrap5.3.css +81 -1
  130. package/styles/recurrence-editor/bootstrap5.3.scss +9 -9
  131. package/styles/recurrence-editor/bootstrap5.scss +9 -9
  132. package/styles/recurrence-editor/fabric-dark.scss +9 -9
  133. package/styles/recurrence-editor/fabric.scss +9 -9
  134. package/styles/recurrence-editor/fluent-dark.css +2 -2
  135. package/styles/recurrence-editor/fluent-dark.scss +9 -9
  136. package/styles/recurrence-editor/fluent.css +2 -2
  137. package/styles/recurrence-editor/fluent.scss +9 -9
  138. package/styles/recurrence-editor/fluent2.css +334 -6
  139. package/styles/recurrence-editor/fluent2.scss +9 -9
  140. package/styles/recurrence-editor/highcontrast-light.scss +9 -9
  141. package/styles/recurrence-editor/highcontrast.scss +9 -9
  142. package/styles/recurrence-editor/material-dark.css +2 -2
  143. package/styles/recurrence-editor/material-dark.scss +9 -9
  144. package/styles/recurrence-editor/material.css +2 -2
  145. package/styles/recurrence-editor/material.scss +9 -9
  146. package/styles/recurrence-editor/material3-dark.css +140 -1
  147. package/styles/recurrence-editor/material3-dark.scss +9 -10
  148. package/styles/recurrence-editor/material3.css +140 -1
  149. package/styles/recurrence-editor/material3.scss +9 -10
  150. package/styles/recurrence-editor/tailwind-dark.scss +9 -9
  151. package/styles/recurrence-editor/tailwind.scss +9 -9
  152. package/styles/recurrence-editor/tailwind3.css +71 -1
  153. package/styles/recurrence-editor/tailwind3.scss +9 -9
  154. package/styles/schedule/_all.scss +2 -2
  155. package/styles/schedule/_bds-definition.scss +105 -0
  156. package/styles/schedule/_bigger.scss +88 -86
  157. package/styles/schedule/_bootstrap-dark-definition.scss +105 -0
  158. package/styles/schedule/_bootstrap-definition.scss +105 -0
  159. package/styles/schedule/_bootstrap4-definition.scss +105 -0
  160. package/styles/schedule/_bootstrap5-dark-definition.scss +385 -1
  161. package/styles/schedule/_bootstrap5-definition.scss +105 -0
  162. package/styles/schedule/_bootstrap5.3-definition.scss +113 -8
  163. package/styles/schedule/_fabric-dark-definition.scss +105 -0
  164. package/styles/schedule/_fabric-definition.scss +105 -0
  165. package/styles/schedule/_fluent-dark-definition.scss +385 -1
  166. package/styles/schedule/_fluent-definition.scss +105 -0
  167. package/styles/schedule/_fluent2-definition.scss +111 -6
  168. package/styles/schedule/_fusionnew-definition.scss +103 -0
  169. package/styles/schedule/_highcontrast-definition.scss +105 -0
  170. package/styles/schedule/_highcontrast-light-definition.scss +105 -0
  171. package/styles/schedule/_layout.scss +395 -391
  172. package/styles/schedule/_material-dark-definition.scss +105 -0
  173. package/styles/schedule/_material-definition.scss +105 -0
  174. package/styles/schedule/_material3-dark-definition.scss +384 -1
  175. package/styles/schedule/_material3-definition.scss +111 -6
  176. package/styles/schedule/_tailwind-dark-definition.scss +380 -1
  177. package/styles/schedule/_tailwind-definition.scss +105 -0
  178. package/styles/schedule/_tailwind3-definition.scss +112 -7
  179. package/styles/schedule/_theme-variables.scss +1 -0
  180. package/styles/schedule/_theme.scss +34 -32
  181. package/styles/schedule/bds.css +45 -8
  182. package/styles/schedule/bds.scss +18 -17
  183. package/styles/schedule/bootstrap-dark.css +8 -8
  184. package/styles/schedule/bootstrap-dark.scss +18 -17
  185. package/styles/schedule/bootstrap.css +8 -8
  186. package/styles/schedule/bootstrap.scss +18 -17
  187. package/styles/schedule/bootstrap4.css +8 -8
  188. package/styles/schedule/bootstrap4.scss +18 -17
  189. package/styles/schedule/bootstrap5-dark.css +8 -8
  190. package/styles/schedule/bootstrap5-dark.scss +18 -16
  191. package/styles/schedule/bootstrap5.3.css +114 -34
  192. package/styles/schedule/bootstrap5.3.scss +18 -17
  193. package/styles/schedule/bootstrap5.css +8 -8
  194. package/styles/schedule/bootstrap5.scss +18 -17
  195. package/styles/schedule/fabric-dark.css +8 -8
  196. package/styles/schedule/fabric-dark.scss +18 -17
  197. package/styles/schedule/fabric.css +8 -8
  198. package/styles/schedule/fabric.scss +18 -17
  199. package/styles/schedule/fluent-dark.css +8 -8
  200. package/styles/schedule/fluent-dark.scss +18 -16
  201. package/styles/schedule/fluent.css +8 -8
  202. package/styles/schedule/fluent.scss +18 -17
  203. package/styles/schedule/fluent2.css +266 -33
  204. package/styles/schedule/fluent2.scss +18 -17
  205. package/styles/schedule/highcontrast-light.css +8 -8
  206. package/styles/schedule/highcontrast-light.scss +18 -17
  207. package/styles/schedule/highcontrast.css +8 -8
  208. package/styles/schedule/highcontrast.scss +18 -17
  209. package/styles/schedule/icons/_bds.scss +1 -0
  210. package/styles/schedule/icons/_bootstrap-dark.scss +1 -0
  211. package/styles/schedule/icons/_bootstrap.scss +1 -0
  212. package/styles/schedule/icons/_bootstrap4.scss +1 -0
  213. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -1
  214. package/styles/schedule/icons/_bootstrap5.3.scss +1 -0
  215. package/styles/schedule/icons/_bootstrap5.scss +1 -0
  216. package/styles/schedule/icons/_fabric-dark.scss +1 -0
  217. package/styles/schedule/icons/_fabric.scss +1 -0
  218. package/styles/schedule/icons/_fluent-dark.scss +1 -1
  219. package/styles/schedule/icons/_fluent.scss +1 -0
  220. package/styles/schedule/icons/_fluent2.scss +1 -0
  221. package/styles/schedule/icons/_fusionnew.scss +1 -0
  222. package/styles/schedule/icons/_highcontrast-light.scss +1 -0
  223. package/styles/schedule/icons/_highcontrast.scss +1 -0
  224. package/styles/schedule/icons/_material-dark.scss +1 -0
  225. package/styles/schedule/icons/_material.scss +1 -0
  226. package/styles/schedule/icons/_material3-dark.scss +1 -1
  227. package/styles/schedule/icons/_material3.scss +1 -0
  228. package/styles/schedule/icons/_tailwind-dark.scss +1 -1
  229. package/styles/schedule/icons/_tailwind.scss +1 -0
  230. package/styles/schedule/icons/_tailwind3.scss +1 -0
  231. package/styles/schedule/material-dark.css +8 -8
  232. package/styles/schedule/material-dark.scss +18 -17
  233. package/styles/schedule/material.css +10 -8
  234. package/styles/schedule/material.scss +18 -17
  235. package/styles/schedule/material3-dark.css +432 -9
  236. package/styles/schedule/material3-dark.scss +18 -17
  237. package/styles/schedule/material3.css +451 -28
  238. package/styles/schedule/material3.scss +18 -18
  239. package/styles/schedule/tailwind-dark.css +8 -8
  240. package/styles/schedule/tailwind-dark.scss +18 -16
  241. package/styles/schedule/tailwind.css +8 -8
  242. package/styles/schedule/tailwind.scss +18 -17
  243. package/styles/schedule/tailwind3.css +151 -33
  244. package/styles/schedule/tailwind3.scss +18 -17
  245. package/styles/tailwind-dark-lite.css +8 -8
  246. package/styles/tailwind-dark-lite.scss +19 -18
  247. package/styles/tailwind-dark.css +8 -8
  248. package/styles/tailwind-dark.scss +21 -20
  249. package/styles/tailwind-lite.css +8 -8
  250. package/styles/tailwind-lite.scss +19 -18
  251. package/styles/tailwind.css +8 -8
  252. package/styles/tailwind.scss +21 -20
  253. package/styles/tailwind3-lite.css +149 -31
  254. package/styles/tailwind3-lite.scss +19 -18
  255. package/styles/tailwind3.css +151 -33
  256. package/styles/tailwind3.scss +21 -20
@@ -1,20 +1,20 @@
1
- @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
- @import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/bootstrap5-dark-definition.scss';
4
- @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/bootstrap5-dark-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition.scss';
11
- @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
13
- @import 'schedule/bootstrap5-dark-definition.scss';
14
- @import 'schedule/icons/bootstrap5-dark.scss';
15
- @import 'schedule/all.scss';
16
- @import 'schedule/bigger.scss';
17
- @import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
18
- @import 'recurrence-editor/bootstrap5-dark-definition.scss';
19
- @import 'recurrence-editor/all.scss';
20
- @import 'recurrence-editor/bigger.scss';
1
+ @use 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition' as *;
2
+ @use 'ej2-navigations/styles/treeview/bootstrap5-dark-definition' as *;
3
+ @use 'ej2-inputs/styles/input/bootstrap5-dark-definition' as *;
4
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition' as *;
5
+ @use 'ej2-calendars/styles/calendar/bootstrap5-dark-definition' as *;
6
+ @use 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition' as *;
7
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition' as *;
8
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition' as *;
9
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5-dark-definition' as *;
10
+ @use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
11
+ @use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
12
+ @use 'recurrence-editor/bootstrap5-dark-definition' as *;
13
+ @use 'ej2-navigations/styles/sidebar/bootstrap5-dark-definition' as *;
14
+ @use 'schedule/bootstrap5-dark-definition' as *;
15
+ @use 'schedule/icons/bootstrap5-dark' as *;
16
+ @use 'schedule/all' as *;
17
+ @use 'schedule/bigger' as *;
18
+ @use 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition' as *;
19
+ @use 'recurrence-editor/all' as *;
20
+ @use 'recurrence-editor/bigger' as *;
@@ -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,18 +1,19 @@
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 'schedule/bootstrap5-definition.scss';
15
- @import 'schedule/icons/bootstrap5.scss';
16
- @import 'schedule/all.scss';
17
- @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
18
- @import 'recurrence-editor/all.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 'schedule/bootstrap5-definition' as *;
16
+ @use 'schedule/icons/bootstrap5' as *;
17
+ @use 'schedule/all' as *;
18
+ @use 'ej2-buttons/styles/radio-button/bootstrap5-definition' as *;
19
+ @use 'recurrence-editor/all' as *;
@@ -2,13 +2,93 @@
2
2
 
3
3
 
4
4
 
5
+
6
+
7
+
8
+
9
+
10
+
11
+ /* Font Family */
12
+ /* Font Sizes */
13
+ /* Radius */
14
+ /* 1px */
15
+ /* 2px */
16
+ /* 3px */
17
+ /* 4px */
18
+ /* 5px */
19
+ /* 6px */
20
+ /* 7px */
21
+ /* 8px */
22
+ /* 9px */
23
+ /* 10px */
24
+ /* 11px */
25
+ /* 12px */
26
+ /* 13px */
27
+ /* 14px */
28
+ /* 15px */
29
+ /* 16px */
30
+ /* 17px */
31
+ /* 18px */
32
+ /* 19px */
33
+ /* 20px */
34
+ /* 21px */
35
+ /* 22px */
36
+ /* 23px */
37
+ /* 24px */
38
+ /* 25px */
39
+ /* 26px */
40
+ /* 27px */
41
+ /* 28px */
42
+ /* 29px */
43
+ /* 30px */
44
+ /* 31px */
45
+ /* 32px */
46
+ /* 33px */
47
+ /* 34px */
48
+ /* 35px */
49
+ /* 36px */
50
+ /* 37px */
51
+ /* 38px */
52
+ /* 39px */
53
+ /* 40px */
54
+ /* 41px */
55
+ /* 42px */
56
+ /* 43px */
57
+ /* 44px */
58
+ /* 45px */
59
+ /* 46px */
60
+ /* 47px */
61
+ /* 48px */
62
+ /* 49px */
63
+ /* 50px */
64
+ /* 5em */
65
+ /* 65% */
66
+ /* border */
67
+ /* 0px */
68
+ /* 1px */
69
+ /* 1.5px */
70
+ /* 2px */
71
+ /* 3px */
72
+ /* 4px */
73
+ /* 5px */
74
+ /* 6px */
75
+ /* 7px */
76
+ /* 8px */
77
+ /* 9px */
78
+ /* 10px */
79
+ /* 11px */
80
+ /* 12px */
81
+ /* 13px */
82
+ /* 14px */
83
+ /* 15px */
84
+ /* 16px */
5
85
  /* stylelint-disable */
6
86
  /*! TreeView's bootstrap5 theme wise override definitions and variables */
7
87
  /* stylelint-disable */
8
88
  /* stylelint-disable property-no-vendor-prefix */
9
89
  /*! calendar bootstrap5 theme variables */
10
90
  .e-popup.e-ddl {
11
- border-radius: 4px;
91
+ border-radius: calc(var(--e-radius) * 0.25);
12
92
  -webkit-box-shadow: none;
13
93
  box-shadow: none;
14
94
  margin-top: 3px;
@@ -318,7 +398,7 @@
318
398
  }
319
399
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
320
400
  border: none;
321
- border-radius: 6px;
401
+ border-radius: calc(var(--e-radius) * 0.375);
322
402
  }
323
403
  .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn {
324
404
  border: none;
@@ -331,7 +411,7 @@
331
411
  margin-top: 2px;
332
412
  }
333
413
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
334
- border-radius: 4px;
414
+ border-radius: calc(var(--e-radius) * 0.25);
335
415
  }
336
416
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-day .e-icon-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-week .e-icon-week, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-work-week .e-icon-workweek, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month .e-icon-month, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-year .e-icon-year, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-agenda .e-icon-agenda, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month-agenda .e-icon-month-agenda, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-day .e-icon-timeline-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-week .e-icon-timeline-week, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-work-week .e-icon-timeline-workweek, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-month .e-icon-timeline-month, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-vertical, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-horizontal, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-add .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
337
417
  display: none;
@@ -357,8 +437,8 @@
357
437
  border-right: 1px solid var(--color-sf-border-light);
358
438
  }
359
439
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
360
- background: var(--color-sf-content-bg-color-alt3);
361
- color: rgba(var(--color-sf-primary), 0.87);
440
+ background: var(--color-sf-secondary-bg-color-hover);
441
+ color: var(--color-sf-secondary-text-color-hover);
362
442
  }
363
443
  .e-schedule .e-schedule-toolbar .e-hor-nav {
364
444
  border-left: 1px solid var(--color-sf-border-light);
@@ -367,18 +447,18 @@
367
447
  content: "";
368
448
  }
369
449
  .e-schedule .e-schedule-toolbar .e-hor-nav:active {
370
- color: rgba(var(--color-sf-primary), 0.87);
450
+ color: var(--color-sf-secondary-text-color-hover);
371
451
  }
372
452
  .e-schedule .e-schedule-toolbar .e-hor-nav:active::after {
373
453
  content: "";
374
454
  }
375
455
  .e-schedule .e-schedule-toolbar .e-hor-nav:hover {
376
- background: var(--color-sf-content-bg-color-alt3);
377
- color: rgba(var(--color-sf-primary), 0.87);
456
+ background: var(--color-sf-secondary-bg-color-hover);
457
+ color: var(--color-sf-secondary-text-color-hover);
378
458
  }
379
459
  .e-schedule .e-schedule-toolbar .e-hor-nav:focus {
380
- background: var(--color-sf-content-bg-color-alt3);
381
- color: rgba(var(--color-sf-primary), 0.87);
460
+ background: var(--color-sf-secondary-bg-color-hover);
461
+ color: var(--color-sf-secondary-text-color-hover);
382
462
  }
383
463
  .e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today {
384
464
  display: block;
@@ -408,7 +488,7 @@
408
488
  }
409
489
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
410
490
  border: none;
411
- border-radius: 0;
491
+ border-radius: calc(var(--e-radius) * 0);
412
492
  }
413
493
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
414
494
  height: inherit;
@@ -537,7 +617,7 @@
537
617
  .e-schedule .e-new-event {
538
618
  background: var(--color-sf-primary);
539
619
  border: 1px solid var(--color-sf-primary-text-color);
540
- border-radius: 5px;
620
+ border-radius: calc(var(--e-radius) * 0.3125);
541
621
  height: 100%;
542
622
  opacity: 0.9;
543
623
  position: relative;
@@ -781,7 +861,7 @@
781
861
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
782
862
  background: var(--color-sf-primary);
783
863
  border: 1px solid var(--color-sf-border-light);
784
- border-radius: 2px;
864
+ border-radius: calc(var(--e-radius) * 0.125);
785
865
  color: var(--color-sf-primary-text-color);
786
866
  display: -webkit-box;
787
867
  display: -ms-flexbox;
@@ -974,7 +1054,7 @@
974
1054
  }
975
1055
  .e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
976
1056
  background: var(--color-sf-content-bg-color-alt3);
977
- border-radius: 100%;
1057
+ border-radius: 999px;
978
1058
  color: var(--color-sf-icon-color);
979
1059
  }
980
1060
  .e-schedule .e-vertical-view .e-appointment-hide {
@@ -1073,7 +1153,7 @@
1073
1153
  .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment {
1074
1154
  background: var(--color-sf-primary);
1075
1155
  border: 1px solid var(--color-sf-border-light);
1076
- border-radius: 2px;
1156
+ border-radius: calc(var(--e-radius) * 0.125);
1077
1157
  color: var(--color-sf-primary-text-color);
1078
1158
  display: -webkit-box;
1079
1159
  display: -ms-flexbox;
@@ -1128,7 +1208,7 @@
1128
1208
  .e-schedule .e-vertical-view .e-day-wrapper .e-appointment {
1129
1209
  background: var(--color-sf-primary);
1130
1210
  border: 1px solid var(--color-sf-border-light);
1131
- border-radius: 2px;
1211
+ border-radius: calc(var(--e-radius) * 0.125);
1132
1212
  color: var(--color-sf-primary-text-color);
1133
1213
  overflow: hidden;
1134
1214
  position: absolute;
@@ -1388,7 +1468,7 @@
1388
1468
  .e-schedule .e-month-view .e-appointment {
1389
1469
  background: var(--color-sf-primary);
1390
1470
  border: 1px solid var(--color-sf-border-light);
1391
- border-radius: 2px;
1471
+ border-radius: calc(var(--e-radius) * 0.125);
1392
1472
  color: var(--color-sf-primary-text-color);
1393
1473
  display: -webkit-box;
1394
1474
  display: -ms-flexbox;
@@ -1716,7 +1796,7 @@
1716
1796
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment {
1717
1797
  background: var(--color-sf-primary);
1718
1798
  border: 1px solid var(--color-sf-border-light);
1719
- border-radius: 2px;
1799
+ border-radius: calc(var(--e-radius) * 0.125);
1720
1800
  color: var(--color-sf-primary-text-color);
1721
1801
  display: -webkit-box;
1722
1802
  display: -ms-flexbox;
@@ -1952,7 +2032,7 @@
1952
2032
  .e-schedule .e-timeline-month-view .e-appointment {
1953
2033
  background: var(--color-sf-primary);
1954
2034
  border: 1px solid var(--color-sf-border-light);
1955
- border-radius: 2px;
2035
+ border-radius: calc(var(--e-radius) * 0.125);
1956
2036
  color: var(--color-sf-primary-text-color);
1957
2037
  display: -webkit-box;
1958
2038
  display: -ms-flexbox;
@@ -2270,13 +2350,18 @@
2270
2350
  display: -ms-flexbox;
2271
2351
  display: flex;
2272
2352
  }
2273
- .e-schedule .e-month-agenda-view .e-subject {
2353
+ .e-schedule .e-month-agenda-view .e-subject,
2354
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2274
2355
  color: var(--color-sf-content-text-color);
2275
2356
  font-size: 14px;
2276
2357
  line-height: 26px;
2277
2358
  overflow: hidden;
2278
2359
  text-overflow: ellipsis;
2279
2360
  }
2361
+ .e-schedule .e-month-agenda-view .e-inline-subject {
2362
+ font-weight: normal;
2363
+ padding-top: 0;
2364
+ }
2280
2365
  .e-schedule .e-month-agenda-view .e-recurrence-icon,
2281
2366
  .e-schedule .e-month-agenda-view .e-recurrence-edit-icon {
2282
2367
  color: var(--color-sf-content-text-color-alt2);
@@ -2383,6 +2468,7 @@
2383
2468
  }
2384
2469
  .e-schedule .e-agenda-view .e-day-date-header .e-m-date {
2385
2470
  font-size: 16px;
2471
+ line-height: unset;
2386
2472
  }
2387
2473
  .e-schedule .e-agenda-view .e-day-date-header .e-m-day {
2388
2474
  font-size: 12px;
@@ -2947,7 +3033,7 @@
2947
3033
  /*! schedule quick popup */
2948
3034
  .e-quick-popup-wrapper {
2949
3035
  background: var(--color-sf-content-bg-color);
2950
- border-radius: 6px;
3036
+ border-radius: calc(var(--e-radius) * 0.375);
2951
3037
  -webkit-box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175), 0 16px 48px rgba(var(--color-sf-black), 0.175), 0 16px 48px rgba(var(--color-sf-black), 0.175);
2952
3038
  box-shadow: 0 16px 48px rgba(var(--color-sf-black), 0.175), 0 16px 48px rgba(var(--color-sf-black), 0.175), 0 16px 48px rgba(var(--color-sf-black), 0.175);
2953
3039
  color: var(--color-sf-content-text-color);
@@ -3049,7 +3135,7 @@
3049
3135
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3050
3136
  background: var(--color-sf-primary-lighter);
3051
3137
  border-left: 6px solid var(--color-sf-primary);
3052
- border-radius: 4px;
3138
+ border-radius: calc(var(--e-radius) * 0.25);
3053
3139
  color: var(--color-sf-content-text-color);
3054
3140
  cursor: default;
3055
3141
  font-size: 20px;
@@ -3278,13 +3364,10 @@
3278
3364
  }
3279
3365
  .e-appointment.e-schedule-event-clone {
3280
3366
  background: var(--color-sf-primary);
3281
- border-radius: 2px;
3367
+ border-radius: calc(var(--e-radius) * 0.125);
3282
3368
  -webkit-box-shadow: 0 8px 12px rgba(var(--color-sf-black), 0.15), 0 8px 12px rgba(var(--color-sf-black), 0.15), 0 8px 12px rgba(var(--color-sf-black), 0.15);
3283
3369
  box-shadow: 0 8px 12px rgba(var(--color-sf-black), 0.15), 0 8px 12px rgba(var(--color-sf-black), 0.15), 0 8px 12px rgba(var(--color-sf-black), 0.15);
3284
3370
  color: var(--color-sf-primary-text-color);
3285
- display: -webkit-box;
3286
- display: -ms-flexbox;
3287
- display: flex;
3288
3371
  height: 38px;
3289
3372
  width: 100px;
3290
3373
  z-index: 9;
@@ -3334,10 +3417,7 @@
3334
3417
  display: none;
3335
3418
  }
3336
3419
  .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject {
3337
- padding: 3px 2px;
3338
- }
3339
- .e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time {
3340
- display: none;
3420
+ padding: 0;
3341
3421
  }
3342
3422
 
3343
3423
  .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject {
@@ -3364,7 +3444,7 @@
3364
3444
  .e-more-popup-wrapper {
3365
3445
  background: var(--color-sf-content-bg-color);
3366
3446
  border: 1px solid var(--color-sf-border-light);
3367
- border-radius: 6px;
3447
+ border-radius: calc(var(--e-radius) * 0.375);
3368
3448
  -webkit-box-shadow: none;
3369
3449
  box-shadow: none;
3370
3450
  opacity: 1;
@@ -3447,7 +3527,7 @@
3447
3527
  }
3448
3528
  .e-more-popup-wrapper .e-appointment {
3449
3529
  background: var(--color-sf-primary);
3450
- border-radius: 2px;
3530
+ border-radius: calc(var(--e-radius) * 0.125);
3451
3531
  color: var(--color-sf-primary-text-color);
3452
3532
  display: -webkit-box;
3453
3533
  display: -ms-flexbox;
@@ -1,18 +1,19 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.3.scss';
2
- @import 'ej2-navigations/styles/toolbar/bootstrap5.3-definition.scss';
3
- @import 'ej2-navigations/styles/treeview/bootstrap5.3-definition.scss';
4
- @import 'ej2-inputs/styles/input/bootstrap5.3-definition.scss';
5
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition.scss';
6
- @import 'ej2-calendars/styles/calendar/bootstrap5.3-definition.scss';
7
- @import 'ej2-calendars/styles/datepicker/bootstrap5.3-definition.scss';
8
- @import 'ej2-calendars/styles/datetimepicker/bootstrap5.3-definition.scss';
9
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition.scss';
10
- @import 'ej2-dropdowns/styles/multi-select/bootstrap5.3-definition.scss';
11
- @import 'ej2-buttons/styles/button/bootstrap5.3-definition.scss';
12
- @import 'ej2-buttons/styles/check-box/bootstrap5.3-definition.scss';
13
- @import 'recurrence-editor/bootstrap5.3-definition.scss';
14
- @import 'schedule/bootstrap5.3-definition.scss';
15
- @import 'schedule/icons/bootstrap5.3.scss';
16
- @import 'schedule/all.scss';
17
- @import 'ej2-buttons/styles/radio-button/bootstrap5.3-definition.scss';
18
- @import 'recurrence-editor/all.scss';
1
+ @use 'ej2-base/styles/definition/bootstrap5.3' as *;
2
+ @use 'ej2-navigations/styles/toolbar/bootstrap5.3-definition' as *;
3
+ @use 'ej2-navigations/styles/treeview/bootstrap5.3-definition' as *;
4
+ @use 'ej2-inputs/styles/input/bootstrap5.3-definition' as *;
5
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap5.3-definition' as *;
6
+ @use 'ej2-calendars/styles/calendar/bootstrap5.3-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap5.3-definition' as *;
8
+ @use 'ej2-calendars/styles/datetimepicker/bootstrap5.3-definition' as *;
9
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap5.3-definition' as *;
10
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap5.3-definition' as *;
11
+ @use 'ej2-buttons/styles/button/bootstrap5.3-definition' as *;
12
+ @use 'ej2-buttons/styles/check-box/bootstrap5.3-definition' as *;
13
+ @use 'recurrence-editor/bootstrap5.3-definition' as *;
14
+ @use 'ej2-navigations/styles/sidebar/bootstrap5.3-definition' as *;
15
+ @use 'schedule/bootstrap5.3-definition' as *;
16
+ @use 'schedule/icons/bootstrap5.3' as *;
17
+ @use 'schedule/all' as *;
18
+ @use 'ej2-buttons/styles/radio-button/bootstrap5.3-definition' as *;
19
+ @use 'recurrence-editor/all' as *;