@syncfusion/ej2-calendars 25.2.7 → 26.1.38

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/bootstrap5.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 {
@@ -352,10 +354,13 @@ ejs-calendar {
352
354
  border-top: 1px solid #dee2e6;
353
355
  cursor: default;
354
356
  display: inline-block;
355
- -ms-flex-direction: row;
356
- flex-direction: row;
357
- -ms-flex-pack: end;
358
- justify-content: flex-end;
357
+ -webkit-box-orient: horizontal;
358
+ -webkit-box-direction: normal;
359
+ -ms-flex-direction: row;
360
+ flex-direction: row;
361
+ -webkit-box-pack: end;
362
+ -ms-flex-pack: end;
363
+ justify-content: flex-end;
359
364
  padding: 8px;
360
365
  text-align: center;
361
366
  width: 100%;
@@ -576,7 +581,8 @@ ejs-calendar {
576
581
  .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 {
577
582
  background: rgba(13, 110, 253, 0.65);
578
583
  border-color: rgba(13, 110, 253, 0.65);
579
- box-shadow: none;
584
+ -webkit-box-shadow: none;
585
+ box-shadow: none;
580
586
  color: rgba(255, 255, 255, 0.65);
581
587
  cursor: default;
582
588
  opacity: 1;
@@ -601,7 +607,8 @@ ejs-calendar {
601
607
  .e-bigger.e-small .e-calendar {
602
608
  background-color: #fff;
603
609
  border: 1px solid #dee2e6;
604
- box-shadow: none;
610
+ -webkit-box-shadow: none;
611
+ box-shadow: none;
605
612
  }
606
613
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
607
614
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -634,13 +641,15 @@ ejs-calendar {
634
641
  }
635
642
  .e-calendar .e-header .e-title:focus,
636
643
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
637
- box-shadow: 0 0 0 1px #6c757d;
644
+ -webkit-box-shadow: 0 0 0 1px #6c757d;
645
+ box-shadow: 0 0 0 1px #6c757d;
638
646
  background: none;
639
647
  text-decoration: none;
640
648
  }
641
649
  .e-calendar .e-header .e-title:active,
642
650
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
643
- box-shadow: none;
651
+ -webkit-box-shadow: none;
652
+ box-shadow: none;
644
653
  background: #ced4da;
645
654
  text-decoration: none;
646
655
  }
@@ -659,7 +668,8 @@ ejs-calendar {
659
668
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
660
669
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
661
670
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
662
- box-shadow: 0 0 0 1px #6c757d;
671
+ -webkit-box-shadow: 0 0 0 1px #6c757d;
672
+ box-shadow: 0 0 0 1px #6c757d;
663
673
  }
664
674
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
665
675
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -705,11 +715,6 @@ ejs-calendar {
705
715
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
706
716
  color: #adb5bd;
707
717
  }
708
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
709
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
710
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
711
- background-color: #e9ecef;
712
- }
713
718
  .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,
714
719
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
715
720
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -731,7 +736,8 @@ ejs-calendar {
731
736
  background: #e9ecef;
732
737
  border: none;
733
738
  border-radius: 4px;
734
- box-shadow: none;
739
+ -webkit-box-shadow: none;
740
+ box-shadow: none;
735
741
  }
736
742
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
737
743
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -746,14 +752,16 @@ ejs-calendar {
746
752
  background: none;
747
753
  border: none;
748
754
  border-radius: 4px;
749
- box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
755
+ -webkit-box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
756
+ box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
750
757
  color: #0d6efd;
751
758
  }
752
759
  .e-calendar .e-content td.e-focused-date.e-today span.e-day,
753
760
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
754
761
  background: #e9ecef;
755
762
  border: none;
756
- box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
763
+ -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
764
+ box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
757
765
  color: #343a40;
758
766
  }
759
767
  .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,
@@ -776,7 +784,8 @@ ejs-calendar {
776
784
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
777
785
  background-color: #0d6efd;
778
786
  border: none;
779
- box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
787
+ -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
788
+ box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
780
789
  color: #fff;
781
790
  }
782
791
  .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,
@@ -841,9 +850,9 @@ ejs-calendar {
841
850
  .e-calendar .e-content td.e-selected span.e-day,
842
851
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
843
852
  background-color: #0d6efd;
853
+ color: #fff;
844
854
  border: none;
845
855
  border-radius: 4px;
846
- color: #fff;
847
856
  }
848
857
  .e-calendar .e-content .e-footer,
849
858
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -869,15 +878,29 @@ ejs-calendar {
869
878
  }
870
879
 
871
880
  .e-calendar .e-zoomin {
872
- animation: animatezoom 0.3s;
881
+ -webkit-animation: animatezoom 0.3s;
882
+ animation: animatezoom 0.3s;
883
+ }
884
+
885
+ @-webkit-keyframes animatezoom {
886
+ from {
887
+ -webkit-transform: scale(0);
888
+ transform: scale(0);
889
+ }
890
+ to {
891
+ -webkit-transform: scale(1);
892
+ transform: scale(1);
893
+ }
873
894
  }
874
895
 
875
896
  @keyframes animatezoom {
876
897
  from {
877
- transform: scale(0);
898
+ -webkit-transform: scale(0);
899
+ transform: scale(0);
878
900
  }
879
901
  to {
880
- transform: scale(1);
902
+ -webkit-transform: scale(1);
903
+ transform: scale(1);
881
904
  }
882
905
  }
883
906
  .e-calendar .e-btn.e-today.e-flat.e-primary,
@@ -914,6 +937,7 @@ ejs-calendar {
914
937
  }
915
938
 
916
939
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
917
- box-shadow: 0 0 0 1px #6c757d;
940
+ -webkit-box-shadow: 0 0 0 1px #6c757d;
941
+ box-shadow: 0 0 0 1px #6c757d;
918
942
  border-radius: 4px;
919
943
  }
