@syncfusion/ej2-calendars 25.2.7 → 26.1.35

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 (192) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +136 -200
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +131 -196
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/calendar/calendar.d.ts +1 -2
  14. package/src/calendar/calendar.js +21 -26
  15. package/src/calendar/islamic.js +8 -7
  16. package/src/datepicker/datepicker.d.ts +0 -1
  17. package/src/datepicker/datepicker.js +15 -16
  18. package/src/daterangepicker/daterangepicker.d.ts +0 -1
  19. package/src/daterangepicker/daterangepicker.js +25 -26
  20. package/src/datetimepicker/datetimepicker.js +17 -11
  21. package/src/maskbase/interface.js +0 -1
  22. package/src/maskbase/masked-date-time.js +3 -5
  23. package/src/timepicker/timepicker.d.ts +0 -1
  24. package/src/timepicker/timepicker.js +7 -11
  25. package/styles/bootstrap-dark.css +143 -91
  26. package/styles/bootstrap-dark.scss +20 -5
  27. package/styles/bootstrap.css +143 -93
  28. package/styles/bootstrap.scss +20 -5
  29. package/styles/bootstrap4.css +143 -93
  30. package/styles/bootstrap4.scss +20 -5
  31. package/styles/bootstrap5-dark.css +143 -94
  32. package/styles/bootstrap5-dark.scss +20 -5
  33. package/styles/bootstrap5.css +143 -94
  34. package/styles/bootstrap5.scss +20 -5
  35. package/styles/calendar/_bds-definition.scss +4 -3
  36. package/styles/calendar/_bootstrap5.3-definition.scss +256 -0
  37. package/styles/calendar/_fluent2-definition.scss +290 -0
  38. package/styles/calendar/_layout.scss +34 -14
  39. package/styles/calendar/_material3-definition.scss +0 -9
  40. package/styles/calendar/_theme.scss +104 -45
  41. package/styles/calendar/bootstrap-dark.css +48 -24
  42. package/styles/calendar/bootstrap.css +48 -24
  43. package/styles/calendar/bootstrap4.css +48 -24
  44. package/styles/calendar/bootstrap5-dark.css +48 -24
  45. package/styles/calendar/bootstrap5.css +48 -24
  46. package/styles/calendar/fabric-dark.css +51 -25
  47. package/styles/calendar/fabric.css +51 -25
  48. package/styles/calendar/fluent-dark.css +67 -33
  49. package/styles/calendar/fluent.css +67 -33
  50. package/styles/calendar/fluent2.css +2022 -0
  51. package/styles/calendar/fluent2.scss +5 -0
  52. package/styles/calendar/highcontrast-light.css +49 -24
  53. package/styles/calendar/highcontrast.css +51 -25
  54. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  55. package/styles/calendar/icons/_fluent2.scss +13 -0
  56. package/styles/calendar/material-dark.css +51 -25
  57. package/styles/calendar/material.css +51 -25
  58. package/styles/calendar/material3-dark.css +52 -23
  59. package/styles/calendar/material3.css +52 -23
  60. package/styles/calendar/tailwind-dark.css +49 -25
  61. package/styles/calendar/tailwind.css +49 -25
  62. package/styles/datepicker/_bootstrap5.3-definition.scss +107 -0
  63. package/styles/datepicker/_fluent2-definition.scss +118 -0
  64. package/styles/datepicker/_layout.scss +20 -11
  65. package/styles/datepicker/_material3-definition.scss +0 -19
  66. package/styles/datepicker/bootstrap-dark.css +16 -18
  67. package/styles/datepicker/bootstrap.css +16 -18
  68. package/styles/datepicker/bootstrap4.css +16 -18
  69. package/styles/datepicker/bootstrap5-dark.css +18 -19
  70. package/styles/datepicker/bootstrap5.css +18 -19
  71. package/styles/datepicker/fabric-dark.css +16 -18
  72. package/styles/datepicker/fabric.css +16 -18
  73. package/styles/datepicker/fluent-dark.css +18 -19
  74. package/styles/datepicker/fluent.css +18 -19
  75. package/styles/datepicker/fluent2.css +1680 -0
  76. package/styles/datepicker/fluent2.scss +7 -0
  77. package/styles/datepicker/highcontrast-light.css +16 -18
  78. package/styles/datepicker/highcontrast.css +16 -18
  79. package/styles/datepicker/icons/_bootstrap5.3.scss +76 -0
  80. package/styles/datepicker/icons/_fluent2.scss +83 -0
  81. package/styles/datepicker/material-dark.css +27 -20
  82. package/styles/datepicker/material.css +41 -22
  83. package/styles/datepicker/material3-dark.css +46 -24
  84. package/styles/datepicker/material3.css +46 -24
  85. package/styles/datepicker/tailwind-dark.css +18 -19
  86. package/styles/datepicker/tailwind.css +18 -19
  87. package/styles/daterangepicker/_bds-definition.scss +2 -2
  88. package/styles/daterangepicker/_bootstrap5.3-definition.scss +296 -0
  89. package/styles/daterangepicker/_fluent2-definition.scss +309 -0
  90. package/styles/daterangepicker/_layout.scss +14 -22
  91. package/styles/daterangepicker/_material3-definition.scss +0 -20
  92. package/styles/daterangepicker/_theme.scss +16 -8
  93. package/styles/daterangepicker/bootstrap-dark.css +54 -33
  94. package/styles/daterangepicker/bootstrap.css +54 -33
  95. package/styles/daterangepicker/bootstrap4.css +54 -33
  96. package/styles/daterangepicker/bootstrap5-dark.css +56 -34
  97. package/styles/daterangepicker/bootstrap5.css +56 -34
  98. package/styles/daterangepicker/fabric-dark.css +54 -33
  99. package/styles/daterangepicker/fabric.css +54 -33
  100. package/styles/daterangepicker/fluent-dark.css +66 -39
  101. package/styles/daterangepicker/fluent.css +66 -39
  102. package/styles/daterangepicker/fluent2.css +2465 -0
  103. package/styles/daterangepicker/fluent2.scss +7 -0
  104. package/styles/daterangepicker/highcontrast-light.css +54 -33
  105. package/styles/daterangepicker/highcontrast.css +54 -33
  106. package/styles/daterangepicker/icons/_bootstrap5.3.scss +92 -0
  107. package/styles/daterangepicker/icons/_fluent2.scss +132 -0
  108. package/styles/daterangepicker/material-dark.css +63 -34
  109. package/styles/daterangepicker/material.css +77 -36
  110. package/styles/daterangepicker/material3-dark.css +88 -38
  111. package/styles/daterangepicker/material3.css +88 -38
  112. package/styles/daterangepicker/tailwind-dark.css +58 -35
  113. package/styles/daterangepicker/tailwind.css +58 -35
  114. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  115. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  116. package/styles/datetimepicker/_layout.scss +0 -3
  117. package/styles/datetimepicker/_material3-definition.scss +0 -10
  118. package/styles/datetimepicker/_theme.scss +2 -2
  119. package/styles/datetimepicker/bootstrap-dark.css +7 -3
  120. package/styles/datetimepicker/bootstrap.css +7 -3
  121. package/styles/datetimepicker/bootstrap4.css +7 -3
  122. package/styles/datetimepicker/bootstrap5-dark.css +7 -3
  123. package/styles/datetimepicker/bootstrap5.css +7 -3
  124. package/styles/datetimepicker/fabric-dark.css +7 -3
  125. package/styles/datetimepicker/fabric.css +7 -3
  126. package/styles/datetimepicker/fluent-dark.css +7 -3
  127. package/styles/datetimepicker/fluent.css +7 -3
  128. package/styles/datetimepicker/fluent2.css +1408 -0
  129. package/styles/datetimepicker/fluent2.scss +8 -0
  130. package/styles/datetimepicker/highcontrast-light.css +7 -3
  131. package/styles/datetimepicker/highcontrast.css +7 -3
  132. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  133. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  134. package/styles/datetimepicker/material-dark.css +16 -4
  135. package/styles/datetimepicker/material.css +30 -6
  136. package/styles/datetimepicker/material3-dark.css +33 -7
  137. package/styles/datetimepicker/material3.css +33 -7
  138. package/styles/datetimepicker/tailwind-dark.css +7 -3
  139. package/styles/datetimepicker/tailwind.css +7 -3
  140. package/styles/fabric-dark.css +146 -92
  141. package/styles/fabric-dark.scss +20 -5
  142. package/styles/fabric.css +146 -94
  143. package/styles/fabric.scss +20 -5
  144. package/styles/fluent-dark.css +172 -108
  145. package/styles/fluent-dark.scss +20 -5
  146. package/styles/fluent.css +172 -108
  147. package/styles/fluent.scss +20 -5
  148. package/styles/fluent2.css +4429 -0
  149. package/styles/fluent2.scss +20 -0
  150. package/styles/highcontrast-light.css +144 -91
  151. package/styles/highcontrast-light.scss +20 -5
  152. package/styles/highcontrast.css +146 -94
  153. package/styles/highcontrast.scss +20 -5
  154. package/styles/material-dark.css +157 -112
  155. package/styles/material-dark.scss +20 -5
  156. package/styles/material.css +171 -140
  157. package/styles/material.scss +20 -5
  158. package/styles/material3-dark.css +189 -139
  159. package/styles/material3-dark.scss +20 -5
  160. package/styles/material3.css +189 -139
  161. package/styles/material3.scss +20 -5
  162. package/styles/tailwind-dark.css +146 -96
  163. package/styles/tailwind-dark.scss +20 -5
  164. package/styles/tailwind.css +146 -96
  165. package/styles/tailwind.scss +20 -5
  166. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  167. package/styles/timepicker/_fluent2-definition.scss +84 -0
  168. package/styles/timepicker/_layout.scss +2 -16
  169. package/styles/timepicker/_material3-definition.scss +0 -16
  170. package/styles/timepicker/_theme.scss +1 -4
  171. package/styles/timepicker/bootstrap-dark.css +18 -10
  172. package/styles/timepicker/bootstrap.css +18 -10
  173. package/styles/timepicker/bootstrap4.css +18 -10
  174. package/styles/timepicker/bootstrap5-dark.css +18 -10
  175. package/styles/timepicker/bootstrap5.css +18 -10
  176. package/styles/timepicker/fabric-dark.css +18 -10
  177. package/styles/timepicker/fabric.css +18 -10
  178. package/styles/timepicker/fluent-dark.css +18 -10
  179. package/styles/timepicker/fluent.css +18 -10
  180. package/styles/timepicker/fluent2.css +1531 -0
  181. package/styles/timepicker/fluent2.scss +6 -0
  182. package/styles/timepicker/highcontrast-light.css +18 -10
  183. package/styles/timepicker/highcontrast.css +18 -10
  184. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  185. package/styles/timepicker/icons/_fluent2.scss +24 -0
  186. package/styles/timepicker/material-dark.css +27 -11
  187. package/styles/timepicker/material.css +41 -13
  188. package/styles/timepicker/material3-dark.css +45 -14
  189. package/styles/timepicker/material3.css +45 -14
  190. package/styles/timepicker/tailwind-dark.css +18 -10
  191. package/styles/timepicker/tailwind.css +18 -10
  192. package/CHANGELOG.md +0 -1232
