@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
package/styles/calendar/bootstrap.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: none;
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: 10px 0 0 0;
360
365
  text-align: center;
361
366
  width: 100%;
@@ -539,7 +544,8 @@ ejs-calendar {
539
544
  .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 {
540
545
  background: #fff;
541
546
  border-color: rgba(204, 204, 204, 0.65);
542
- box-shadow: none;
547
+ -webkit-box-shadow: none;
548
+ box-shadow: none;
543
549
  color: rgba(51, 51, 51, 0.65);
544
550
  cursor: default;
545
551
  opacity: 1;
@@ -564,7 +570,8 @@ ejs-calendar {
564
570
  .e-bigger.e-small .e-calendar {
565
571
  background-color: #fff;
566
572
  border: 1px solid rgba(0, 0, 0, 0.15);
567
- box-shadow: none;
573
+ -webkit-box-shadow: none;
574
+ box-shadow: none;
568
575
  }
569
576
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
570
577
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -597,13 +604,15 @@ ejs-calendar {
597
604
  }
598
605
  .e-calendar .e-header .e-title:focus,
599
606
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
600
- box-shadow: 0 0 0 1px #000;
607
+ -webkit-box-shadow: 0 0 0 1px #000;
608
+ box-shadow: 0 0 0 1px #000;
601
609
  background: none;
602
610
  text-decoration: none;
603
611
  }
604
612
  .e-calendar .e-header .e-title:active,
605
613
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
606
- box-shadow: none;
614
+ -webkit-box-shadow: none;
615
+ box-shadow: none;
607
616
  background: none;
608
617
  text-decoration: none;
609
618
  }
@@ -622,7 +631,8 @@ ejs-calendar {
622
631
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
623
632
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
624
633
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
625
- box-shadow: 0 0 0 1px #000;
634
+ -webkit-box-shadow: 0 0 0 1px #000;
635
+ box-shadow: 0 0 0 1px #000;
626
636
  }
627
637
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
628
638
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -668,11 +678,6 @@ ejs-calendar {
668
678
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
669
679
  color: #ccc;
670
680
  }
671
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
672
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
673
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
674
- background-color: #e6e6e6;
675
- }
676
681
  .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,
677
682
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
678
683
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -694,7 +699,8 @@ ejs-calendar {
694
699
  background: #e6e6e6;
695
700
  border: none;
696
701
  border-radius: 4px;
697
- box-shadow: none;
702
+ -webkit-box-shadow: none;
703
+ box-shadow: none;
698
704
  }
699
705
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
700
706
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -709,14 +715,16 @@ ejs-calendar {
709
715
  background: none;
710
716
  border: none;
711
717
  border-radius: 4px;
712
- box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
718
+ -webkit-box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
719
+ box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
713
720
  color: #333;
714
721
  }
715
722
  .e-calendar .e-content td.e-focused-date.e-today span.e-day,
716
723
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
717
724
  background: #e6e6e6;
718
725
  border: none;
719
- box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
726
+ -webkit-box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
727
+ box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
720
728
  color: #333;
721
729
  }
722
730
  .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,
@@ -739,7 +747,8 @@ ejs-calendar {
739
747
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
740
748
  background-color: #317ab9;
741
749
  border: none;
742
- box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
750
+ -webkit-box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
751
+ box-shadow: inset 1px 0 #317ab9, inset 0 1px #317ab9, inset -1px 0 #317ab9, inset 0 -1px #317ab9;
743
752
  color: #fff;
744
753
  }
745
754
  .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,
@@ -804,9 +813,9 @@ ejs-calendar {
804
813
  .e-calendar .e-content td.e-selected span.e-day,
805
814
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
806
815
  background-color: #317ab9;
816
+ color: #fff;
807
817
  border: none;
808
818
  border-radius: 4px;
809
- color: #fff;
810
819
  }
811
820
  .e-calendar .e-content .e-footer,