package/styles/calendar/fabric-dark.css CHANGED
@@ -42,6 +42,7 @@ ejs-calendar {
42
42
  display: block;
43
43
  overflow: auto;
44
44
  -webkit-user-select: none;
45
+ -moz-user-select: none;
45
46
  -ms-user-select: none;
46
47
  user-select: none;
47
48
  }
@@ -116,7 +117,8 @@ ejs-calendar {
116
117
  .e-calendar .e-content th, .e-calendar .e-content td,
117
118
  .e-bigger.e-small .e-calendar .e-content th,
118
119
  .e-bigger.e-small .e-calendar .e-content td {
119
- box-sizing: border-box;
120
+ -webkit-box-sizing: border-box;
121
+ box-sizing: border-box;
120
122
  }
121
123
  .e-calendar .e-content td.e-disabled,
122
124
  .e-bigger.e-small .e-calendar .e-content td.e-disabled {
@@ -131,7 +133,8 @@ ejs-calendar {
131
133
  }
132
134
  .e-calendar .e-content td.e-disabled.e-today span.e-day,
133
135
  .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
134
- box-shadow: inset 1px 0 #0074cc, inset 0 1px #0074cc, inset -1px 0 #0074cc, inset 0 -1px #0074cc;
136
+ -webkit-box-shadow: inset 1px 0 #0074cc, inset 0 1px #0074cc, inset -1px 0 #0074cc, inset 0 -1px #0074cc;
137
+ box-shadow: inset 1px 0 #0074cc, inset 0 1px #0074cc, inset -1px 0 #0074cc, inset 0 -1px #0074cc;
135
138
  color: none;
136
139
  }
137
140
  .e-calendar .e-content td,
@@ -359,12 +362,16 @@ ejs-calendar {
359
362
  background-color: transparent;
360
363
  border-top: none;
361
364
  cursor: default;
365
+ display: -webkit-box;
362
366
  display: -ms-flexbox;
363
367
  display: flex;
364
- -ms-flex-direction: row;
365
- flex-direction: row;
366
- -ms-flex-pack: end;
367
- justify-content: flex-end;
368
+ -webkit-box-orient: horizontal;
369
+ -webkit-box-direction: normal;
370
+ -ms-flex-direction: row;
371
+ flex-direction: row;
372
+ -webkit-box-pack: end;
373
+ -ms-flex-pack: end;
374
+ justify-content: flex-end;
368
375
  padding: 10px 10px 10px 10px;
369
376
  text-align: center;
370
377
  width: 100%;
@@ -548,7 +555,8 @@ ejs-calendar {
548
555
  .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 {
549
556
  background: #414040;
550
557
  border-color: #414040;
551
- box-shadow: none;
558
+ -webkit-box-shadow: none;
559
+ box-shadow: none;
552
560
  color: #6f6c6c;
553
561
  cursor: default;
554
562
  opacity: 1;
@@ -573,7 +581,8 @@ ejs-calendar {
573
581
  .e-bigger.e-small .e-calendar {
574
582
  background-color: #201f1f;
575
583
  border: 1px solid #414040;
576
- box-shadow: none;
584
+ -webkit-box-shadow: none;
585
+ box-shadow: none;
577
586
  }
578
587
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
579
588
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -606,13 +615,15 @@ ejs-calendar {
606
615
  }
607
616
  .e-calendar .e-header .e-title:focus,
608
617
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
609
- box-shadow: 0 0 0 1px #333232;
618
+ -webkit-box-shadow: 0 0 0 1px #333232;
619
+ box-shadow: 0 0 0 1px #333232;
610
620
  background: none;
611
621
  text-decoration: none;
612
622
  }
613
623
  .e-calendar .e-header .e-title:active,
614
624
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
615
- box-shadow: none;
625
+ -webkit-box-shadow: none;
626
+ box-shadow: none;
616
627
  background: none;
617
628
  text-decoration: none;
618
629
  }
@@ -631,7 +642,8 @@ ejs-calendar {
631
642
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
632
643
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
633
644
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
634
- box-shadow: 0 0 0 1px #333232;
645
+ -webkit-box-shadow: 0 0 0 1px #333232;
646
+ box-shadow: 0 0 0 1px #333232;
635
647
  }
636
648
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
637
649
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -677,11 +689,6 @@ ejs-calendar {
677
689
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
678
690
  color: #6f6c6c;
679
691
  }
680
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
681
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
682
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
683
- background-color: #414040;
684
- }
685
692
  .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,
686
693
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
687
694
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -703,7 +710,8 @@ ejs-calendar {
703
710
  background: #4a4848;
704
711
  border: none;
705
712
  border-radius: 0;
706
- box-shadow: none;
713
+ -webkit-box-shadow: none;
714
+ box-shadow: none;
707
715
  }
708
716
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
709
717
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -718,14 +726,16 @@ ejs-calendar {
718
726
  background: #4a4848;
719
727
  border: none;
720
728
  border-radius: 0;
721
- box-shadow: none;
729
+ -webkit-box-shadow: none;
730
+ box-shadow: none;
722
731
  color: #fff;
723
732
  }
724
733
  .e-calendar .e-content td.e-focused-date.e-today span.e-day,
725
734
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
726
735
  background: #414040;
727
736
  border: none;
728
- box-shadow: none;
737
+ -webkit-box-shadow: none;
738
+ box-shadow: none;
729
739
  color: #fff;
730
740
  }
731
741
  .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,
@@ -748,7 +758,8 @@ ejs-calendar {
748
758
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
749
759
  background-color: #38a9ff;
750
760
  border: #38a9ff;
751
- box-shadow: none;
761
+ -webkit-box-shadow: none;
762
+ box-shadow: none;
752
763
  color: #fff;
753
764
  }
754
765
  .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,
@@ -809,9 +820,9 @@ ejs-calendar {
809
820
  .e-calendar .e-content td.e-selected span.e-day,
810
821
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
811
822
  background-color: #38a9ff;
823
+ color: #000;
812
824
  border: none;
813
825
  border-radius: 0;
814
- color: #000;
815
826
  }
816
827
  .e-calendar .e-content .e-footer,
817
828
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -837,18 +848,33 @@ ejs-calendar {
837
848
  }
838
849
 
839
850
  .e-calendar .e-zoomin {
840
- animation: animatezoom 0.3s;
851
+ -webkit-animation: animatezoom 0.3s;
852
+ animation: animatezoom 0.3s;
853
+ }
854
+
855
+ @-webkit-keyframes animatezoom {
856
+ from {
857
+ -webkit-transform: scale(0);
858
+ transform: scale(0);
859
+ }
860
+ to {
861
+ -webkit-transform: scale(1);
862
+ transform: scale(1);
863
+ }
841
864
  }
842
865
 
843
866
  @keyframes animatezoom {
844
867
  from {
845
- transform: scale(0);
868
+ -webkit-transform: scale(0);
869
+ transform: scale(0);
846
870
  }
847
871
  to {
848
- transform: scale(1);
872
+ -webkit-transform: scale(1);
873
+ transform: scale(1);
849
874
  }
850
875
  }
851
876
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
852
- box-shadow: 0 0 0 1px #333232;
877
+ -webkit-box-shadow: 0 0 0 1px #333232;
878
+ box-shadow: 0 0 0 1px #333232;
853
879
  border-radius: 0;
854
880
  }