package/styles/timepicker/fabric-dark.css CHANGED
@@ -13,6 +13,7 @@
13
13
 
14
14
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
15
15
  .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
16
+ display: -webkit-box;
16
17
  display: -ms-flexbox;
17
18
  display: flex;
18
19
  }
@@ -141,15 +142,20 @@
141
142
  }
142
143
 
143
144
  .e-timepicker-mob-popup-wrap {
144
- -ms-flex-align: center;
145
- align-items: center;
145
+ -webkit-box-align: center;
146
+ -ms-flex-align: center;
147
+ align-items: center;
148
+ display: -webkit-box;
146
149
  display: -ms-flexbox;
147
150
  display: flex;
148
- -ms-flex-direction: column;
149
- flex-direction: column;
151
+ -webkit-box-orient: vertical;
152
+ -webkit-box-direction: normal;
153
+ -ms-flex-direction: column;
154
+ flex-direction: column;
150
155
  height: 100%;
151
- -ms-flex-pack: center;
152
- justify-content: center;
156
+ -webkit-box-pack: center;
157
+ -ms-flex-pack: center;
158
+ justify-content: center;
153
159
  left: 0;
154
160
  max-height: 100%;
155
161
  position: fixed;
@@ -174,10 +180,12 @@
174
180
  .e-datetimepicker.e-popup-expand .e-model-header {
175
181
  height: 10%;
176
182
  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
183
+ display: -webkit-box;
177
184
  display: -ms-flexbox;
178
185
  display: flex;
179
- -ms-flex-align: center;
180
- align-items: center;
186
+ -webkit-box-align: center;
187
+ -ms-flex-align: center;
188
+ align-items: center;
181
189
  font-size: 2vh;
182
190
  border-bottom: none;
183
191
  }
@@ -248,7 +256,6 @@
248
256
  }
