@syncfusion/ej2-calendars 28.2.11 → 29.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 (136) hide show
  1. package/README.md +1 -1
  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 +92 -4
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +95 -4
  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/datepicker/datepicker-model.d.ts +8 -0
  14. package/src/datepicker/datepicker.d.ts +17 -2
  15. package/src/datepicker/datepicker.js +84 -1
  16. package/src/datetimepicker/datetimepicker.js +4 -2
  17. package/src/maskbase/interface.d.ts +1 -0
  18. package/src/maskbase/masked-date-time.js +5 -0
  19. package/src/timepicker/timepicker.js +2 -1
  20. package/styles/bds-lite.css +6 -6
  21. package/styles/bds.css +6 -6
  22. package/styles/bootstrap-dark-lite.css +11 -11
  23. package/styles/bootstrap-dark.css +16 -16
  24. package/styles/bootstrap-lite.css +11 -11
  25. package/styles/bootstrap.css +16 -16
  26. package/styles/bootstrap4-lite.css +31 -31
  27. package/styles/bootstrap4.css +45 -45
  28. package/styles/bootstrap5-dark-lite.css +67 -67
  29. package/styles/bootstrap5-dark.css +102 -102
  30. package/styles/bootstrap5-lite.css +26 -26
  31. package/styles/bootstrap5.3-lite.css +6 -6
  32. package/styles/bootstrap5.3.css +6 -6
  33. package/styles/bootstrap5.css +31 -31
  34. package/styles/calendar/_bigger.scss +3 -0
  35. package/styles/calendar/_bootstrap-dark-definition.scss +4 -2
  36. package/styles/calendar/_bootstrap-definition.scss +4 -2
  37. package/styles/calendar/_bootstrap4-definition.scss +12 -10
  38. package/styles/calendar/_bootstrap5-definition.scss +4 -2
  39. package/styles/calendar/_fabric-definition.scss +3 -1
  40. package/styles/calendar/_fluent2-definition.scss +1 -0
  41. package/styles/calendar/_fusionnew-definition.scss +4 -2
  42. package/styles/calendar/_highcontrast-definition.scss +3 -1
  43. package/styles/calendar/_material-definition.scss +3 -1
  44. package/styles/calendar/_tailwind-definition.scss +4 -2
  45. package/styles/calendar/_theme.scss +1 -1
  46. package/styles/calendar/bootstrap-dark.css +4 -4
  47. package/styles/calendar/bootstrap.css +4 -4
  48. package/styles/calendar/bootstrap4.css +24 -24
  49. package/styles/calendar/bootstrap5-dark.css +53 -53
  50. package/styles/calendar/bootstrap5.css +14 -14
  51. package/styles/calendar/fabric-dark.css +12 -12
  52. package/styles/calendar/fabric.css +4 -4
  53. package/styles/calendar/fluent-dark.css +2 -2
  54. package/styles/calendar/fluent.css +2 -2
  55. package/styles/calendar/fluent2.css +1 -0
  56. package/styles/calendar/highcontrast.css +2 -2
  57. package/styles/calendar/material.css +2 -2
  58. package/styles/calendar/tailwind-dark.css +17 -17
  59. package/styles/calendar/tailwind.css +4 -4
  60. package/styles/calendar/tailwind3.css +2 -2
  61. package/styles/datepicker/_bootstrap4-definition.scss +4 -2
  62. package/styles/datepicker/_layout.scss +3 -1
  63. package/styles/datepicker/bootstrap4.css +2 -2
  64. package/styles/datepicker/bootstrap5-dark.css +4 -4
  65. package/styles/datepicker/bootstrap5.css +1 -1
  66. package/styles/datepicker/fluent2.css +3 -1
  67. package/styles/daterangepicker/_bootstrap-dark-definition.scss +4 -2
  68. package/styles/daterangepicker/_bootstrap-definition.scss +4 -2
  69. package/styles/daterangepicker/_bootstrap4-definition.scss +6 -4
  70. package/styles/daterangepicker/_fabric-dark-definition.scss +3 -1
  71. package/styles/daterangepicker/_fabric-definition.scss +3 -1
  72. package/styles/daterangepicker/_fusionnew-definition.scss +1 -1
  73. package/styles/daterangepicker/_highcontrast-definition.scss +6 -4
  74. package/styles/daterangepicker/_highcontrast-light-definition.scss +5 -3
  75. package/styles/daterangepicker/_layout.scss +14 -10
  76. package/styles/daterangepicker/_material-dark-definition.scss +3 -1
  77. package/styles/daterangepicker/_material-definition.scss +3 -1
  78. package/styles/daterangepicker/bds.css +6 -6
  79. package/styles/daterangepicker/bootstrap-dark.css +12 -12
  80. package/styles/daterangepicker/bootstrap.css +12 -12
  81. package/styles/daterangepicker/bootstrap4.css +12 -12
  82. package/styles/daterangepicker/bootstrap5-dark.css +36 -36
  83. package/styles/daterangepicker/bootstrap5.3.css +6 -6
  84. package/styles/daterangepicker/bootstrap5.css +14 -14
  85. package/styles/daterangepicker/fabric-dark.css +12 -12
  86. package/styles/daterangepicker/fabric.css +8 -8
  87. package/styles/daterangepicker/fluent-dark.css +10 -10
  88. package/styles/daterangepicker/fluent.css +10 -10
  89. package/styles/daterangepicker/fluent2.css +6 -6
  90. package/styles/daterangepicker/highcontrast-light.css +14 -14
  91. package/styles/daterangepicker/highcontrast.css +16 -16
  92. package/styles/daterangepicker/material-dark.css +8 -8
  93. package/styles/daterangepicker/material.css +8 -8
  94. package/styles/daterangepicker/material3-dark.css +6 -6
  95. package/styles/daterangepicker/material3.css +6 -6
  96. package/styles/daterangepicker/tailwind-dark.css +23 -23
  97. package/styles/daterangepicker/tailwind.css +6 -6
  98. package/styles/daterangepicker/tailwind3.css +6 -6
  99. package/styles/datetimepicker/_bootstrap4-definition.scss +5 -3
  100. package/styles/datetimepicker/bootstrap4.css +3 -3
  101. package/styles/datetimepicker/bootstrap5-dark.css +3 -3
  102. package/styles/fabric-dark-lite.css +15 -15
  103. package/styles/fabric-dark.css +24 -24
  104. package/styles/fabric-lite.css +9 -9
  105. package/styles/fabric.css +12 -12
  106. package/styles/fluent-dark-lite.css +12 -12
  107. package/styles/fluent-dark.css +12 -12
  108. package/styles/fluent-lite.css +12 -12
  109. package/styles/fluent.css +12 -12
  110. package/styles/fluent2-lite.css +9 -7
  111. package/styles/fluent2.css +10 -7
  112. package/styles/highcontrast-light-lite.css +10 -10
  113. package/styles/highcontrast-light.css +14 -14
  114. package/styles/highcontrast-lite.css +12 -12
  115. package/styles/highcontrast.css +18 -18
  116. package/styles/material-dark-lite.css +7 -7
  117. package/styles/material-dark.css +8 -8
  118. package/styles/material-lite.css +8 -8
  119. package/styles/material.css +10 -10
  120. package/styles/material3-dark-lite.css +6 -6
  121. package/styles/material3-dark.css +6 -6
  122. package/styles/material3-lite.css +6 -6
  123. package/styles/material3.css +6 -6
  124. package/styles/tailwind-dark-lite.css +26 -26
  125. package/styles/tailwind-dark.css +41 -41
  126. package/styles/tailwind-lite.css +8 -8
  127. package/styles/tailwind.css +10 -10
  128. package/styles/tailwind3-lite.css +8 -8
  129. package/styles/tailwind3.css +8 -8
  130. package/styles/timepicker/_bootstrap4-definition.scss +6 -4
  131. package/styles/timepicker/_bootstrap5-definition.scss +3 -1
  132. package/styles/timepicker/_fluent-definition.scss +3 -1
  133. package/styles/timepicker/bootstrap4.css +4 -4
  134. package/styles/timepicker/bootstrap5-dark.css +6 -6
  135. package/styles/timepicker/bootstrap5.css +2 -2
  136. package/styles/timepicker/tailwind-dark.css +1 -1