package/styles/calendar/fabric.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 {
@@ -132,7 +134,8 @@ ejs-calendar {
132
134
  }
133
135
  .e-calendar .e-content td.e-disabled.e-today span.e-day,
134
136
  .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
135
- box-shadow: inset 1px 0 #0078d6, inset 0 1px #0078d6, inset -1px 0 #0078d6, inset 0 -1px #0078d6;
137
+ -webkit-box-shadow: inset 1px 0 #0078d6, inset 0 1px #0078d6, inset -1px 0 #0078d6, inset 0 -1px #0078d6;
138
+ box-shadow: inset 1px 0 #0078d6, inset 0 1px #0078d6, inset -1px 0 #0078d6, inset 0 -1px #0078d6;
136
139
  color: #ccc;
137
140
  }
138
141
  .e-calendar .e-content td,
@@ -360,12 +363,16 @@ ejs-calendar {
360
363
  background-color: #fff;
361
364
  border-top: none;
362
365
  cursor: default;
366
+ display: -webkit-box;
363
367
  display: -ms-flexbox;
364
368
  display: flex;
365
- -ms-flex-direction: row;
366
- flex-direction: row;
367
- -ms-flex-pack: end;
368
- justify-content: flex-end;
369
+ -webkit-box-orient: horizontal;
370
+ -webkit-box-direction: normal;
371
+ -ms-flex-direction: row;
372
+ flex-direction: row;
373
+ -webkit-box-pack: end;
374
+ -ms-flex-pack: end;
375
+ justify-content: flex-end;
369
376
  padding: 0 10px 10px 10px;
370
377
  text-align: center;
371
378
  width: 100%;
@@ -549,7 +556,8 @@ ejs-calendar {
549
556
  .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 {
550
557
  background: #f4f4f4;
551
558
  border-color: #f4f4f4;
552
- box-shadow: none;
559
+ -webkit-box-shadow: none;
560
+ box-shadow: none;
553
561
  color: #a6a6a6;
554
562
  cursor: default;
555
563
  opacity: 0.35;
@@ -574,7 +582,8 @@ ejs-calendar {
574
582
  .e-bigger.e-small .e-calendar {
575
583
  background-color: #fff;
576
584
  border: 1px solid #eaeaea;
577
- box-shadow: none;
585
+ -webkit-box-shadow: none;
586
+ box-shadow: none;
578
587
  }
579
588
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
580
589
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -607,13 +616,15 @@ ejs-calendar {
607
616
  }
608
617
  .e-calendar .e-header .e-title:focus,
609
618
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
610
- box-shadow: 0 0 0 1px #000;
619
+ -webkit-box-shadow: 0 0 0 1px #000;
620
+ box-shadow: 0 0 0 1px #000;
611
621
  background: none;
612
622
  text-decoration: none;
613
623
  }
614
624
  .e-calendar .e-header .e-title:active,
615
625
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
616
- box-shadow: none;
626
+ -webkit-box-shadow: none;
627
+ box-shadow: none;
617
628
  background: none;
618
629
  text-decoration: none;
619
630
  }
@@ -632,7 +643,8 @@ ejs-calendar {
632
643
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
633
644
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
634
645
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
635
- box-shadow: 0 0 0 1px #000;
646
+ -webkit-box-shadow: 0 0 0 1px #000;
647
+ box-shadow: 0 0 0 1px #000;
636
648
  }
637
649
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
638
650
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -678,11 +690,6 @@ ejs-calendar {
678
690
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
679
691
  color: #000;
680
692
  }
681
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
682
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
683
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
684
- background-color: #eaeaea;
685
- }
686
693
  .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,
687
694
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
688
695
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -704,7 +711,8 @@ ejs-calendar {
704
711
  background: #dadada;
705
712
  border: none;
706
713
  border-radius: 0;
707
- box-shadow: none;
714
+ -webkit-box-shadow: none;
715
+ box-shadow: none;
708
716
  }
709
717
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
710
718
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -719,14 +727,16 @@ ejs-calendar {
719
727
  background: #b7e0ff;
720
728
  border: none;
721
729
  border-radius: 0;
722
- box-shadow: none;
730
+ -webkit-box-shadow: none;
731
+ box-shadow: none;
723
732
  color: #333;
724
733
  }
725
734
  .e-calendar .e-content td.e-focused-date.e-today span.e-day,
726
735
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
727
736
  background: #eaeaea;
728
737
  border: none;
729
- box-shadow: none;
738
+ -webkit-box-shadow: none;
739
+ box-shadow: none;
730
740
  color: #333;
731
741
  }
