@syncfusion/ej2-angular-calendars 22.2.12 → 23.1.36

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 (231) hide show
  1. package/esm2020/src/calendar/calendar.component.mjs +5 -4
  2. package/esm2020/src/datepicker/datepicker.component.mjs +5 -4
  3. package/esm2020/src/daterangepicker/daterangepicker.component.mjs +5 -4
  4. package/esm2020/src/datetimepicker/datetimepicker.component.mjs +5 -4
  5. package/esm2020/src/timepicker/timepicker.component.mjs +5 -4
  6. package/fesm2015/syncfusion-ej2-angular-calendars.mjs +20 -15
  7. package/fesm2015/syncfusion-ej2-angular-calendars.mjs.map +1 -1
  8. package/fesm2020/syncfusion-ej2-angular-calendars.mjs +20 -15
  9. package/fesm2020/syncfusion-ej2-angular-calendars.mjs.map +1 -1
  10. package/package.json +9 -9
  11. package/schematics/utils/lib-details.d.ts +2 -2
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/calendar/calendar.component.d.ts +3 -2
  15. package/src/datepicker/datepicker.component.d.ts +3 -2
  16. package/src/daterangepicker/daterangepicker.component.d.ts +3 -2
  17. package/src/datetimepicker/datetimepicker.component.d.ts +3 -2
  18. package/src/timepicker/timepicker.component.d.ts +3 -2
  19. package/styles/bootstrap-dark.css +91 -40
  20. package/styles/bootstrap.css +91 -40
  21. package/styles/bootstrap4.css +91 -40
  22. package/styles/bootstrap5-dark.css +92 -41
  23. package/styles/bootstrap5.css +92 -41
  24. package/styles/calendar/bootstrap-dark.scss +1 -1
  25. package/styles/calendar/bootstrap.scss +1 -1
  26. package/styles/calendar/bootstrap4.scss +1 -1
  27. package/styles/calendar/bootstrap5-dark.scss +1 -1
  28. package/styles/calendar/bootstrap5.scss +1 -1
  29. package/styles/calendar/fabric-dark.scss +1 -1
  30. package/styles/calendar/fabric.scss +1 -1
  31. package/styles/calendar/fluent-dark.scss +1 -1
  32. package/styles/calendar/fluent.scss +1 -1
  33. package/styles/calendar/highcontrast-light.scss +1 -1
  34. package/styles/calendar/highcontrast.scss +1 -1
  35. package/styles/calendar/material-dark.css +0 -1
  36. package/styles/calendar/material-dark.scss +1 -1
  37. package/styles/calendar/material.css +0 -1
  38. package/styles/calendar/material.scss +1 -1
  39. package/styles/calendar/material3-dark.css +0 -1
  40. package/styles/calendar/material3-dark.scss +1 -1
  41. package/styles/calendar/material3.css +0 -1
  42. package/styles/calendar/material3.scss +1 -1
  43. package/styles/calendar/tailwind-dark.css +0 -1
  44. package/styles/calendar/tailwind-dark.scss +1 -1
  45. package/styles/calendar/tailwind.css +0 -1
  46. package/styles/calendar/tailwind.scss +1 -1
  47. package/styles/datepicker/_bootstrap-dark-definition.scss +5 -5
  48. package/styles/datepicker/_bootstrap-definition.scss +5 -5
  49. package/styles/datepicker/_bootstrap4-definition.scss +5 -5
  50. package/styles/datepicker/_bootstrap5-definition.scss +6 -6
  51. package/styles/datepicker/_fabric-dark-definition.scss +4 -4
  52. package/styles/datepicker/_fabric-definition.scss +6 -6
  53. package/styles/datepicker/_fluent-definition.scss +4 -4
  54. package/styles/datepicker/_fusionnew-definition.scss +5 -5
  55. package/styles/datepicker/_highcontrast-definition.scss +5 -5
  56. package/styles/datepicker/_highcontrast-light-definition.scss +5 -5
  57. package/styles/datepicker/_layout.scss +34 -9
  58. package/styles/datepicker/_material-dark-definition.scss +4 -4
  59. package/styles/datepicker/_material-definition.scss +4 -4
  60. package/styles/datepicker/_material3-definition.scss +4 -4
  61. package/styles/datepicker/_tailwind-definition.scss +8 -8
  62. package/styles/datepicker/bootstrap-dark.css +49 -19
  63. package/styles/datepicker/bootstrap-dark.scss +1 -1
  64. package/styles/datepicker/bootstrap.css +49 -19
  65. package/styles/datepicker/bootstrap.scss +1 -1
  66. package/styles/datepicker/bootstrap4.css +49 -19
  67. package/styles/datepicker/bootstrap4.scss +1 -1
  68. package/styles/datepicker/bootstrap5-dark.css +50 -20
  69. package/styles/datepicker/bootstrap5-dark.scss +1 -1
  70. package/styles/datepicker/bootstrap5.css +50 -20
  71. package/styles/datepicker/bootstrap5.scss +1 -1
  72. package/styles/datepicker/fabric-dark.css +48 -18
  73. package/styles/datepicker/fabric-dark.scss +1 -1
  74. package/styles/datepicker/fabric.css +49 -19
  75. package/styles/datepicker/fabric.scss +1 -1
  76. package/styles/datepicker/fluent-dark.css +48 -18
  77. package/styles/datepicker/fluent-dark.scss +1 -1
  78. package/styles/datepicker/fluent.css +48 -18
  79. package/styles/datepicker/fluent.scss +1 -1
  80. package/styles/datepicker/highcontrast-light.css +49 -19
  81. package/styles/datepicker/highcontrast-light.scss +1 -1
  82. package/styles/datepicker/highcontrast.css +49 -19
  83. package/styles/datepicker/highcontrast.scss +1 -1
  84. package/styles/datepicker/material-dark.css +48 -19
  85. package/styles/datepicker/material-dark.scss +1 -1
  86. package/styles/datepicker/material.css +48 -19
  87. package/styles/datepicker/material.scss +1 -1
  88. package/styles/datepicker/material3-dark.css +48 -19
  89. package/styles/datepicker/material3-dark.scss +1 -1
  90. package/styles/datepicker/material3.css +48 -19
  91. package/styles/datepicker/material3.scss +1 -1
  92. package/styles/datepicker/tailwind-dark.css +52 -23
  93. package/styles/datepicker/tailwind-dark.scss +1 -1
  94. package/styles/datepicker/tailwind.css +52 -23
  95. package/styles/datepicker/tailwind.scss +1 -1
  96. package/styles/daterangepicker/_bootstrap-dark-definition.scss +4 -4
  97. package/styles/daterangepicker/_bootstrap-definition.scss +4 -4
  98. package/styles/daterangepicker/_bootstrap4-definition.scss +4 -4
  99. package/styles/daterangepicker/_bootstrap5-definition.scss +4 -4
  100. package/styles/daterangepicker/_fabric-dark-definition.scss +4 -4
  101. package/styles/daterangepicker/_fabric-definition.scss +4 -4
  102. package/styles/daterangepicker/_fluent-definition.scss +4 -4
  103. package/styles/daterangepicker/_fusionnew-definition.scss +4 -4
  104. package/styles/daterangepicker/_highcontrast-definition.scss +4 -4
  105. package/styles/daterangepicker/_highcontrast-light-definition.scss +4 -4
  106. package/styles/daterangepicker/_layout.scss +48 -19
  107. package/styles/daterangepicker/_material-dark-definition.scss +4 -4
  108. package/styles/daterangepicker/_material-definition.scss +4 -4
  109. package/styles/daterangepicker/_material3-definition.scss +8 -5
  110. package/styles/daterangepicker/_tailwind-definition.scss +5 -5
  111. package/styles/daterangepicker/bootstrap-dark.css +30 -26
  112. package/styles/daterangepicker/bootstrap-dark.scss +1 -1
  113. package/styles/daterangepicker/bootstrap.css +30 -26
  114. package/styles/daterangepicker/bootstrap.scss +1 -1
  115. package/styles/daterangepicker/bootstrap4.css +30 -26
  116. package/styles/daterangepicker/bootstrap4.scss +1 -1
  117. package/styles/daterangepicker/bootstrap5-dark.css +30 -26
  118. package/styles/daterangepicker/bootstrap5-dark.scss +1 -1
  119. package/styles/daterangepicker/bootstrap5.css +30 -26
  120. package/styles/daterangepicker/bootstrap5.scss +1 -1
  121. package/styles/daterangepicker/fabric-dark.css +30 -26
  122. package/styles/daterangepicker/fabric-dark.scss +1 -1
  123. package/styles/daterangepicker/fabric.css +30 -26
  124. package/styles/daterangepicker/fabric.scss +1 -1
  125. package/styles/daterangepicker/fluent-dark.css +30 -26
  126. package/styles/daterangepicker/fluent-dark.scss +1 -1
  127. package/styles/daterangepicker/fluent.css +30 -26
  128. package/styles/daterangepicker/fluent.scss +1 -1
  129. package/styles/daterangepicker/highcontrast-light.css +30 -26
  130. package/styles/daterangepicker/highcontrast-light.scss +1 -1
  131. package/styles/daterangepicker/highcontrast.css +30 -26
  132. package/styles/daterangepicker/highcontrast.scss +1 -1
  133. package/styles/daterangepicker/material-dark.css +30 -27
  134. package/styles/daterangepicker/material-dark.scss +1 -1
  135. package/styles/daterangepicker/material.css +30 -27
  136. package/styles/daterangepicker/material.scss +1 -1
  137. package/styles/daterangepicker/material3-dark.css +53 -28
  138. package/styles/daterangepicker/material3-dark.scss +1 -1
  139. package/styles/daterangepicker/material3.css +53 -28
  140. package/styles/daterangepicker/material3.scss +1 -1
  141. package/styles/daterangepicker/tailwind-dark.css +31 -28
  142. package/styles/daterangepicker/tailwind-dark.scss +1 -1
  143. package/styles/daterangepicker/tailwind.css +31 -28
  144. package/styles/daterangepicker/tailwind.scss +1 -1
  145. package/styles/datetimepicker/bootstrap-dark.scss +1 -1
  146. package/styles/datetimepicker/bootstrap.scss +1 -1
  147. package/styles/datetimepicker/bootstrap4.scss +1 -1
  148. package/styles/datetimepicker/bootstrap5-dark.scss +1 -1
  149. package/styles/datetimepicker/bootstrap5.scss +1 -1
  150. package/styles/datetimepicker/fabric-dark.scss +1 -1
  151. package/styles/datetimepicker/fabric.scss +1 -1
  152. package/styles/datetimepicker/fluent-dark.scss +1 -1
  153. package/styles/datetimepicker/fluent.scss +1 -1
  154. package/styles/datetimepicker/highcontrast-light.scss +1 -1
  155. package/styles/datetimepicker/highcontrast.scss +1 -1
  156. package/styles/datetimepicker/material-dark.css +0 -1
  157. package/styles/datetimepicker/material-dark.scss +1 -1
  158. package/styles/datetimepicker/material.css +0 -1
  159. package/styles/datetimepicker/material.scss +1 -1
  160. package/styles/datetimepicker/material3-dark.css +0 -1
  161. package/styles/datetimepicker/material3-dark.scss +1 -1
  162. package/styles/datetimepicker/material3.css +0 -1
  163. package/styles/datetimepicker/material3.scss +1 -1
  164. package/styles/datetimepicker/tailwind-dark.css +0 -1
  165. package/styles/datetimepicker/tailwind-dark.scss +1 -1
  166. package/styles/datetimepicker/tailwind.css +0 -1
  167. package/styles/datetimepicker/tailwind.scss +1 -1
  168. package/styles/fabric-dark.css +90 -39
  169. package/styles/fabric.css +103 -52
  170. package/styles/fluent-dark.css +90 -39
  171. package/styles/fluent.css +90 -39
  172. package/styles/highcontrast-light.css +91 -40
  173. package/styles/highcontrast.css +91 -40
  174. package/styles/material-dark.css +90 -40
  175. package/styles/material.css +90 -40
  176. package/styles/material3-dark.css +113 -41
  177. package/styles/material3-dark.scss +1 -1
  178. package/styles/material3.css +113 -41
  179. package/styles/material3.scss +1 -1
  180. package/styles/tailwind-dark.css +95 -49
  181. package/styles/tailwind.css +95 -49
  182. package/styles/timepicker/_bootstrap-dark-definition.scss +2 -2
  183. package/styles/timepicker/_bootstrap-definition.scss +2 -2
  184. package/styles/timepicker/_bootstrap4-definition.scss +2 -2
  185. package/styles/timepicker/_bootstrap5-definition.scss +2 -2
  186. package/styles/timepicker/_fabric-dark-definition.scss +2 -2
  187. package/styles/timepicker/_fabric-definition.scss +4 -4
  188. package/styles/timepicker/_fluent-definition.scss +2 -2
  189. package/styles/timepicker/_fusionnew-definition.scss +2 -2
  190. package/styles/timepicker/_highcontrast-definition.scss +2 -2
  191. package/styles/timepicker/_highcontrast-light-definition.scss +2 -2
  192. package/styles/timepicker/_layout.scss +16 -0
  193. package/styles/timepicker/_material-dark-definition.scss +2 -2
  194. package/styles/timepicker/_material-definition.scss +2 -2
  195. package/styles/timepicker/_material3-definition.scss +2 -2
  196. package/styles/timepicker/_tailwind-definition.scss +2 -2
  197. package/styles/timepicker/_theme.scss +1 -0
  198. package/styles/timepicker/bootstrap-dark.css +19 -2
  199. package/styles/timepicker/bootstrap-dark.scss +1 -1
  200. package/styles/timepicker/bootstrap.css +19 -2
  201. package/styles/timepicker/bootstrap.scss +1 -1
  202. package/styles/timepicker/bootstrap4.css +19 -2
  203. package/styles/timepicker/bootstrap4.scss +1 -1
  204. package/styles/timepicker/bootstrap5-dark.css +19 -2
  205. package/styles/timepicker/bootstrap5-dark.scss +1 -1
  206. package/styles/timepicker/bootstrap5.css +19 -2
  207. package/styles/timepicker/bootstrap5.scss +1 -1
  208. package/styles/timepicker/fabric-dark.css +19 -2
  209. package/styles/timepicker/fabric-dark.scss +1 -1
  210. package/styles/timepicker/fabric.css +22 -5
  211. package/styles/timepicker/fabric.scss +1 -1
  212. package/styles/timepicker/fluent-dark.css +19 -2
  213. package/styles/timepicker/fluent-dark.scss +1 -1
  214. package/styles/timepicker/fluent.css +19 -2
  215. package/styles/timepicker/fluent.scss +1 -1
  216. package/styles/timepicker/highcontrast-light.css +19 -2
  217. package/styles/timepicker/highcontrast-light.scss +1 -1
  218. package/styles/timepicker/highcontrast.css +19 -2
  219. package/styles/timepicker/highcontrast.scss +1 -1
  220. package/styles/timepicker/material-dark.css +19 -3
  221. package/styles/timepicker/material-dark.scss +1 -1
  222. package/styles/timepicker/material.css +19 -3
  223. package/styles/timepicker/material.scss +1 -1
  224. package/styles/timepicker/material3-dark.css +19 -3
  225. package/styles/timepicker/material3-dark.scss +1 -1
  226. package/styles/timepicker/material3.css +19 -3
  227. package/styles/timepicker/material3.scss +1 -1
  228. package/styles/timepicker/tailwind-dark.css +19 -3
  229. package/styles/timepicker/tailwind-dark.scss +1 -1
  230. package/styles/timepicker/tailwind.css +19 -3
  231. package/styles/timepicker/tailwind.scss +1 -1