package/styles/fluent-dark-lite.css CHANGED
@@ -725,7 +725,7 @@ ejs-calendar {
725
725
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
726
726
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
727
727
  background-color: transparent;
728
- border-color: #0060aa;
728
+ border-color: rgb(0, 96, 169.6);
729
729
  color: #0078d4;
730
730
  border: none;
731
731
  outline: none;
@@ -737,7 +737,7 @@ ejs-calendar {
737
737
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
738
738
  background-color: transparent;
739
739
  border: none;
740
- border-color: #0060aa;
740
+ border-color: rgb(0, 96, 169.6);
741
741
  color: #0078d4;
742
742
  outline: none;
743
743
  }
@@ -1851,12 +1851,6 @@ ejs-calendar {
1851
1851
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1852
1852
  margin: 3vh 0 0 0;
1853
1853
  }
1854
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1855
- min-width: 100%;
1856
- width: 100%;
1857
- padding: 0;
1858
- overflow: unset;
1859
- }
1860
1854
  @media (max-height: 600px) {
1861
1855
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1862
1856
  min-height: 100%;
@@ -1869,6 +1863,12 @@ ejs-calendar {
1869
1863
  height: 80vh;
1870
1864
  }
1871
1865
  }
1866
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1867
+ min-width: 100%;
1868
+ width: 100%;
1869
+ padding: 0;
1870
+ overflow: unset;
1871
+ }
1872
1872
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
1873
1873
  height: 10vh;