732
742
  .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,
@@ -749,7 +759,8 @@ ejs-calendar {
749
759
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
750
760
  background-color: #0078d6;
751
761
  border: none;
752
- box-shadow: none;
762
+ -webkit-box-shadow: none;
763
+ box-shadow: none;
753
764
  color: #fff;
754
765
  }
755
766
  .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,
@@ -814,9 +825,9 @@ ejs-calendar {
814
825
  .e-calendar .e-content td.e-selected span.e-day,
815
826
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
816
827
  background-color: #0078d6;
828
+ color: #fff;
817
829
  border: none;
818
830
  border-radius: 0;
819
- color: #fff;
820
831
  }
821
832
  .e-calendar .e-content .e-footer,
822
833
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -842,18 +853,33 @@ ejs-calendar {
842
853
  }
843
854
 
844
855
  .e-calendar .e-zoomin {
845
- animation: animatezoom 0.3s;
856
+ -webkit-animation: animatezoom 0.3s;
857
+ animation: animatezoom 0.3s;
858
+ }
859
+
860
+ @-webkit-keyframes animatezoom {
861
+ from {
862
+ -webkit-transform: scale(0);
863
+ transform: scale(0);
864
+ }
865
+ to {
866
+ -webkit-transform: scale(1);
867
+ transform: scale(1);
868
+ }
846
869
  }
847
870
 
848
871
  @keyframes animatezoom {
849
872
  from {
850
- transform: scale(0);
873
+ -webkit-transform: scale(0);
874
+ transform: scale(0);
851
875
  }
852
876
  to {
853
- transform: scale(1);
877
+ -webkit-transform: scale(1);
878
+ transform: scale(1);
854
879
  }
855
880
  }
856
881
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
857
- box-shadow: 0 0 0 1px #000;
882
+ -webkit-box-shadow: 0 0 0 1px #000;
883
+ box-shadow: 0 0 0 1px #000;
858
884
  border-radius: 0;
859
885
  }