package/styles/datepicker/_bootstrap5-definition.scss CHANGED
@@ -47,10 +47,10 @@ $modal-month-line-height: 32px !default;
47
47
  $modal-portrait-year-font-size: 4vw !default;
48
48
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
49
49
  $modal-portrait-month-font-size: 5vw !default;
50
- $modal-portrait-header-padding: 2vh 2vw !default;
50
+ $modal-portrait-header-padding: 2vh 6vw !default;
51
51
  $modal-portrait-month-header-padding: 2vh 2vw !default;
52
52
  $modal-portrait-month-header-vertical-align: middle !default;
53
- $modal-month-header-line-height: 5vh !default;
53
+ $modal-month-header-line-height: 6vh !default;
54
54
  $modal-month-header-title-line-height: inherit !default;
55
55
 
56
56
  $modal-header-border-style: solid !default;
@@ -62,7 +62,7 @@ $modal-portrait-cancel-icon-float-style: left !default;
62
62
  $modal-portrait-cancel-icon-padding: 2px !default;
63
63
  $modal-portrait-prev-icon-margin: 75vw !default;
64
64
  $modal-portrait-next-icon-margin: 0 !default;
65
- $modal-portrait-header-title-margin: 18vw !default;
65
+ $modal-portrait-header-title-margin: 22vw !default;
66
66
  $modal-portrait-header-title-position: absolute !default;