1874
1874
  border-style: solid;
@@ -2252,8 +2252,8 @@ ejs-calendar {
2252
2252
 
2253
2253
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
2254
2254
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
2255
- background-color: #006cbf;
2256
- border-color: #006cbf;
2255
+ background-color: rgb(0, 108, 190.8);
2256
+ border-color: rgb(0, 108, 190.8);
2257
2257
  color: #1b1a19;
2258
2258
  }
2259
2259
 
@@ -2261,8 +2261,8 @@ ejs-calendar {
2261
2261
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
2262
2262
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
2263
2263
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
2264
- background-color: #0060aa;
2265
- border-color: #0060aa;
2264
+ background-color: rgb(0, 96, 169.6);
2265
+ border-color: rgb(0, 96, 169.6);
2266
2266
  color: #1b1a19;
2267
2267
  }
2268
2268
 
package/styles/fluent-dark.css CHANGED
@@ -725,7 +725,7 @@ ejs-calendar {
725
725
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
726
726
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
727
727
  background-color: transparent;
728
- border-color: #0060aa;
728
+ border-color: rgb(0, 96, 169.6);
729
729
  color: #0078d4;
730
730
  border: none;
731
731
  outline: none;
@@ -737,7 +737,7 @@ ejs-calendar {
737
737
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
738
738
  background-color: transparent;
739
739
  border: none;
740
- border-color: #0060aa;
740
+ border-color: rgb(0, 96, 169.6);
741
741
  color: #0078d4;
742
742
  outline: none;
743
743
  }
@@ -2619,12 +2619,6 @@ ejs-calendar {
2619
2619
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2620
2620
  margin: 3vh 0 0 0;
2621
2621
  }
2622
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2623
- min-width: 100%;
2624
- width: 100%;
2625
- padding: 0;
2626
- overflow: unset;
2627
- }
2628
2622
  @media (max-height: 600px) {
2629
2623
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2630
2624
  min-height: 100%;
@@ -2637,6 +2631,12 @@ ejs-calendar {
2637
2631
  height: 80vh;
2638
2632
  }
2639
2633
  }
2634
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2635
+ min-width: 100%;
2636
+ width: 100%;
2637
+ padding: 0;
2638
+ overflow: unset;
2639
+ }
2640
2640
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
2641
2641
  height: 10vh;
2642
2642
  border-style: solid;
@@ -3020,8 +3020,8 @@ ejs-calendar {
3020
3020
 
3021
3021
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
3022
3022
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
3023
- background-color: #006cbf;
3024
- border-color: #006cbf;
3023
+ background-color: rgb(0, 108, 190.8);
3024
+ border-color: rgb(0, 108, 190.8);
3025
3025
  color: #1b1a19;
3026
3026
  }