812
821
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -832,18 +841,33 @@ ejs-calendar {
832
841
  }
833
842
 
834
843
  .e-calendar .e-zoomin {
835
- animation: animatezoom 0.3s;
844
+ -webkit-animation: animatezoom 0.3s;
845
+ animation: animatezoom 0.3s;
846
+ }
847
+
848
+ @-webkit-keyframes animatezoom {
849
+ from {
850
+ -webkit-transform: scale(0);
851
+ transform: scale(0);
852
+ }
853
+ to {
854
+ -webkit-transform: scale(1);
855
+ transform: scale(1);
856
+ }
836
857
  }
837
858
 
838
859
  @keyframes animatezoom {
839
860
  from {
840
- transform: scale(0);
861
+ -webkit-transform: scale(0);
862
+ transform: scale(0);
841
863
  }
842
864
  to {
843
- transform: scale(1);
865
+ -webkit-transform: scale(1);
866
+ transform: scale(1);
844
867
  }
845
868
  }
846
869
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
847
- box-shadow: 0 0 0 1px #000;
870
+ -webkit-box-shadow: 0 0 0 1px #000;
871
+ box-shadow: 0 0 0 1px #000;
848
872
  border-radius: 4px;
849
873
  }
package/styles/calendar/bootstrap4.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 #e9ecef;
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: 12px;
360
365
  text-align: center;
361
366
  width: 100%;