67
67
  $modal-portrait-header-title-text: center !default;
68
68
  $modal-portrait-header-title-width: 50vw !default;
@@ -78,7 +78,7 @@ $modal-portrait-icon-float: none !default;
78
78
  // Touch modal popup styles
79
79
  $modal-portrait-header-height: 20vh !default;
80
80
  $modal-portrait-header-month-height: 10vh !default;
81
- $modal-portrait-calendar-container-height: 85vh !default;
81
+ $modal-portrait-calendar-container-height: 79vh !default;
82
82
  $modal-portrait-calendar-min-height: 100% !default;
83
83
  $modal-portrait-calendar-min-width: 100% !default;
84
84
  $modal-portrait-calendar-height: 100% !default;
@@ -97,10 +97,10 @@ $modal-landscape-prev-icon-margin: 80vw !default;
97
97
  $modal-year-landscape-font-size: 3vw !default;
98
98
  $modal-month-landscape-font-size: 4vw !default;
99
99
  $datepicker-modal-landscape-overflow: visible !default;
100
- $modal-month-landscape-title-line-height: 8vh !default;
100
+ $modal-month-landscape-title-line-height: 12vh !default;
101
101
 
102
102
  // tablet device style changes for modal popup
103
- $modal-tablet-font-size: 24px !default;
103
+ $modal-tablet-font-size: 18px !default;
104
104
  $modal-tablet-content-dimension: 64px !default;