3027
3027
 
@@ -3029,8 +3029,8 @@ ejs-calendar {
3029
3029
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
3030
3030
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
3031
3031
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
3032
- background-color: #0060aa;
3033
- border-color: #0060aa;
3032
+ background-color: rgb(0, 96, 169.6);
3033
+ border-color: rgb(0, 96, 169.6);
3034
3034
  color: #1b1a19;
3035
3035
  }
3036
3036
 
package/styles/fluent-lite.css CHANGED
@@ -725,7 +725,7 @@ ejs-calendar {
725
725
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
726
726
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
727
727
  background-color: transparent;
728
- border-color: #0060aa;
728
+ border-color: rgb(0, 96, 169.6);
729
729
  color: #0078d4;
730
730
  border: none;
731
731
  outline: none;
@@ -737,7 +737,7 @@ ejs-calendar {
737
737
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
738
738
  background-color: transparent;
739
739
  border: none;
740
- border-color: #0060aa;
740
+ border-color: rgb(0, 96, 169.6);
741
741
  color: #0078d4;
742
742
  outline: none;
743
743
  }
@@ -1851,12 +1851,6 @@ ejs-calendar {
1851
1851
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1852
1852
  margin: 3vh 0 0 0;
1853
1853
  }
1854
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1855
- min-width: 100%;
1856
- width: 100%;
1857
- padding: 0;
1858
- overflow: unset;
1859
- }
1860
1854
  @media (max-height: 600px) {
1861
1855
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1862
1856
  min-height: 100%;
@@ -1869,6 +1863,12 @@ ejs-calendar {
1869
1863
  height: 80vh;
1870
1864
  }
1871
1865
  }
1866
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1867
+ min-width: 100%;
1868
+ width: 100%;
1869
+ padding: 0;
1870
+ overflow: unset;
1871
+ }
1872
1872
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
1873
1873
  height: 10vh;
1874
1874
  border-style: solid;
@@ -2252,8 +2252,8 @@ ejs-calendar {
2252
2252
 
2253
2253
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
2254
2254
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
2255
- background-color: #006cbf;
2256
- border-color: #006cbf;
2255
+ background-color: rgb(0, 108, 190.8);
2256
+ border-color: rgb(0, 108, 190.8);
2257
2257
  color: #fff;
2258
2258
  }
2259
2259
 
@@ -2261,8 +2261,8 @@ ejs-calendar {
2261
2261
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
2262
2262
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
2263
2263
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
2264
- background-color: #0060aa;
2265
- border-color: #0060aa;
2264
+ background-color: rgb(0, 96, 169.6);
2265
+ border-color: rgb(0, 96, 169.6);
2266
2266
  color: #fff;
2267
2267
  }
2268
2268
 
