@syncfusion/ej2-calendars 25.2.7 → 26.1.35-7502

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
@@ -1,8 +1,16 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes e-input-ripple {
3
+ 100% {
4
+ opacity: 0;
5
+ -webkit-transform: scale(4);
6
+ transform: scale(4);
7
+ }
8
+ }
2
9
  @keyframes e-input-ripple {
3
10
  100% {
4
11
  opacity: 0;
5
- transform: scale(4);
12
+ -webkit-transform: scale(4);
13
+ transform: scale(4);
6
14
  }
7
15
  }
8
16
  /*! component icons */
@@ -101,9 +109,9 @@
101
109
  font-family: "e-icons";
102
110
  }
103
111
 
104
- /*! daterangepicker layout */
105
112
  .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
106
113
  .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
114
+ display: -webkit-box;
107
115
  display: -ms-flexbox;
108
116
  display: flex;
109
117
  }
@@ -127,7 +135,8 @@
127
135
  .e-bigger.e-small .e-daterangepicker.e-popup {
128
136
  border: #616161;
129
137
  border-radius: 0;
130
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
138
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
139
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
131
140
  max-height: 500px;
132
141
  max-width: 730px;
133
142
  }
@@ -160,6 +169,7 @@
160
169
  text-decoration: none;
161
170
  text-overflow: ellipsis;
162
171
  -webkit-user-select: none;
172
+ -moz-user-select: none;
163
173
  -ms-user-select: none;
164
174
  user-select: none;
165
175
  white-space: nowrap;
@@ -180,14 +190,17 @@
180
190
  margin: 0 0 15px 0;
181
191
  text-align: center;
182
192
  -webkit-user-select: none;
193
+ -moz-user-select: none;
183
194
  -ms-user-select: none;
184
195
  user-select: none;
185
196
  width: 100%;
186
197
  }
187
198
  .e-daterangepicker.e-popup .e-range-header .e-start-end,
188
199
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
189
- -ms-flex-align: center;
190
- align-items: center;
200
+ -webkit-box-align: center;
201
+ -ms-flex-align: center;
202
+ align-items: center;
203
+ display: -webkit-box;
191
204
  display: -ms-flexbox;
192
205
  display: flex;
193
206
  height: 35px;
@@ -256,14 +269,18 @@
256
269
  }
257
270
  .e-daterangepicker.e-popup .e-footer,
258
271
  .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
259
- -ms-flex-align: center;
260
- align-items: center;
272
+ -webkit-box-align: center;
273
+ -ms-flex-align: center;
274
+ align-items: center;
261
275
  border-top: 1px solid #616161;
262
276
  clear: both;
277
+ display: -webkit-box;
263
278
  display: -ms-flexbox;
264
279
  display: flex;
265
- -ms-flex-direction: row-reverse;
266
- flex-direction: row-reverse;
280
+ -webkit-box-orient: horizontal;
281
+ -webkit-box-direction: reverse;
282
+ -ms-flex-direction: row-reverse;
283
+ flex-direction: row-reverse;
267
284
  height: 48px;
268
285
  }
269
286
  .e-daterangepicker.e-popup .e-footer .e-btn,
@@ -289,6 +306,7 @@
289
306
  }
290
307
  .e-daterangepicker.e-popup .e-calendar-container,
291
308
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
309
+ display: -webkit-box;
292
310
  display: -ms-flexbox;
293
311
  display: flex;
294
312
  }
@@ -369,10 +387,13 @@
369
387
  }
370
388
  .e-daterangepicker.e-rtl .e-footer,
371
389
  .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
372
- -ms-flex-direction: row;
373
- flex-direction: row;
374
- -ms-flex-pack: end;
375
- justify-content: flex-end;
390
+ -webkit-box-orient: horizontal;
391
+ -webkit-box-direction: normal;
392
+ -ms-flex-direction: row;
393
+ flex-direction: row;
394
+ -webkit-box-pack: end;
395
+ -ms-flex-pack: end;
396
+ justify-content: flex-end;
376
397
  }
377
398
  .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
378
399
  .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
@@ -419,15 +440,19 @@
419
440
  .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