105
105
  $modal-tablet-table-header-height: 48px !default;
106
106
 
package/styles/datepicker/_fabric-dark-definition.scss CHANGED
@@ -38,7 +38,7 @@ $modal-month-line-height: 32px !default;
38
38
  $modal-portrait-year-font-size: 4vw !default;
39
39
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
40
40
  $modal-portrait-month-font-size: 5vw !default;
41
- $modal-portrait-header-padding: 2vh 2vw !default;
41
+ $modal-portrait-header-padding: 2vh 6vw !default;
42
42
  $modal-portrait-month-header-padding: 2vh 2vw !default;
43
43
  $modal-portrait-month-header-vertical-align: middle !default;
44
44
  $modal-month-header-line-height: 5vh !default;
@@ -69,7 +69,7 @@ $modal-portrait-icon-float: right !default;
69
69
  // Touch modal popup styles
70
70
  $modal-portrait-header-height: 20vh !default;
71
71
  $modal-portrait-header-month-height: 10vh !default;
72
- $modal-portrait-calendar-container-height: 85vh !default;
72
+ $modal-portrait-calendar-container-height: 79vh !default;
73
73
  $modal-portrait-calendar-min-height: 100% !default;
74
74
  $modal-portrait-calendar-min-width: 100% !default;
75
75
  $modal-portrait-calendar-height: 100% !default;
@@ -88,10 +88,10 @@ $modal-landscape-prev-icon-margin: $modal-portrait-prev-icon-margin !default;
88
88
  $modal-year-landscape-font-size: 3vw !default;
89
89
  $modal-month-landscape-font-size: 4vw !default;
90
90
  $datepicker-modal-landscape-overflow: visible !default;
91
- $modal-month-landscape-title-line-height: 8vh !default;
91
+ $modal-month-landscape-title-line-height: 12vh !default;
92
92
 
93
93
  // tablet device style changes for modal popup
94
- $modal-tablet-font-size: 24px !default;
94
+ $modal-tablet-font-size: 18px !default;
95
95
  $modal-tablet-content-dimension: 64px !default;
96
96
  $modal-tablet-table-header-height: 48px !default;
97
97
 
package/styles/datepicker/_fabric-definition.scss CHANGED
@@ -34,10 +34,10 @@ $modal-month-font-weight: 500 !default;
34
34
  $modal-month-line-height: 32px !default;
35
35
 
36
36
  // modal dialog dimensions and styles
37
- $modal-portrait-year-font-size: 4vw !default;
37
+ $modal-portrait-year-font-size: 3vw !default;
38
38
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
39
39
  $modal-portrait-month-font-size: 5vw !default;
40
- $modal-portrait-header-padding: 2vh 2vw !default;
40
+ $modal-portrait-header-padding: 2vh 6vw !default;
41
41
  $modal-portrait-month-header-padding: 2vh 2vw !default;
42
42
  $modal-portrait-month-header-vertical-align: middle !default;
43
43
  $modal-month-header-line-height: 5vh !default;
@@ -68,7 +68,7 @@ $modal-portrait-icon-float: right !default;
68
68
  // Touch modal popup styles
69
69
  $modal-portrait-header-height: 20vh !default;
70
70
  $modal-portrait-header-month-height: 10vh !default;
71
- $modal-portrait-calendar-container-height: 85vh !default;
71
+ $modal-portrait-calendar-container-height: 79vh !default;
72
72
  $modal-portrait-calendar-min-height: 100% !default;
73
73
  $modal-portrait-calendar-min-width: 100% !default;
74
74
  $modal-portrait-calendar-height: 100% !default;
@@ -85,11 +85,11 @@ $modal-landscape-calendar-content-big-height: 65vh !default;
85
85
  $modal-landscape-header-year-margin: 12vh 0 0 0 !default;
86
86
  $modal-landscape-prev-icon-margin: $modal-portrait-prev-icon-margin !default;
87
87
  $modal-year-landscape-font-size: 3vw !default;
88
- $modal-month-landscape-font-size: 4vw !default;
88
+ $modal-month-landscape-font-size: 3vw !default;
89
89
  $datepicker-modal-landscape-overflow: visible !default;
90
- $modal-month-landscape-title-line-height: 8vh !default;
90
+ $modal-month-landscape-title-line-height: 12vh !default;
91
91
 
92
92
  // tablet device style changes for modal popup
93
- $modal-tablet-font-size: 24px !default;
93
+ $modal-tablet-font-size: 18px !default;
94
94
  $modal-tablet-content-dimension: 64px !default;
95
95
  $modal-tablet-table-header-height: 48px !default;
package/styles/datepicker/_fluent-definition.scss CHANGED
@@ -47,7 +47,7 @@ $modal-month-line-height: 28px !default;
47
47
  $modal-portrait-year-font-size: 4vw !default;