package/styles/fluent.css CHANGED
@@ -725,7 +725,7 @@ ejs-calendar {
725
725
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active,
726
726
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active {
727
727
  background-color: transparent;
728
- border-color: #0060aa;
728
+ border-color: rgb(0, 96, 169.6);
729
729
  color: #0078d4;
730
730
  border: none;
731
731
  outline: none;
@@ -737,7 +737,7 @@ ejs-calendar {
737
737
  .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus {
738
738
  background-color: transparent;
739
739
  border: none;
740
- border-color: #0060aa;
740
+ border-color: rgb(0, 96, 169.6);
741
741
  color: #0078d4;
742
742
  outline: none;
743
743
  }
@@ -2619,12 +2619,6 @@ ejs-calendar {
2619
2619
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2620
2620
  margin: 3vh 0 0 0;
2621
2621
  }
2622
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2623
- min-width: 100%;
2624
- width: 100%;
2625
- padding: 0;
2626
- overflow: unset;
2627
- }
2628
2622
  @media (max-height: 600px) {
2629
2623
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2630
2624
  min-height: 100%;
@@ -2637,6 +2631,12 @@ ejs-calendar {
2637
2631
  height: 80vh;
2638
2632
  }
2639
2633
  }
2634
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2635
+ min-width: 100%;
2636
+ width: 100%;
2637
+ padding: 0;
2638
+ overflow: unset;
2639
+ }
2640
2640
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
2641
2641
  height: 10vh;
2642
2642
  border-style: solid;
@@ -3020,8 +3020,8 @@ ejs-calendar {
3020
3020
 
3021
3021
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary:hover,
3022
3022
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:hover {
3023
- background-color: #006cbf;
3024
- border-color: #006cbf;
3023
+ background-color: rgb(0, 108, 190.8);
3024
+ border-color: rgb(0, 108, 190.8);
3025
3025
  color: #fff;
3026
3026
  }
3027
3027
 
@@ -3029,8 +3029,8 @@ ejs-calendar {
3029
3029
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary.e-active,
3030
3030
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary:active,
3031
3031
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary.e-active {
3032
- background-color: #0060aa;
3033
- border-color: #0060aa;
3032
+ background-color: rgb(0, 96, 169.6);
3033
+ border-color: rgb(0, 96, 169.6);
3034
3034
  color: #fff;
3035
3035
  }
3036
3036
 
package/styles/fluent2-lite.css CHANGED
@@ -1405,13 +1405,15 @@ ejs-calendar {
1405
1405
  text-align: center;
1406
1406
  vertical-align: middle;
1407
1407
  width: auto;
1408
- left: 5vw;
1409
1408
  }
1410
1409
  @media (min-device-width: 768px) {
1411
1410
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1412
1411
  font-size: 24px;
1413
1412
  }
1414
1413
  }
1414
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1415
+ left: 5vw;
1416
+ }
1415
1417
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1416
1418
  margin-right: 0;
1417
1419
  vertical-align: inherit;
@@ -2041,12 +2043,6 @@ ejs-calendar {
2041
2043
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2042
2044
  margin: 3vh 0 0 0;
2043
2045
  }
2044
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2045
- min-width: 100%;
2046
- width: 100%;
2047
- padding: 0;
2048
- overflow: unset;
2049
- }
2050
2046
  @media (max-height: 600px) {
2051
2047
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2052
2048
  min-height: 100%;
@@ -2059,6 +2055,12 @@ ejs-calendar {
2059
2055
  height: 80vh;
2060
2056
  }
2061
2057
  }
2058
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2059
+ min-width: 100%;
2060
+ width: 100%;
2061
+ padding: 0;
2062
+ overflow: unset;
2063
+ }
2062
2064
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
2063
2065
  height: 10vh;
2064
2066
  border-style: solid;
package/styles/fluent2.css CHANGED
@@ -747,6 +747,7 @@ ejs-calendar {
747
747
  max-width: 300px;
748
748
  min-width: 300px;
749
749
  padding: 0;
750
+ min-height: 300px;
750
751
  }
751
752
  .e-bigger.e-calendar.e-calendar-day-header-lg,
752
753
  *.e-bigger .e-calendar.e-calendar-day-header-lg {
@@ -2125,13 +2126,15 @@ ejs-calendar {
2125
2126
  text-align: center;
2126
2127
  vertical-align: middle;
2127
2128
  width: auto;
2128
- left: 5vw;
2129
2129
  }
2130
2130
  @media (min-device-width: 768px) {
2131
2131
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
2132
2132
  font-size: 24px;
2133
2133
  }
2134
2134
  }
2135
+ .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
2136
+ left: 5vw;
2137
+ }
2135
2138
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
2136
2139
  margin-right: 0;
2137
2140
  vertical-align: inherit;
@@ -2799,12 +2802,6 @@ ejs-calendar {
2799
2802
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2800
2803
  margin: 3vh 0 0 0;
2801
2804
  }
2802
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2803
- min-width: 100%;
2804
- width: 100%;
2805
- padding: 0;
2806
- overflow: unset;
2807
- }
2808
2805
  @media (max-height: 600px) {
2809
2806
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2810
2807
  min-height: 100%;
@@ -2817,6 +2814,12 @@ ejs-calendar {
2817
2814
  height: 80vh;
2818
2815
  }
2819
2816
  }
2817
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2818
+ min-width: 100%;
2819
+ width: 100%;
2820
+ padding: 0;
2821
+ overflow: unset;
2822
+ }
2820
2823
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
2821
2824
  height: 10vh;