420
441
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
421
442
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
422
- -ms-flex-align: center;
423
- align-items: center;
443
+ -webkit-box-align: center;
444
+ -ms-flex-align: center;
445
+ align-items: center;
424
446
  cursor: pointer;
447
+ display: -webkit-box;
425
448
  display: -ms-flexbox;
426
449
  display: flex;
427
450
  height: 36px;
428
- -ms-flex-pack: center;
429
- justify-content: center;
451
+ -webkit-box-pack: center;
452
+ -ms-flex-pack: center;
453
+ justify-content: center;
430
454
  -webkit-user-select: none;
455
+ -moz-user-select: none;
431
456
  -ms-user-select: none;
432
457
  user-select: none;
433
458
  width: 100%;
@@ -438,7 +463,8 @@
438
463
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
439
464
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
440
465
  border: 1px solid #3f51b5;
441
- box-shadow: none;
466
+ -webkit-box-shadow: none;
467
+ box-shadow: none;
442
468
  font-size: 14px;
443
469
  font-weight: 500;
444
470
  height: 36px;
@@ -465,7 +491,8 @@
465
491
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
466
492
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
467
493
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
468
- box-shadow: none;
494
+ -webkit-box-shadow: none;
495
+ box-shadow: none;
469
496
  }
470
497
  .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
471
498
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
@@ -480,7 +507,8 @@
480
507
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
481
508
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
482
509
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
483
- box-shadow: none;
510
+ -webkit-box-shadow: none;
511
+ box-shadow: none;
484
512
  }
485
513
  .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
486
514
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
@@ -652,15 +680,20 @@
652
680
  }
653
681
 
654
682
  .e-daterangepick-mob-popup-wrap {
655
- -ms-flex-align: center;
656
- align-items: center;
683
+ -webkit-box-align: center;
684
+ -ms-flex-align: center;
685
+ align-items: center;
686
+ display: -webkit-box;
657
687
  display: -ms-flexbox;
658
688
  display: flex;
659
- -ms-flex-direction: column;
660
- flex-direction: column;
689
+ -webkit-box-orient: vertical;
690
+ -webkit-box-direction: normal;
691
+ -ms-flex-direction: column;
692
+ flex-direction: column;
661
693
  height: 100%;
662
- -ms-flex-pack: center;
663
- justify-content: center;
694
+ -webkit-box-pack: center;
695
+ -ms-flex-pack: center;
696
+ justify-content: center;
664
697
  left: 0;
665
698
  max-height: 100%;
666
699
  position: fixed;
@@ -863,10 +896,12 @@
863
896
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
864
897
  height: 10%;
865
898
  padding: 2.5vh 2.5vw 2.5vh 1.5vw;
899
+ display: -webkit-box;
866
900
  display: -ms-flexbox;
867
901
  display: flex;
868
- -ms-flex-align: center;
869
- align-items: center;
902
+ -webkit-box-align: center;
903
+ -ms-flex-align: center;
904
+ align-items: center;
870
905
  font-size: 3vh;
871
906
  border-bottom: none;
872
907
  }
@@ -922,8 +957,6 @@
922
957
  max-height: 85%;
923
958
  height: 85%;
924
959
  }
925
- }
926
- @media screen and (orientation: landscape) {
927
960
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
928
961
  height: 15%;
929
962
  font-size: 18px;
@@ -934,8 +967,6 @@
934
967
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
935
968
  padding: 1vh 1vw;
936
969
  }
937
- }
938
- @media screen and (orientation: landscape) {
939
970
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
940
971
  width: 100%;
941
972
  }
@@ -1007,8 +1038,6 @@
1007
1038
  width: calc(100% - 110px);
1008
1039
  }
1009
1040
 
1010
- /* stylelint-enable */
1011
- /*! daterangepicker theme */
1012
1041
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1013
1042
  color: #00b0ff;
1014
1043
  }