48
48
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
49
49
  $modal-portrait-month-font-size: 5vw !default;
50
- $modal-portrait-header-padding: 2vh 2vw !default;
50
+ $modal-portrait-header-padding: 2vh 6vw !default;
51
51
  $modal-portrait-month-header-padding: 2vh 2vw !default;
52
52
  $modal-portrait-month-header-vertical-align: middle !default;
53
53
  $modal-month-header-line-height: 5vh !default;
@@ -78,7 +78,7 @@ $modal-portrait-icon-float: right !default;
78
78
  // Touch modal popup styles
79
79
  $modal-portrait-header-height: 20vh !default;
80
80
  $modal-portrait-header-month-height: 10vh !default;
81
- $modal-portrait-calendar-container-height: 85vh !default;
81
+ $modal-portrait-calendar-container-height: 79vh !default;
82
82
  $modal-portrait-calendar-min-height: 100% !default;
83
83
  $modal-portrait-calendar-min-width: 100% !default;
84
84
  $modal-portrait-calendar-height: 100% !default;
@@ -97,10 +97,10 @@ $modal-landscape-prev-icon-margin: $modal-portrait-prev-icon-margin !default;
97
97
  $modal-year-landscape-font-size: 3vw !default;
98
98
  $modal-month-landscape-font-size: 4vw !default;
99
99
  $datepicker-modal-landscape-overflow: visible !default;
100
- $modal-month-landscape-title-line-height: 8vh !default;
100
+ $modal-month-landscape-title-line-height: 12vh !default;
101
101
 
102
102
  // tablet device style changes for modal popup
103
- $modal-tablet-font-size: 24px !default;
103
+ $modal-tablet-font-size: 18px !default;
104
104
  $modal-tablet-content-dimension: 64px !default;
105
105
  $modal-tablet-table-header-height: 48px !default;
106
106
 
package/styles/datepicker/_fusionnew-definition.scss CHANGED
@@ -47,7 +47,7 @@ $modal-month-line-height: 32px !default;
47
47
  $modal-portrait-year-font-size: 4vw !default;
48
48
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
49
49
  $modal-portrait-month-font-size: 5vw !default;
50
- $modal-portrait-header-padding: 2vh 2vw !default;
50
+ $modal-portrait-header-padding: 2vh 6vw !default;
51
51
  $modal-portrait-month-header-padding: 2vh 2vw !default;
52
52
  $modal-portrait-month-header-vertical-align: middle !default;
53
53
  $modal-month-header-line-height: 5vh !default;
@@ -62,7 +62,7 @@ $modal-portrait-cancel-icon-float-style: left !default;
62
62
  $modal-portrait-cancel-icon-padding: 2px !default;
63
63
  $modal-portrait-prev-icon-margin: 75vw !default;
64
64
  $modal-portrait-next-icon-margin: 0 !default;
65
- $modal-portrait-header-title-margin: 18vw !default;
65
+ $modal-portrait-header-title-margin: 22vw !default;
66
66
  $modal-portrait-header-title-position: absolute !default;
67
67
  $modal-portrait-header-title-text: center !default;
68
68
  $modal-portrait-header-title-width: 50vw !default;
@@ -78,7 +78,7 @@ $modal-portrait-icon-float: none !default;
78
78
  // Touch modal popup styles
79
79
  $modal-portrait-header-height: 20vh !default;
80
80
  $modal-portrait-header-month-height: 10vh !default;
81
- $modal-portrait-calendar-container-height: 85vh !default;
81
+ $modal-portrait-calendar-container-height: 79vh !default;
82
82
  $modal-portrait-calendar-min-height: 100% !default;
83
83
  $modal-portrait-calendar-min-width: 100% !default;
84
84
  $modal-portrait-calendar-height: 100% !default;
@@ -97,10 +97,10 @@ $modal-landscape-prev-icon-margin: 80vw !default;
97
97
  $modal-year-landscape-font-size: 3vw !default;
98
98
  $modal-month-landscape-font-size: 4vw !default;
99
99
  $datepicker-modal-landscape-overflow: visible !default;
100
- $modal-month-landscape-title-line-height: 8vh !default;
100
+ $modal-month-landscape-title-line-height: 12vh !default;
101
101
 
102
102
  // tablet device style changes for modal popup
103
- $modal-tablet-font-size: 24px !default;
103
+ $modal-tablet-font-size: 18px !default;
104
104
  $modal-tablet-content-dimension: 64px !default;
105
105
  $modal-tablet-table-header-height: 48px !default;
106
106
 
package/styles/datepicker/_highcontrast-definition.scss CHANGED
@@ -38,7 +38,7 @@ $modal-month-line-height: 32px !default;
38
38
  $modal-portrait-year-font-size: 4vw !default;
39
39
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
40
40
  $modal-portrait-month-font-size: 5vw !default;
41
- $modal-portrait-header-padding: 2vh 2vw !default;
41
+ $modal-portrait-header-padding: 2vh 6vw !default;
42
42
  $modal-portrait-month-header-padding: 2vh 2vw !default;
43
43
  $modal-portrait-month-header-vertical-align: middle !default;
44
44
  $modal-month-header-line-height: 5vh !default;
@@ -52,7 +52,7 @@ $modal-portrait-cancel-icon-float-style: left !default;
52
52
  $modal-portrait-cancel-icon-padding: 2px !default;
53
53
  $modal-portrait-prev-icon-margin: 75vw !default;
54
54
  $modal-portrait-next-icon-margin: 0 !default;
55
- $modal-portrait-header-title-margin: 18vw !default;
55
+ $modal-portrait-header-title-margin: 22vw !default;
56
56
  $modal-portrait-header-title-position: absolute !default;
57
57
  $modal-portrait-header-title-text: center !default;
58
58
  $modal-portrait-header-title-width: 50vw !default;
@@ -69,7 +69,7 @@ $modal-portrait-icon-float: none !default;
69
69
  // Touch modal popup styles