2822
2825
  border-style: solid;
package/styles/highcontrast-light-lite.css CHANGED
@@ -1471,7 +1471,7 @@ ejs-calendar {
1471
1471
  border-radius: 0 50% 50% 0;
1472
1472
  }
1473
1473
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1474
- border: 1px solid #160028;
1474
+ border: 1px solid rgb(21.7931034483, 0, 39.5);
1475
1475
  }
1476
1476
  .e-daterangepicker.e-popup .e-footer {
1477
1477
  -webkit-box-align: center;
@@ -1694,12 +1694,6 @@ ejs-calendar {
1694
1694
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1695
1695
  margin: 3vh 0 0 0;
1696
1696
  }
1697
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1698
- min-width: 100%;
1699
- width: 100%;
1700
- padding: 0;
1701
- overflow: unset;
1702
- }
1703
1697
  @media (max-height: 600px) {
1704
1698
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1705
1699
  min-height: 100%;
@@ -1712,6 +1706,12 @@ ejs-calendar {
1712
1706
  height: 80vh;
1713
1707
  }
1714
1708
  }
1709
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1710
+ min-width: 100%;
1711
+ width: 100%;
1712
+ padding: 0;
1713
+ overflow: unset;
1714
+ }
1715
1715
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
1716
1716
  height: 10vh;
1717
1717
  border-style: solid;
@@ -2012,7 +2012,7 @@ ejs-calendar {
2012
2012
  color: #fff;
2013
2013
  }
2014
2014
  .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2015
- background-color: #160028;
2015
+ background-color: rgb(21.7931034483, 0, 39.5);
2016
2016
  border: none;
2017
2017
  color: #fff;
2018
2018
  }
@@ -2033,11 +2033,11 @@ ejs-calendar {
2033
2033
  color: #4f4f4f;
2034
2034
  }
2035
2035
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2036
- background-color: #160028;
2036
+ background-color: rgb(21.7931034483, 0, 39.5);
2037
2037
  color: #fff;
2038
2038
  }
2039
2039
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2040
- background-color: #160028;
2040
+ background-color: rgb(21.7931034483, 0, 39.5);
2041
2041
  color: #fff;
2042
2042
  }
2043
2043
  .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
package/styles/highcontrast-light.css CHANGED
@@ -2131,7 +2131,7 @@ ejs-calendar {
2131
2131
  border-radius: 0 50% 50% 0;
2132
2132
  }
2133
2133
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2134
- border: 1px solid #160028;
2134
+ border: 1px solid rgb(21.7931034483, 0, 39.5);
2135
2135
  }
2136
2136
  .e-daterangepicker.e-popup .e-footer {
2137
2137
  -webkit-box-align: center;
@@ -2354,12 +2354,6 @@ ejs-calendar {
2354
2354
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2355
2355
  margin: 3vh 0 0 0;
2356
2356
  }
2357
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2358
- min-width: 100%;
2359
- width: 100%;
2360
- padding: 0;
2361
- overflow: unset;
2362
- }
2363
2357
  @media (max-height: 600px) {
2364
2358
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2365
2359
  min-height: 100%;
@@ -2372,6 +2366,12 @@ ejs-calendar {
2372
2366
  height: 80vh;
2373
2367
  }
2374
2368
  }
2369
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2370
+ min-width: 100%;
2371
+ width: 100%;
2372
+ padding: 0;
2373
+ overflow: unset;
2374
+ }
2375
2375
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
2376
2376
  height: 10vh;
2377
2377
  border-style: solid;
@@ -2672,7 +2672,7 @@ ejs-calendar {
2672
2672
  color: #fff;
2673
2673
  }
2674
2674
  .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2675
- background-color: #160028;
2675
+ background-color: rgb(21.7931034483, 0, 39.5);
2676
2676
  border: none;
2677
2677
  color: #fff;
2678
2678
  }
@@ -2693,11 +2693,11 @@ ejs-calendar {
2693
2693
  color: #4f4f4f;
2694
2694
  }
2695
2695
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2696
- background-color: #160028;
2696
+ background-color: rgb(21.7931034483, 0, 39.5);
2697
2697
  color: #fff;