249
257
  }
250
258
  /* stylelint-enable */
251
- /*! timepicker theme */
252
259
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
253
260
  color: #dadada;
254
261
  }
@@ -260,7 +267,8 @@
260
267
  background-color: #282727;
261
268
  border: 1px solid #414040;
262
269
  border-radius: 0;
263
- box-shadow: none;
270
+ -webkit-box-shadow: none;
271
+ box-shadow: none;
264
272
  }
265
273
  .e-timepicker.e-popup .e-list-parent.e-ul {
266
274
  background-color: #282727;
package/styles/timepicker/fabric.css CHANGED
@@ -13,6 +13,7 @@
13
13
 
14
14
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
15
15
  .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
16
+ display: -webkit-box;
16
17
  display: -ms-flexbox;
17
18
  display: flex;
18
19
  }
@@ -141,15 +142,20 @@
141
142
  }
142
143
 
143
144
  .e-timepicker-mob-popup-wrap {
144
- -ms-flex-align: center;
145
- align-items: center;
145
+ -webkit-box-align: center;
146
+ -ms-flex-align: center;
147
+ align-items: center;
148
+ display: -webkit-box;
146
149
  display: -ms-flexbox;
147
150
  display: flex;
148
- -ms-flex-direction: column;
149
- flex-direction: column;
151
+ -webkit-box-orient: vertical;
152
+ -webkit-box-direction: normal;
153
+ -ms-flex-direction: column;
154
+ flex-direction: column;
150
155
  height: 100%;
151
- -ms-flex-pack: center;
152
- justify-content: center;
156
+ -webkit-box-pack: center;
157
+ -ms-flex-pack: center;
158
+ justify-content: center;
153
159
  left: 0;
154
160
  max-height: 100%;
155
161
  position: fixed;
@@ -174,10 +180,12 @@
174
180
  .e-datetimepicker.e-popup-expand .e-model-header {
175
181
  height: 10%;
176
182
  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
183
+ display: -webkit-box;
177
184
  display: -ms-flexbox;
178
185
  display: flex;
179
- -ms-flex-align: center;
180
- align-items: center;
186
+ -webkit-box-align: center;
187
+ -ms-flex-align: center;
188
+ align-items: center;
181
189
  font-size: 2vh;
182
190
  border-bottom: none;
183
191
  }
@@ -248,7 +256,6 @@
248
256
  }