70
70
  $modal-portrait-header-height: 20vh !default;
71
71
  $modal-portrait-header-month-height: 10vh !default;
72
- $modal-portrait-calendar-container-height: 85vh !default;
72
+ $modal-portrait-calendar-container-height: 79vh !default;
73
73
  $modal-portrait-calendar-min-height: 100% !default;
74
74
  $modal-portrait-calendar-min-width: 100% !default;
75
75
  $modal-portrait-calendar-height: 100% !default;
@@ -88,9 +88,9 @@ $modal-landscape-prev-icon-margin: 82vw !default;
88
88
  $modal-year-landscape-font-size: 3vw !default;
89
89
  $modal-month-landscape-font-size: 4vw !default;
90
90
  $datepicker-modal-landscape-overflow: visible !default;
91
- $modal-month-landscape-title-line-height: 8vh !default;
91
+ $modal-month-landscape-title-line-height: 12vh !default;
92
92
 
93
93
  // tablet device style changes for modal popup
94
- $modal-tablet-font-size: 24px !default;
94
+ $modal-tablet-font-size: 18px !default;
95
95
  $modal-tablet-content-dimension: 64px !default;
96
96
  $modal-tablet-table-header-height: 48px !default;
package/styles/datepicker/_highcontrast-light-definition.scss CHANGED
@@ -39,7 +39,7 @@ $modal-month-line-height: 32px !default;
39
39
  $modal-portrait-year-font-size: 4vw !default;
40
40
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
41
41
  $modal-portrait-month-font-size: 5vw !default;
42
- $modal-portrait-header-padding: 2vh 2vw !default;
42
+ $modal-portrait-header-padding: 2vh 6vw !default;
43
43
  $modal-portrait-month-header-padding: 2vh 2vw !default;
44
44
  $modal-portrait-month-header-vertical-align: middle !default;
45
45
  $modal-month-header-line-height: 5vh !default;
@@ -53,7 +53,7 @@ $modal-portrait-cancel-icon-float-style: left !default;
53
53
  $modal-portrait-cancel-icon-padding: 2px !default;
54
54
  $modal-portrait-prev-icon-margin: 75vw !default;
55
55
  $modal-portrait-next-icon-margin: 0 !default;
56
- $modal-portrait-header-title-margin: 18vw !default;
56
+ $modal-portrait-header-title-margin: 22vw !default;
57
57
  $modal-portrait-header-title-position: absolute !default;
58
58
  $modal-portrait-header-title-text: center !default;
59
59
  $modal-portrait-header-title-width: 50vw !default;
@@ -70,7 +70,7 @@ $modal-portrait-icon-float: none !default;
70
70
  // Touch modal popup styles
71
71
  $modal-portrait-header-height: 20vh !default;
72
72
  $modal-portrait-header-month-height: 10vh !default;
73
- $modal-portrait-calendar-container-height: 85vh !default;
73
+ $modal-portrait-calendar-container-height: 79vh !default;
74
74
  $modal-portrait-calendar-min-height: 100% !default;
75
75
  $modal-portrait-calendar-min-width: 100% !default;
76
76
  $modal-portrait-calendar-height: 100% !default;
@@ -89,10 +89,10 @@ $modal-landscape-prev-icon-margin: 82vw !default;
89
89
  $modal-year-landscape-font-size: 3vw !default;
90
90
  $modal-month-landscape-font-size: 4vw !default;
91
91
  $datepicker-modal-landscape-overflow: visible !default;
92
- $modal-month-landscape-title-line-height: 8vh !default;
92
+ $modal-month-landscape-title-line-height: 12vh !default;
93
93
 
94
94
  // tablet device style changes for modal popup
95
- $modal-tablet-font-size: 24px !default;
95
+ $modal-tablet-font-size: 18px !default;
96
96
  $modal-tablet-content-dimension: 64px !default;
97
97
  $modal-tablet-table-header-height: 48px !default;
98
98
 
package/styles/datepicker/_layout.scss CHANGED
@@ -125,6 +125,11 @@
125
125
  min-height: 40px;
126
126
  }
127
127
 
128
+ @media screen and (orientation: landscape) {
129
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
130
+ line-height: $modal-tablet-content-dimension;
131
+ }
132
+ }
128
133
 
129
134
  .e-datepick-mob-popup-wrap {
130
135
 
@@ -138,6 +143,13 @@
138
143
  }
139
144
  }
140
145
 
146
+ #{if(&, '&', '*')} .e-model-header.e-blazor-device {
147
+ height: 15vh;
148
+ .e-popup-close {
149
+ float: right;
150
+ }
151
+ }
152
+
141
153
  #{if(&, '&', '*')} .e-model-header {
142
154
  height: $modal-portrait-header-height;
143
155
  padding: $modal-portrait-header-padding;
@@ -150,12 +162,19 @@
150
162
  color: $modal-portrait-cancel-icon-color;
151
163
  float: $modal-portrait-cancel-icon-float-style;
152
164
  font-size: $datepicker-bigger-icon-font-size;
153
- padding: $modal-portrait-cancel-icon-padding;
154
165
  @media (min-device-width: 768px) {
155
166
  font-size: $modal-tablet-font-size;
156
167
  }
157
168
  }
158
169
 
170
+ #{if(&, '&', '*')} .e-btn.e-flat.e-popup-close {
171
+ background: transparent;
172
+ border-color: transparent;
173
+ box-shadow: none;
174
+ font-weight: 400;
175
+ padding: 0;
176
+ }
177
+
159
178
  #{if(&, '&', '*')} .e-today.e-flat.e-primary {
160
179
  color: $modal-today-text-color;
161
180
  float: $modal-portrait-today-float-style;
@@ -206,12 +225,16 @@
206
225
 
207
226
  #{if(&, '&', '*')} .e-prev {
208
227
  margin-right: $modal-portrait-prev-icon-margin;