2698
2698
  }
2699
2699
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2700
- background-color: #160028;
2700
+ background-color: rgb(21.7931034483, 0, 39.5);
2701
2701
  color: #fff;
2702
2702
  }
2703
2703
  .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
@@ -3115,7 +3115,7 @@ ejs-calendar {
3115
3115
  border-radius: 0 50% 50% 0;
3116
3116
  }
3117
3117
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
3118
- border: 1px solid #160028;
3118
+ border: 1px solid rgb(21.7931034483, 0, 39.5);
3119
3119
  }
3120
3120
  .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
3121
3121
  -webkit-box-align: center;
@@ -3268,7 +3268,7 @@ ejs-calendar {
3268
3268
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
3269
3269
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
3270
3270
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
3271
- background-color: #160028;
3271
+ background-color: rgb(21.7931034483, 0, 39.5);
3272
3272
  border: none;
3273
3273
  color: #fff;
3274
3274
  }
@@ -3304,12 +3304,12 @@ ejs-calendar {
3304
3304
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
3305
3305
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
3306
3306
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
3307
- background-color: #160028;
3307
+ background-color: rgb(21.7931034483, 0, 39.5);
3308
3308
  color: #fff;
3309
3309
  }
3310
3310
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
3311
3311
  .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
3312
- background-color: #160028;
3312
+ background-color: rgb(21.7931034483, 0, 39.5);
3313
3313
  color: #fff;
3314
3314
  }
3315
3315
  .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
package/styles/highcontrast-lite.css CHANGED
@@ -515,7 +515,7 @@ ejs-calendar {
515
515
  color: #000;
516
516
  }
517
517
  .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 {
518
- background: #ffe886;
518
+ background: rgb(255, 231.6818181818, 133.5);
519
519
  color: #000;
520
520
  }
521
521
  .e-calendar .e-content span {
@@ -1480,7 +1480,7 @@ ejs-calendar {
1480
1480
  border-radius: 0 50% 50% 0;
1481
1481
  }
1482
1482
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1483
- border: 1px solid #ecbe00;
1483
+ border: 1px solid rgb(235.5, 190.303030303, 0);
1484
1484
  }
1485
1485
  .e-daterangepicker.e-popup .e-footer {
1486
1486
  -webkit-box-align: center;
@@ -1703,12 +1703,6 @@ ejs-calendar {
1703
1703
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1704
1704
  margin: 3vh 0 0 0;
1705
1705
  }
1706
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1707
- min-width: 100%;
1708
- width: 100%;
1709
- padding: 0;
1710
- overflow: unset;
1711
- }
1712
1706
  @media (max-height: 600px) {
1713
1707
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1714
1708
  min-height: 100%;
@@ -1721,6 +1715,12 @@ ejs-calendar {
1721
1715
  height: 80vh;
1722
1716
  }
1723
1717
  }
1718
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1719
+ min-width: 100%;
1720
+ width: 100%;
1721
+ padding: 0;
1722
+ overflow: unset;
1723
+ }
1724
1724
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
1725
1725
  height: 10vh;
1726
1726
  border-style: solid;
@@ -2021,8 +2021,8 @@ ejs-calendar {
2021
2021
  color: #000;
2022
2022
  }
2023
2023
  .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2024
- background-color: #ecbe00;
2025
- border: 1px solid #ecbe00;
2024
+ background-color: rgb(235.5, 190.303030303, 0);
2025
+ border: 1px solid rgb(235.5, 190.303030303, 0);
2026
2026
  color: #000;
2027
2027
  }
2028
2028
  .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
@@ -2042,11 +2042,11 @@ ejs-calendar {
2042
2042
  color: #969696;
2043
2043
  }
2044
2044
  .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2045
- background-color: #ecbe00;
2045
+ background-color: rgb(235.5, 190.303030303, 0);
2046
2046
  color: #000;
2047
2047
  }
2048
2048
  .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2049
- background-color: #ecbe00;
2049
+ background-color: rgb(235.5, 190.303030303, 0);
2050
2050
  color: #000;
2051
2051
  }
2052
2052
  .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {