@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/calendar/fluent-dark.css CHANGED
@@ -43,6 +43,7 @@ ejs-calendar {
43
43
  display: block;
44
44
  overflow: auto;
45
45
  -webkit-user-select: none;
46
+ -moz-user-select: none;
46
47
  -ms-user-select: none;
47
48
  user-select: none;
48
49
  }
@@ -117,7 +118,8 @@ ejs-calendar {
117
118
  .e-calendar .e-content th, .e-calendar .e-content td,
118
119
  .e-bigger.e-small .e-calendar .e-content th,
119
120
  .e-bigger.e-small .e-calendar .e-content td {
120
- box-sizing: border-box;
121
+ -webkit-box-sizing: border-box;
122
+ box-sizing: border-box;
121
123
  }
122
124
  .e-calendar .e-content td.e-disabled,
123
125
  .e-bigger.e-small .e-calendar .e-content td.e-disabled {
@@ -354,7 +356,8 @@ ejs-calendar {
354
356
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day,
355
357
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day,
356
358
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day {
357
- box-shadow: none;
359
+ -webkit-box-shadow: none;
360
+ box-shadow: none;
358
361
  }
359
362
  .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
360
363
  .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
@@ -367,12 +370,16 @@ ejs-calendar {
367
370
  background-color: transparent;
368
371
  border-top: 0 solid #292827;
369
372
  cursor: default;
373
+ display: -webkit-box;
370
374
  display: -ms-flexbox;
371
375
  display: flex;
372
- -ms-flex-direction: row;
373
- flex-direction: row;
374
- -ms-flex-pack: end;
375
- justify-content: flex-end;
376
+ -webkit-box-orient: horizontal;
377
+ -webkit-box-direction: normal;
378
+ -ms-flex-direction: row;
379
+ flex-direction: row;
380
+ -webkit-box-pack: end;
381
+ -ms-flex-pack: end;
382
+ justify-content: flex-end;
376
383
  padding: 8px;
377
384
  text-align: center;
378
385
  width: 100%;
@@ -572,7 +579,8 @@ ejs-calendar {
572
579
  .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
573
580
  background: #252423;
574
581
  border-color: #323130;
575
- box-shadow: none;
582
+ -webkit-box-shadow: none;
583
+ box-shadow: none;
576
584
  color: #484644;
577
585
  cursor: default;
578
586
  opacity: 1;
@@ -597,7 +605,8 @@ ejs-calendar {
597
605
  .e-bigger.e-small .e-calendar {
598
606
  background-color: #252423;
599
607
  border: 1px solid #292827;
600
- box-shadow: none;
608
+ -webkit-box-shadow: none;
609
+ box-shadow: none;
601
610
  }
602
611
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
603
612
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -630,13 +639,15 @@ ejs-calendar {
630
639
  }
631
640
  .e-calendar .e-header .e-title:focus,
632
641
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
633
- box-shadow: 0 0 0 1px #a19f9d;
642
+ -webkit-box-shadow: 0 0 0 1px #a19f9d;
643
+ box-shadow: 0 0 0 1px #a19f9d;
634
644
  background: none;
635
645
  text-decoration: none;
636
646
  }
637
647
  .e-calendar .e-header .e-title:active,
638
648
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
639
- box-shadow: none;
649
+ -webkit-box-shadow: none;
650
+ box-shadow: none;
640
651
  background: #252423;
641
652
  text-decoration: none;
642
653
  }
@@ -655,7 +666,8 @@ ejs-calendar {
655
666
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
656
667
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
657
668
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
658
- box-shadow: 0 0 0 1px #a19f9d;
669
+ -webkit-box-shadow: 0 0 0 1px #a19f9d;
670
+ box-shadow: 0 0 0 1px #a19f9d;
659
671
  }
660
672
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
661
673
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -701,11 +713,6 @@ ejs-calendar {
701
713
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
702
714
  color: #605e5c;
703
715
  }
704
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
705
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
706
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
707
- background-color: #323130;
708
- }
709
716
  .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
710
717
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
711
718
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -727,10 +734,12 @@ ejs-calendar {
727
734
  background: #252423;
728
735
  border: none;
729
736
  border-radius: 0;
730
- box-shadow: none;
737
+ -webkit-box-shadow: none;
738
+ box-shadow: none;
731
739
  background: none;
732
740
  border-radius: 4px;
733
- box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
741
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
742
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
734
743
  }
735
744
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
736
745
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -745,7 +754,8 @@ ejs-calendar {
745
754
  background: #0078d4;
746
755
  border: none;
747
756
  border-radius: 0;
748
- box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
757
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
758
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
749
759
  color: #1b1a19;
750
760
  border-radius: 50%;
751
761
  }
@@ -753,7 +763,8 @@ ejs-calendar {
753
763
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
754
764
  background: #0078d4;
755
765
  border: none;
756
- box-shadow: none;
766
+ -webkit-box-shadow: none;
767
+ box-shadow: none;
757
768
  color: #1b1a19;
758
769
  }
759
770
  .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -780,7 +791,8 @@ ejs-calendar {
780
791
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
781
792
  background-color: #3b3a39;
782
793
  border: none;
783
- box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
794
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
795
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
784
796
  color: #f3f2f1;
785
797
  }
786
798
  .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
@@ -819,7 +831,8 @@ ejs-calendar {
819
831
  background: #0078d4;
820
832
  border: none;
821
833
  border-radius: 50%;
822
- box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
834
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
835
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
823
836
  color: #1b1a19;
824
837
  }
825
838
  .e-calendar .e-content thead,
@@ -862,13 +875,14 @@ ejs-calendar {
862
875
  .e-calendar .e-content td.e-selected span.e-day,
863
876
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
864
877
  background-color: #3b3a39;
878
+ color: #f3f2f1;
865
879
  border: none;
866
880
  border-radius: 0;
867
- color: #f3f2f1;
868
881
  }
869
882
  .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day,
870
883
  .e-bigger.e-small .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day {
871
- box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
884
+ -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
885
+ box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
872
886
  }
873
887
  .e-calendar .e-content .e-footer,
874
888
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -886,13 +900,15 @@ ejs-calendar {
886
900
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected.e-focused-date {
887
901
  background-color: #3b3a39;
888
902
  border-radius: 4px;
889
- box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
903
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
904
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
890
905
  }
891
906
  .e-calendar .e-content td.e-today.e-selected,
892
907
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected {
893
908
  background-color: #3b3a39;
894
909
  border-radius: 0;
895
- box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
910
+ -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
911
+ box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d;
896
912
  }
897
913
  .e-calendar .e-content td.e-selected:hover span.e-day,
898
914
  .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day {
@@ -925,12 +941,14 @@ ejs-calendar {
925
941
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
926
942
  background: none;
927
943
  border-radius: 0;
928
- box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
944
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
945
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
929
946
  }
930
947
  .e-calendar .e-content td.e-focused-date.e-today,
931
948
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today {
932
949
  border-radius: 4px;
933
- box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
950
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
951
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
934
952
  }
935
953
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
936
954
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -941,7 +959,8 @@ ejs-calendar {
941
959
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day {
942
960
  background: #323130;
943
961
  border-radius: 0;
944
- box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
962
+ -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
963
+ box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce;
945
964
  }
946
965
 
947
966
  .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
@@ -964,15 +983,29 @@ ejs-calendar {
964
983
  }
965
984
 
966
985
  .e-calendar .e-zoomin {
967
- animation: animatezoom 0.3s;
986
+ -webkit-animation: animatezoom 0.3s;
987
+ animation: animatezoom 0.3s;
988
+ }
989
+
990
+ @-webkit-keyframes animatezoom {
991
+ from {
992
+ -webkit-transform: scale(0);
993
+ transform: scale(0);
994
+ }
995
+ to {
996
+ -webkit-transform: scale(1);
997
+ transform: scale(1);
998
+ }
968
999
  }
969
1000
 
970
1001
  @keyframes animatezoom {
971
1002
  from {
972
- transform: scale(0);
1003
+ -webkit-transform: scale(0);
1004
+ transform: scale(0);
973
1005
  }
974
1006
  to {
975
- transform: scale(1);
1007
+ -webkit-transform: scale(1);
1008
+ transform: scale(1);
976
1009
  }
977
1010
  }
978
1011
  .e-calendar .e-btn.e-today.e-flat.e-primary,
@@ -1020,6 +1053,7 @@ ejs-calendar {
1020
1053
  }
1021
1054
 
1022
1055
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
1023
- box-shadow: 0 0 0 1px #a19f9d;
1056
+ -webkit-box-shadow: 0 0 0 1px #a19f9d;
1057
+ box-shadow: 0 0 0 1px #a19f9d;
1024
1058
  border-radius: 0;
1025
1059
  }
package/styles/calendar/fluent.css CHANGED
@@ -43,6 +43,7 @@ ejs-calendar {
43
43
  display: block;
44
44
  overflow: auto;
45
45
  -webkit-user-select: none;
46
+ -moz-user-select: none;
46
47
  -ms-user-select: none;
47
48
  user-select: none;
48
49
  }
@@ -117,7 +118,8 @@ ejs-calendar {
117
118
  .e-calendar .e-content th, .e-calendar .e-content td,
118
119
  .e-bigger.e-small .e-calendar .e-content th,
119
120
  .e-bigger.e-small .e-calendar .e-content td {
120
- box-sizing: border-box;
121
+ -webkit-box-sizing: border-box;
122
+ box-sizing: border-box;
121
123
  }
122
124
  .e-calendar .e-content td.e-disabled,
123
125
  .e-bigger.e-small .e-calendar .e-content td.e-disabled {
@@ -354,7 +356,8 @@ ejs-calendar {
354
356
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day,
355
357
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day,
356
358
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day {
357
- box-shadow: none;
359
+ -webkit-box-shadow: none;
360
+ box-shadow: none;
358
361
  }
359
362
  .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
360
363
  .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
@@ -367,12 +370,16 @@ ejs-calendar {
367
370
  background-color: transparent;
368
371
  border-top: 0 solid #edebe9;
369
372
  cursor: default;
373
+ display: -webkit-box;
370
374
  display: -ms-flexbox;
371
375
  display: flex;
372
- -ms-flex-direction: row;
373
- flex-direction: row;
374
- -ms-flex-pack: end;
375
- justify-content: flex-end;
376
+ -webkit-box-orient: horizontal;
377
+ -webkit-box-direction: normal;
378
+ -ms-flex-direction: row;
379
+ flex-direction: row;
380
+ -webkit-box-pack: end;
381
+ -ms-flex-pack: end;
382
+ justify-content: flex-end;
376
383
  padding: 8px;
377
384
  text-align: center;
378
385
  width: 100%;
@@ -572,7 +579,8 @@ ejs-calendar {
572
579
  .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
573
580
  background: #f3f2f1;
574
581
  border-color: #f3f2f1;
575
- box-shadow: none;
582
+ -webkit-box-shadow: none;
583
+ box-shadow: none;
576
584
  color: #a19f9d;
577
585
  cursor: default;
578
586
  opacity: 1;
@@ -597,7 +605,8 @@ ejs-calendar {
597
605
  .e-bigger.e-small .e-calendar {
598
606
  background-color: #fff;
599
607
  border: 1px solid #edebe9;
600
- box-shadow: none;
608
+ -webkit-box-shadow: none;
609
+ box-shadow: none;
601
610
  }
602
611
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
603
612
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -630,13 +639,15 @@ ejs-calendar {
630
639
  }
631
640
  .e-calendar .e-header .e-title:focus,
632
641
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
633
- box-shadow: 0 0 0 1px #605e5c;
642
+ -webkit-box-shadow: 0 0 0 1px #605e5c;
643
+ box-shadow: 0 0 0 1px #605e5c;
634
644
  background: none;
635
645
  text-decoration: none;
636
646
  }
637
647
  .e-calendar .e-header .e-title:active,
638
648
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
639
- box-shadow: none;
649
+ -webkit-box-shadow: none;
650
+ box-shadow: none;
640
651
  background: #f3f2f1;
641
652
  text-decoration: none;
642
653
  }
@@ -655,7 +666,8 @@ ejs-calendar {
655
666
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
656
667
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
657
668
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
658
- box-shadow: 0 0 0 1px #605e5c;
669
+ -webkit-box-shadow: 0 0 0 1px #605e5c;
670
+ box-shadow: 0 0 0 1px #605e5c;
659
671
  }
660
672
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
661
673
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -701,11 +713,6 @@ ejs-calendar {
701
713
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
702
714
  color: #a19f9d;
703
715
  }
704
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
705
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
706
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
707
- background-color: #f3f2f1;
708
- }
709
716
  .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
710
717
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
711
718
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -727,10 +734,12 @@ ejs-calendar {
727
734
  background: #f3f2f1;
728
735
  border: none;
729
736
  border-radius: 0;
730
- box-shadow: none;
737
+ -webkit-box-shadow: none;
738
+ box-shadow: none;
731
739
  background: none;
732
740
  border-radius: 4px;
733
- box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
741
+ -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
742
+ box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
734
743
  }
735
744
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
736
745
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -745,7 +754,8 @@ ejs-calendar {
745
754
  background: #0078d4;
746
755
  border: none;
747
756
  border-radius: 0;
748
- box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
757
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
758
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
749
759
  color: #fff;
750
760
  border-radius: 50%;
751
761
  }
@@ -753,7 +763,8 @@ ejs-calendar {
753
763
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
754
764
  background: #0078d4;
755
765
  border: none;
756
- box-shadow: none;
766
+ -webkit-box-shadow: none;
767
+ box-shadow: none;
757
768
  color: #fff;
758
769
  }
759
770
  .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
@@ -780,7 +791,8 @@ ejs-calendar {
780
791
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
781
792
  background-color: #edebe9;
782
793
  border: none;
783
- box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
794
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
795
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
784
796
  color: #201f1e;
785
797
  }
786
798
  .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
@@ -819,7 +831,8 @@ ejs-calendar {
819
831
  background: #0078d4;
820
832
  border: none;
821
833
  border-radius: 50%;
822
- box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
834
+ -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
835
+ box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4;
823
836
  color: #fff;
824
837
  }
825
838
  .e-calendar .e-content thead,
@@ -862,13 +875,14 @@ ejs-calendar {
862
875
  .e-calendar .e-content td.e-selected span.e-day,
863
876
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
864
877
  background-color: #edebe9;
878
+ color: #201f1e;
865
879
  border: none;
866
880
  border-radius: 0;
867
- color: #201f1e;
868
881
  }
869
882
  .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day,
870
883
  .e-bigger.e-small .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day {
871
- box-shadow: inset 1px 0 #605e5c, inset 0 1px #605e5c, inset -1px 0 #605e5c, inset 0 -1px #605e5c;
884
+ -webkit-box-shadow: inset 1px 0 #605e5c, inset 0 1px #605e5c, inset -1px 0 #605e5c, inset 0 -1px #605e5c;
885
+ box-shadow: inset 1px 0 #605e5c, inset 0 1px #605e5c, inset -1px 0 #605e5c, inset 0 -1px #605e5c;
872
886
  }
873
887
  .e-calendar .e-content .e-footer,
874
888
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -886,13 +900,15 @@ ejs-calendar {
886
900
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected.e-focused-date {
887
901
  background-color: #edebe9;
888
902
  border-radius: 4px;
889
- box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
903
+ -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
904
+ box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
890
905
  }
891
906
  .e-calendar .e-content td.e-today.e-selected,
892
907
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected {
893
908
  background-color: #edebe9;
894
909
  border-radius: 0;
895
- box-shadow: inset 1px 0 #605e5c, inset 0 1px #605e5c, inset -1px 0 #605e5c, inset 0 -1px #605e5c;
910
+ -webkit-box-shadow: inset 1px 0 #605e5c, inset 0 1px #605e5c, inset -1px 0 #605e5c, inset 0 -1px #605e5c;
911
+ box-shadow: inset 1px 0 #605e5c, inset 0 1px #605e5c, inset -1px 0 #605e5c, inset 0 -1px #605e5c;
896
912
  }
897
913
  .e-calendar .e-content td.e-selected:hover span.e-day,
898
914
  .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day {
@@ -925,12 +941,14 @@ ejs-calendar {
925
941
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date > span.e-day {
926
942
  background: none;
927
943
  border-radius: 0;
928
- box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
944
+ -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
945
+ box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
929
946
  }
930
947
  .e-calendar .e-content td.e-focused-date.e-today,
931
948
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today {
932
949
  border-radius: 4px;
933
- box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
950
+ -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
951
+ box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
934
952
  }
935
953
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
936
954
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -941,7 +959,8 @@ ejs-calendar {
941
959
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day {
942
960
  background: #f3f2f1;
943
961
  border-radius: 0;
944
- box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
962
+ -webkit-box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
963
+ box-shadow: inset 1px 0 #323130, inset 0 1px #323130, inset -1px 0 #323130, inset 0 -1px #323130;
945
964
  }
946
965
 
947
966
  .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
@@ -964,15 +983,29 @@ ejs-calendar {
964
983
  }
965
984
 
966
985
  .e-calendar .e-zoomin {
967
- animation: animatezoom 0.3s;
986
+ -webkit-animation: animatezoom 0.3s;
987
+ animation: animatezoom 0.3s;
988
+ }
989
+
990
+ @-webkit-keyframes animatezoom {
991
+ from {
992
+ -webkit-transform: scale(0);
993
+ transform: scale(0);
994
+ }
995
+ to {
996
+ -webkit-transform: scale(1);
997
+ transform: scale(1);
998
+ }
968
999
  }
969
1000
 
970
1001
  @keyframes animatezoom {
971
1002
  from {
972
- transform: scale(0);
1003
+ -webkit-transform: scale(0);
1004
+ transform: scale(0);
973
1005
  }
974
1006
  to {
975
- transform: scale(1);
1007
+ -webkit-transform: scale(1);
1008
+ transform: scale(1);
976
1009
  }
977
1010
  }
978
1011
  .e-calendar .e-btn.e-today.e-flat.e-primary,
@@ -1020,6 +1053,7 @@ ejs-calendar {
1020
1053
  }
1021
1054
 
1022
1055
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
1023
- box-shadow: 0 0 0 1px #605e5c;
1056
+ -webkit-box-shadow: 0 0 0 1px #605e5c;
1057
+ box-shadow: 0 0 0 1px #605e5c;
1024
1058
  border-radius: 0;
1025
1059
  }