228
+ vertical-align: inherit;
229
+ height: 35px;
230
+ width: 35px;
209
231
  @media (min-device-width: 768px) {
210
- height: 34px;
211
- width: 34px;
232
+ height: 55px;
233
+ width: 55px;
212
234
  }
213
235
 
214
236
  #{if(&, '&', '*')} .e-icons {
237
+ vertical-align: inherit;
215
238
  @media (min-device-width: 768px) {
216
239
  font-size: $modal-tablet-font-size;
217
240
  }
@@ -220,8 +243,16 @@
220
243
 
221
244
  #{if(&, '&', '*')} .e-next {
222
245
  margin-right: $modal-portrait-next-icon-margin;
246
+ vertical-align: inherit;
247
+ height: 35px;
248
+ width:35px;
249
+ @media (min-device-width: 768px) {
250
+ height: 55px;
251
+ width: 55px;
252
+ }
223
253
 
224
254
  #{if(&, '&', '*')} .e-icons {
255
+ vertical-align: inherit;
225
256
  @media (min-device-width: 768px) {
226
257
  font-size: $modal-tablet-font-size;
227
258
  }
@@ -260,11 +291,6 @@
260
291
  display: $modal-portrait-footer-display-style;
261
292
  }
262
293
 
263
- .e-calendar-cell-container .e-footer-container {
264
- display: block;
265
- padding: 5px 0;
266
- }
267
-
268
294
  #{if(&, '&', '*')} .e-content.e-month