249
257
  }
250
258
  /* stylelint-enable */
251
- /*! timepicker theme */
252
259
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
253
260
  color: #333;
254
261
  }
@@ -260,7 +267,8 @@
260
267
  background-color: #fff;
261
268
  border: 1px solid #eaeaea;
262
269
  border-radius: 0;
263
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
270
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
271
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
264
272
  }
265
273
  .e-timepicker.e-popup .e-list-parent.e-ul {
266
274
  background-color: #fff;
package/styles/timepicker/fluent-dark.css CHANGED
@@ -14,6 +14,7 @@
14
14
 
15
15
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
16
16
  .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
17
+ display: -webkit-box;
17
18
  display: -ms-flexbox;
18
19
  display: flex;
19
20
  }
@@ -142,15 +143,20 @@
142
143
  }
143
144
 
144
145
  .e-timepicker-mob-popup-wrap {
145
- -ms-flex-align: center;
146
- align-items: center;
146
+ -webkit-box-align: center;
147
+ -ms-flex-align: center;
148
+ align-items: center;
149
+ display: -webkit-box;
147
150
  display: -ms-flexbox;
148
151
  display: flex;
149
- -ms-flex-direction: column;
150
- flex-direction: column;
152
+ -webkit-box-orient: vertical;
153
+ -webkit-box-direction: normal;
154
+ -ms-flex-direction: column;
155
+ flex-direction: column;
151
156
  height: 100%;
152
- -ms-flex-pack: center;
153
- justify-content: center;
157
+ -webkit-box-pack: center;
158
+ -ms-flex-pack: center;
159
+ justify-content: center;
154
160
  left: 0;
155
161
  max-height: 100%;
156
162
  position: fixed;
@@ -175,10 +181,12 @@
175
181
  .e-datetimepicker.e-popup-expand .e-model-header {
176
182
  height: 10%;
177
183
  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
184
+ display: -webkit-box;
178
185
  display: -ms-flexbox;
179
186
  display: flex;
180
- -ms-flex-align: center;
181
- align-items: center;
187
+ -webkit-box-align: center;
188
+ -ms-flex-align: center;
189
+ align-items: center;
182
190
  font-size: 2vh;
183
191
  border-bottom: none;
184
192
  }
@@ -249,7 +257,6 @@
249
257
  }