@@ -1,16 +1,36 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes e-input-ripple {
3
+ 100% {
4
+ opacity: 0;
5
+ -webkit-transform: scale(4);
6
+ transform: scale(4);
7
+ }
8
+ }
2
9
  @keyframes e-input-ripple {
3
10
  100% {
4
11
  opacity: 0;
5
- transform: scale(4);
12
+ -webkit-transform: scale(4);
13
+ transform: scale(4);
14
+ }
15
+ }
16
+ @-webkit-keyframes slideTopUp {
17
+ from {
18
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
19
+ transform: translate3d(0, 0, 0) scale(1);
20
+ }
21
+ to {
22
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
23
+ transform: translate3d(0, 0, 0) scale(1);
6
24
  }
7
25
  }
8
26
  @keyframes slideTopUp {
9
27
  from {
10
- transform: translate3d(0, 0, 0) scale(1);
28
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
29
+ transform: translate3d(0, 0, 0) scale(1);
11
30
  }
12
31
  to {
13
- transform: translate3d(0, 0, 0) scale(1);
32
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
33
+ transform: translate3d(0, 0, 0) scale(1);
14
34
  }
15
35
  }
16
36
  /*! calendar material theme variables */
@@ -110,9 +130,9 @@
110
130
  font-family: "e-icons";
111
131
  }
112
132
 
113
- /*! daterangepicker layout */
114
133
  .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
115
134
  .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
135
+ display: -webkit-box;
116
136
  display: -ms-flexbox;
117
137
  display: flex;
118
138
  }
@@ -136,7 +156,8 @@
136
156
  .e-bigger.e-small .e-daterangepicker.e-popup {
137
157
  border: none;
138
158
  border-radius: 0;
139
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
159
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
160
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
140
161
  max-height: 500px;
141
162
  max-width: 730px;
142
163
  }
@@ -169,6 +190,7 @@
169
190
  text-decoration: none;
170
191
  text-overflow: ellipsis;
171
192
  -webkit-user-select: none;
193
+ -moz-user-select: none;
172
194
  -ms-user-select: none;
173
195
  user-select: none;
174
196
  white-space: nowrap;
@@ -189,14 +211,17 @@
189
211
  margin: 0 0 15px 0;
190
212
  text-align: center;
191
213
  -webkit-user-select: none;
214
+ -moz-user-select: none;
192
215
  -ms-user-select: none;
193
216
  user-select: none;
194
217
  width: 100%;
195
218
  }
196
219
  .e-daterangepicker.e-popup .e-range-header .e-start-end,
197
220
  .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
198
- -ms-flex-align: center;
199
- align-items: center;
221
+ -webkit-box-align: center;
222
+ -ms-flex-align: center;
223
+ align-items: center;
224
+ display: -webkit-box;
200
225
  display: -ms-flexbox;
201
226
  display: flex;
202
227
  height: 35px;
@@ -265,14 +290,18 @@
265
290
  }
266
291
  .e-daterangepicker.e-popup .e-footer,
267
292
  .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
268
- -ms-flex-align: center;
269
- align-items: center;
293
+ -webkit-box-align: center;
294
+ -ms-flex-align: center;
295
+ align-items: center;
270
296
  border-top: 1px solid rgba(0, 0, 0, 0.12);
271
297
  clear: both;
298
+ display: -webkit-box;
272
299
  display: -ms-flexbox;
273
300
  display: flex;
274
- -ms-flex-direction: row-reverse;
275
- flex-direction: row-reverse;
301
+ -webkit-box-orient: horizontal;
302
+ -webkit-box-direction: reverse;
303
+ -ms-flex-direction: row-reverse;
304
+ flex-direction: row-reverse;
276
305
  height: 48px;
277
306
  }
278
307
  .e-daterangepicker.e-popup .e-footer .e-btn,
@@ -298,6 +327,7 @@
298
327
  }
299
328
  .e-daterangepicker.e-popup .e-calendar-container,
300
329
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
330
+ display: -webkit-box;
301
331
  display: -ms-flexbox;
302
332
  display: flex;
303
333
  }
@@ -378,10 +408,13 @@
378
408
  }
379
409
  .e-daterangepicker.e-rtl .e-footer,
380
410
  .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
381
- -ms-flex-direction: row;
382
- flex-direction: row;
383
- -ms-flex-pack: end;
384
- justify-content: flex-end;
411
+ -webkit-box-orient: horizontal;
412
+ -webkit-box-direction: normal;
413
+ -ms-flex-direction: row;
414
+ flex-direction: row;
415
+ -webkit-box-pack: end;
416
+ -ms-flex-pack: end;
417
+ justify-content: flex-end;
385
418
  }