@@ -539,7 +544,8 @@ ejs-calendar {
539
544
  .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 {
540
545
  background: #fff;
541
546
  border-color: rgba(33, 37, 41, 0.65);
542
- box-shadow: none;
547
+ -webkit-box-shadow: none;
548
+ box-shadow: none;
543
549
  color: #adb5bd;
544
550
  cursor: default;
545
551
  opacity: 1;
@@ -564,7 +570,8 @@ ejs-calendar {
564
570
  .e-bigger.e-small .e-calendar {
565
571
  background-color: #fff;
566
572
  border: 1px solid rgba(0, 0, 0, 0.15);
567
- box-shadow: none;
573
+ -webkit-box-shadow: none;
574
+ box-shadow: none;
568
575
  }
569
576
  .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
570
577
  .e-bigger.e-small .e-calendar .e-date-icon-prev,
@@ -597,13 +604,15 @@ ejs-calendar {
597
604
  }
598
605
  .e-calendar .e-header .e-title:focus,
599
606
  .e-bigger.e-small .e-calendar .e-header .e-title:focus {
600
- box-shadow: 0 0 0 1px #212529;
607
+ -webkit-box-shadow: 0 0 0 1px #212529;
608
+ box-shadow: 0 0 0 1px #212529;
601
609
  background: none;
602
610
  text-decoration: none;
603
611
  }
604
612
  .e-calendar .e-header .e-title:active,
605
613
  .e-bigger.e-small .e-calendar .e-header .e-title:active {
606
- box-shadow: none;
614
+ -webkit-box-shadow: none;
615
+ box-shadow: none;
607
616
  background: transparent;
608
617
  text-decoration: none;
609
618
  }
@@ -622,7 +631,8 @@ ejs-calendar {
622
631
  .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
623
632
  .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
624
633
  .e-bigger.e-small .e-calendar .e-header .e-next:focus {
625
- box-shadow: 0 0 0 1px #212529;
634
+ -webkit-box-shadow: 0 0 0 1px #212529;
635
+ box-shadow: 0 0 0 1px #212529;
626
636
  }
627
637
  .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
628
638
  .e-bigger.e-small .e-calendar .e-header .e-prev:active,
@@ -668,11 +678,6 @@ ejs-calendar {
668
678
  .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
669
679
  color: #adb5bd;
670
680
  }
671
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
672
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
673
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
674
- background-color: #f2f4f6;
675
- }
676
681
  .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,
677
682
  .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
678
683
  .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
@@ -694,7 +699,8 @@ ejs-calendar {
694
699
  background: #f2f4f6;
695
700
  border: none;
696
701
  border-radius: 4px;
697
- box-shadow: none;
702
+ -webkit-box-shadow: none;
703
+ box-shadow: none;
698
704
  }
699
705
  .e-calendar .e-content td.e-focused-date:hover span.e-day,
700
706
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
@@ -709,14 +715,16 @@ ejs-calendar {
709
715
  background: #fff;
710
716
  border: none;
711
717
  border-radius: 4px;
712
- box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
718
+ -webkit-box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
719
+ box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
713
720
  color: #212529;
714
721
  }
715
722
  .e-calendar .e-content td.e-focused-date.e-today span.e-day,
716
723
  .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
717
724
  background: #f2f4f6;
718
725
  border: none;
719
- box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
726
+ -webkit-box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
727
+ box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
720
728
  color: #212529;
721
729
  }
722
730
  .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,
@@ -739,7 +747,8 @@ ejs-calendar {
739
747
  .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
740
748
  background-color: #007bff;
741
749
  border: none;
742
- box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
750
+ -webkit-box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
751
+ box-shadow: inset 1px 0 #007bff, inset 0 1px #007bff, inset -1px 0 #007bff, inset 0 -1px #007bff;
743
752
  color: #fff;
744
753
  }
745
754
  .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,
@@ -804,9 +813,9 @@ ejs-calendar {
804
813
  .e-calendar .e-content td.e-selected span.e-day,
805
814
  .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
806
815
  background-color: #007bff;
816
+ color: #fff;
807
817
  border: none;
808
818
  border-radius: 4px;
809
- color: #fff;
810
819
  }
811
820
  .e-calendar .e-content .e-footer,
812
821
  .e-bigger.e-small .e-calendar .e-content .e-footer {
@@ -832,18 +841,33 @@ ejs-calendar {
832
841
  }
833
842
 
834
843
  .e-calendar .e-zoomin {
835
- animation: animatezoom 0.3s;
844
+ -webkit-animation: animatezoom 0.3s;
845
+ animation: animatezoom 0.3s;
846
+ }
847
+
848
+ @-webkit-keyframes animatezoom {
849
+ from {
850
+ -webkit-transform: scale(0);
851
+ transform: scale(0);
852
+ }
853
+ to {
854
+ -webkit-transform: scale(1);
855
+ transform: scale(1);
856
+ }
836
857
  }
837
858
 
838
859
  @keyframes animatezoom {
839
860
  from {
840
- transform: scale(0);
861
+ -webkit-transform: scale(0);
862
+ transform: scale(0);
841
863
  }
842
864
  to {
843
- transform: scale(1);
865
+ -webkit-transform: scale(1);
866
+ transform: scale(1);
844
867
  }
845
868
  }
846
869
  .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
847
- box-shadow: 0 0 0 1px #212529;
870
+ -webkit-box-shadow: 0 0 0 1px #212529;
871
+ box-shadow: 0 0 0 1px #212529;
848
872
  border-radius: 4px;
849
873
  }
package/styles/calendar/bootstrap5-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 {
@@ -352,10 +354,13 @@ ejs-calendar {
352
354
  border-top: 1px solid #444c54;
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: #343a40;
603
609
  border: 1px solid #444c54;
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 #7b848d;
644
+ -webkit-box-shadow: 0 0 0 1px #7b848d;
645
+ box-shadow: 0 0 0 1px #7b848d;
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: #6c757d;
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 #7b848d;
671
+ -webkit-box-shadow: 0 0 0 1px #7b848d;
672
+ box-shadow: 0 0 0 1px #7b848d;
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: #6c757d;
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: #444c54;
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: #444c54;
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: #31373d;
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: #e9ecef;
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 #7b848d;
940
+ -webkit-box-shadow: 0 0 0 1px #7b848d;
941
+ box-shadow: 0 0 0 1px #7b848d;
918
942
  border-radius: 4px;
919
943
  }