250
258
  }
251
259
  /* stylelint-enable */
252
- /*! timepicker theme */
253
260
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
254
261
  color: #f3f2f1;
255
262
  }
@@ -261,7 +268,8 @@
261
268
  background-color: #252423;
262
269
  border: 0 solid #292827;
263
270
  border-radius: 6px;
264
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
271
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
272
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
265
273
  }
266
274
  .e-timepicker.e-popup .e-list-parent.e-ul {
267
275
  background-color: #252423;
package/styles/timepicker/fluent.css CHANGED
@@ -14,6 +14,7 @@
14
14
 
15
15
  .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
16
16
  .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
17
+ display: -webkit-box;
17
18
  display: -ms-flexbox;
18
19
  display: flex;
19
20
  }
@@ -142,15 +143,20 @@
142
143
  }
143
144
 
144
145
  .e-timepicker-mob-popup-wrap {
145
- -ms-flex-align: center;
146
- align-items: center;
146
+ -webkit-box-align: center;
147
+ -ms-flex-align: center;
148
+ align-items: center;
149
+ display: -webkit-box;
147
150
  display: -ms-flexbox;
148
151
  display: flex;
149
- -ms-flex-direction: column;
150
- flex-direction: column;
152
+ -webkit-box-orient: vertical;
153
+ -webkit-box-direction: normal;
154
+ -ms-flex-direction: column;
155
+ flex-direction: column;
151
156
  height: 100%;
152
- -ms-flex-pack: center;
153
- justify-content: center;
157
+ -webkit-box-pack: center;
158
+ -ms-flex-pack: center;
159
+ justify-content: center;
154
160
  left: 0;
155
161
  max-height: 100%;
156
162
  position: fixed;
@@ -175,10 +181,12 @@
175
181
  .e-datetimepicker.e-popup-expand .e-model-header {
176
182
  height: 10%;
177
183
  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
184
+ display: -webkit-box;
178
185
  display: -ms-flexbox;
179
186
  display: flex;
180
- -ms-flex-align: center;
181
- align-items: center;
187
+ -webkit-box-align: center;
188
+ -ms-flex-align: center;
189
+ align-items: center;
182
190
  font-size: 2vh;
183
191
  border-bottom: none;
184
192
  }
@@ -249,7 +257,6 @@
249
257
  }
250
258
  }
251
259
  /* stylelint-enable */
252
- /*! timepicker theme */
253
260
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
254
261
  color: #201f1e;
255
262
  }
@@ -261,7 +268,8 @@
261
268
  background-color: #fff;
262
269
  border: 0 solid #edebe9;
263
270
  border-radius: 6px;
264
- box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
271
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
272
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
265
273
  }
266
274
  .e-timepicker.e-popup .e-list-parent.e-ul {
267
275
  background-color: #fff;