269
295
  {
270
296
  height: $modal-portrait-calendar-content-height;
@@ -331,7 +357,6 @@
331
357
 
332
358
  .e-popup-close {
333
359
  float: $modal-portrait-cancel-icon-float-style;
334
- padding: $modal-portrait-cancel-icon-padding;
335
360
  }
336
361
 
337
362
  .e-day-wrapper {
package/styles/datepicker/_material-dark-definition.scss CHANGED
@@ -44,7 +44,7 @@ $modal-month-line-height: 32px !default;
44
44
  $modal-portrait-year-font-size: 4vw !default;
45
45
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
46
46
  $modal-portrait-month-font-size: 5vw !default;
47
- $modal-portrait-header-padding: 2vh 2vw !default;
47
+ $modal-portrait-header-padding: 2vh 6vw !default;
48
48
  $modal-portrait-month-header-padding: 2vh 2vw !default;
49
49
  $modal-portrait-month-header-vertical-align: middle !default;
50
50
  $modal-month-header-line-height: 5vh !default;
@@ -74,7 +74,7 @@ $modal-portrait-icon-float: right !default;
74
74
  // Touch modal popup styles
75
75
  $modal-portrait-header-height: 20vh !default;
76
76
  $modal-portrait-header-month-height: 10vh !default;
77
- $modal-portrait-calendar-container-height: 85vh !default;
77
+ $modal-portrait-calendar-container-height: 79vh !default;
78
78
  $modal-portrait-calendar-min-height: 100% !default;
79
79
  $modal-portrait-calendar-min-width: 100% !default;
80
80
  $modal-portrait-calendar-height: 100% !default;
@@ -93,10 +93,10 @@ $modal-landscape-prev-icon-margin: $modal-portrait-prev-icon-margin !default;
93
93
  $modal-year-landscape-font-size: 3vw !default;
94
94
  $modal-month-landscape-font-size: 4vw !default;
95
95
  $datepicker-modal-landscape-overflow: visible !default;
96
- $modal-month-landscape-title-line-height: 8vh !default;
96
+ $modal-month-landscape-title-line-height: 12vh !default;
97
97
 
98
98
  // tablet device style changes for modal popup
99
- $modal-tablet-font-size: 24px !default;
99
+ $modal-tablet-font-size: 18px !default;
100
100
  $modal-tablet-content-dimension: 64px !default;
101
101
  $modal-tablet-table-header-height: 48px !default;
102
102
 
package/styles/datepicker/_material-definition.scss CHANGED
@@ -42,7 +42,7 @@ $modal-month-line-height: 32px !default;
42
42
  $modal-portrait-year-font-size: 4vw !default;
43
43
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
44
44
  $modal-portrait-month-font-size: 5vw !default;
45
- $modal-portrait-header-padding: 2vh 2vw !default;
45
+ $modal-portrait-header-padding: 2vh 6vw !default;
46
46
  $modal-portrait-month-header-padding: 2vh 2vw !default;
47
47
  $modal-portrait-month-header-vertical-align: middle !default;
48
48
  $modal-month-header-line-height: 5vh !default;
@@ -73,7 +73,7 @@ $modal-portrait-icon-float: right !default;
73
73
  // Touch modal popup styles
74
74
  $modal-portrait-header-height: 20vh !default;
75
75
  $modal-portrait-header-month-height: 10vh !default;
76
- $modal-portrait-calendar-container-height: 85vh !default;
76
+ $modal-portrait-calendar-container-height: 79vh !default;
77
77
  $modal-portrait-calendar-min-height: 100% !default;
78
78
  $modal-portrait-calendar-min-width: 100% !default;
79
79
  $modal-portrait-calendar-height: 100% !default;
@@ -92,9 +92,9 @@ $modal-landscape-prev-icon-margin: $modal-portrait-prev-icon-margin !default;
92
92
  $modal-year-landscape-font-size: 3vw !default;
93
93
  $modal-month-landscape-font-size: 4vw !default;
94
94
  $datepicker-modal-landscape-overflow: visible !default;
95
- $modal-month-landscape-title-line-height: 8vh !default;
95
+ $modal-month-landscape-title-line-height: 12vh !default;
96
96
 
97
97
  // tablet device style changes for modal popup
98
- $modal-tablet-font-size: 24px !default;
98
+ $modal-tablet-font-size: 18px !default;
99
99
  $modal-tablet-content-dimension: 64px !default;
100
100
  $modal-tablet-table-header-height: 48px !default;
package/styles/datepicker/_material3-definition.scss CHANGED
@@ -58,7 +58,7 @@ $modal-month-line-height: 32px !default;
58
58
  $modal-portrait-year-font-size: 4vw !default;
59
59
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
60
60
  $modal-portrait-month-font-size: 5vw !default;
61
- $modal-portrait-header-padding: 2vh 2vw !default;
61
+ $modal-portrait-header-padding: 2vh 6vw !default;
62
62
  $modal-portrait-month-header-padding: 2vh 2vw !default;
63
63
  $modal-portrait-month-header-vertical-align: middle !default;
64
64
  $modal-month-header-line-height: 5vh !default;
@@ -89,7 +89,7 @@ $modal-portrait-icon-float: right !default;
89
89
  // Touch modal popup styles
90
90
  $modal-portrait-header-height: 20vh !default;
91
91
  $modal-portrait-header-month-height: 10vh !default;
92
- $modal-portrait-calendar-container-height: 85vh !default;
92
+ $modal-portrait-calendar-container-height: 79vh !default;
93
93
  $modal-portrait-calendar-min-height: 100% !default;
94
94
  $modal-portrait-calendar-min-width: 100% !default;
95
95
  $modal-portrait-calendar-height: 100% !default;
@@ -108,9 +108,9 @@ $modal-landscape-prev-icon-margin: $modal-portrait-prev-icon-margin !default;
108
108
  $modal-year-landscape-font-size: 3vw !default;
109
109
  $modal-month-landscape-font-size: 4vw !default;
110
110
  $datepicker-modal-landscape-overflow: visible !default;
111
- $modal-month-landscape-title-line-height: 8vh !default;
111
+ $modal-month-landscape-title-line-height: 12vh !default;
112
112
 
113
113
  // tablet device style changes for modal popup
114
- $modal-tablet-font-size: 24px !default;
114
+ $modal-tablet-font-size: 18px !default;
115
115
  $modal-tablet-content-dimension: 64px !default;
116
116
  $modal-tablet-table-header-height: 48px !default;
package/styles/datepicker/_tailwind-definition.scss CHANGED
@@ -13,7 +13,7 @@ $datepicker-popup-border-radius: 6px !default;
13
13
  $datepicker-box-sizing: border-box !default;
14
14
  $datepicker-modal-header-display: block !default;
15
15
  $datepicker-calendar-tbody-landscape-height: 130px !default;
16
- $datepicker-popup-bigger-margin-top: 6px !default;
16
+ $datepicker-popup-bigger-margin-top: 0 !default;
17
17
 
18
18
  // mouse small icon
19
19
  $datepicker-small-icon-font-size: $font-icon-16 !default;
@@ -45,7 +45,7 @@ $modal-month-line-height: 32px !default;
45
45
  $modal-portrait-year-font-size: 4vw !default;
46
46
  $modal-portrait-header-year-margin: 12vh 0 0 0 !default;
47
47
  $modal-portrait-month-font-size: 5vw !default;
48
- $modal-portrait-header-padding: 2vh 2vw !default;
48
+ $modal-portrait-header-padding: 2vh 6vw !default;
49
49
  $modal-portrait-month-header-padding: 2vh 2vw !default;
50
50
  $modal-portrait-month-header-vertical-align: middle !default;
51
51
  $modal-month-header-line-height: 5vh !default;
@@ -58,9 +58,9 @@ $modal-header-border-color: $border-light !default;
58
58
  // Touch modal popup cancel icon style
59
59
  $modal-portrait-cancel-icon-float-style: left !default;
60
60
  $modal-portrait-cancel-icon-padding: 2px !default;
61
- $modal-portrait-prev-icon-margin: 75vw !default;
61
+ $modal-portrait-prev-icon-margin: 73vw !default;
62
62
  $modal-portrait-next-icon-margin: 0 !default;
63
- $modal-portrait-header-title-margin: 18vw !default;
63
+ $modal-portrait-header-title-margin: 21vw !default;
64
64
  $modal-portrait-header-title-position: absolute !default;
65
65
  $modal-portrait-header-title-text: center !default;
66
66
  $modal-portrait-header-title-width: 50vw !default;
@@ -76,7 +76,7 @@ $modal-portrait-icon-float: none !default;
76
76
  // Touch modal popup styles
77
77
  $modal-portrait-header-height: 20vh !default;
78
78
  $modal-portrait-header-month-height: 10vh !default;
79
- $modal-portrait-calendar-container-height: 85vh !default;
79
+ $modal-portrait-calendar-container-height: 79vh !default;
80
80
  $modal-portrait-calendar-min-height: 100% !default;
81
81
  $modal-portrait-calendar-min-width: 100% !default;
82
82
  $modal-portrait-calendar-height: 100% !default;
@@ -91,14 +91,14 @@ $modal-landscape-calendar-content-height: 60vh !default;
91
91
  $modal-landscape-calendar-content-table-height: 65vh !default;
92
92
  $modal-landscape-calendar-content-big-height: 65vh !default;
93
93
  $modal-landscape-header-year-margin: 12vh 0 0 0 !default;
94
- $modal-landscape-prev-icon-margin: 85vw !default;
94
+ $modal-landscape-prev-icon-margin: 73vw !default;
95
95
  $modal-year-landscape-font-size: 3vw !default;
96
96
  $modal-month-landscape-font-size: 4vw !default;
97
97
  $datepicker-modal-landscape-overflow: visible !default;
98
- $modal-month-landscape-title-line-height: 8vh !default;
98
+ $modal-month-landscape-title-line-height: 12vh !default;
99
99
 
100
100
  // tablet device style changes for modal popup
101
- $modal-tablet-font-size: 24px !default;
101
+ $modal-tablet-font-size: 18px !default;
102
102
  $modal-tablet-content-dimension: 64px !default;
103
103
  $modal-tablet-table-header-height: 48px !default;
104
104