386
419
  .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
387
420
  .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
@@ -433,15 +466,19 @@
433
466
  .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
434
467
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
435
468
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
436
- -ms-flex-align: center;
437
- align-items: center;
469
+ -webkit-box-align: center;
470
+ -ms-flex-align: center;
471
+ align-items: center;
438
472
  cursor: pointer;
473
+ display: -webkit-box;
439
474
  display: -ms-flexbox;
440
475
  display: flex;
441
476
  height: 36px;
442
- -ms-flex-pack: center;
443
- justify-content: center;
477
+ -webkit-box-pack: center;
478
+ -ms-flex-pack: center;
479
+ justify-content: center;
444
480
  -webkit-user-select: none;
481
+ -moz-user-select: none;
445
482
  -ms-user-select: none;
446
483
  user-select: none;
447
484
  width: 100%;
@@ -452,7 +489,8 @@
452
489
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
453
490
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
454
491
  border: 1px solid #3f51b5;
455
- box-shadow: none;
492
+ -webkit-box-shadow: none;
493
+ box-shadow: none;
456
494
  font-size: 14px;
457
495
  font-weight: 500;
458
496
  height: 36px;
@@ -479,7 +517,8 @@
479
517
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
480
518
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
481
519
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
482
- box-shadow: none;
520
+ -webkit-box-shadow: none;
521
+ box-shadow: none;
483
522
  }
484
523
  .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
485
524
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
@@ -494,7 +533,8 @@
494
533
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
495
534
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
496
535
  *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
497
- box-shadow: none;
536
+ -webkit-box-shadow: none;
537
+ box-shadow: none;
498
538
  }
499
539
  .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
500
540
  *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
@@ -666,15 +706,20 @@
666
706
  }
667
707
 
668
708
  .e-daterangepick-mob-popup-wrap {
669
- -ms-flex-align: center;
670
- align-items: center;
709
+ -webkit-box-align: center;
710
+ -ms-flex-align: center;
711
+ align-items: center;
712
+ display: -webkit-box;
671
713
  display: -ms-flexbox;
672
714
  display: flex;
673
- -ms-flex-direction: column;
674
- flex-direction: column;
715
+ -webkit-box-orient: vertical;
716
+ -webkit-box-direction: normal;
717
+ -ms-flex-direction: column;
718
+ flex-direction: column;
675
719
  height: 100%;
676
- -ms-flex-pack: center;
677
- justify-content: center;
720
+ -webkit-box-pack: center;
721
+ -ms-flex-pack: center;
722
+ justify-content: center;
678
723
  left: 0;
679
724
  max-height: 100%;
680
725
  position: fixed;
@@ -877,10 +922,12 @@
877
922
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
878
923
  height: 10%;
879
924
  padding: 2.5vh 2.5vw 2.5vh 0;
925
+ display: -webkit-box;
880
926
  display: -ms-flexbox;
881
927
  display: flex;
882
- -ms-flex-align: center;
883
- align-items: center;
928
+ -webkit-box-align: center;
929
+ -ms-flex-align: center;
930
+ align-items: center;
884
931
  font-size: 3vh;
885
932
  border-bottom: none;
886
933
  }
@@ -936,8 +983,6 @@
936
983
  max-height: 85%;
937
984
  height: 85%;
938
985
  }
939
- }
940
- @media screen and (orientation: landscape) {
941
986
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
942
987
  height: 15%;
943
988
  font-size: 18px;
@@ -948,8 +993,6 @@
948
993
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
949
994
  padding: 1vh 1vw;
950
995
  }
951
- }
952
- @media screen and (orientation: landscape) {
953
996
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
954
997
  width: 100%;
955
998
  }
@@ -1021,8 +1064,6 @@
1021
1064
  width: calc(100% - 110px);
1022
1065
  }
1023
1066
 
1024
- /* stylelint-enable */
1025
- /*! daterangepicker theme */
1026
1067
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
1027
1068
  color: #e3165b;
1028
1069
  }