@syncfusion/ej2-angular-calendars 22.2.12-ngcc → 23.1.36-ngcc

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 (109) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +31 -11
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-calendars.js +31 -11
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -1
  5. package/CHANGELOG.md +0 -84
  6. package/dist/ej2-angular-calendars.umd.js +31 -11
  7. package/dist/ej2-angular-calendars.umd.js.map +1 -1
  8. package/dist/ej2-angular-calendars.umd.min.js +2 -2
  9. package/dist/ej2-angular-calendars.umd.min.js.map +1 -1
  10. package/ej2-angular-calendars.metadata.json +1 -1
  11. package/package.json +9 -9
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/calendar/calendar.component.d.ts +3 -2
  16. package/src/datepicker/datepicker.component.d.ts +3 -2
  17. package/src/daterangepicker/daterangepicker.component.d.ts +3 -2
  18. package/src/datetimepicker/datetimepicker.component.d.ts +3 -2
  19. package/src/timepicker/timepicker.component.d.ts +3 -2
  20. package/styles/bootstrap-dark.css +91 -40
  21. package/styles/bootstrap.css +91 -40
  22. package/styles/bootstrap4.css +91 -40
  23. package/styles/bootstrap5-dark.css +92 -41
  24. package/styles/bootstrap5.css +92 -41
  25. package/styles/calendar/material-dark.css +0 -1
  26. package/styles/calendar/material.css +0 -1
  27. package/styles/calendar/material3-dark.css +0 -1
  28. package/styles/calendar/material3-dark.scss +1 -1
  29. package/styles/calendar/material3.css +0 -1
  30. package/styles/calendar/material3.scss +1 -1
  31. package/styles/calendar/tailwind-dark.css +0 -1
  32. package/styles/calendar/tailwind.css +0 -1
  33. package/styles/datepicker/bootstrap-dark.css +49 -19
  34. package/styles/datepicker/bootstrap.css +49 -19
  35. package/styles/datepicker/bootstrap4.css +49 -19
  36. package/styles/datepicker/bootstrap5-dark.css +50 -20
  37. package/styles/datepicker/bootstrap5.css +50 -20
  38. package/styles/datepicker/fabric-dark.css +48 -18
  39. package/styles/datepicker/fabric.css +49 -19
  40. package/styles/datepicker/fluent-dark.css +48 -18
  41. package/styles/datepicker/fluent.css +48 -18
  42. package/styles/datepicker/highcontrast-light.css +49 -19
  43. package/styles/datepicker/highcontrast.css +49 -19
  44. package/styles/datepicker/material-dark.css +48 -19
  45. package/styles/datepicker/material.css +48 -19
  46. package/styles/datepicker/material3-dark.css +48 -19
  47. package/styles/datepicker/material3-dark.scss +1 -1
  48. package/styles/datepicker/material3.css +48 -19
  49. package/styles/datepicker/material3.scss +1 -1
  50. package/styles/datepicker/tailwind-dark.css +52 -23
  51. package/styles/datepicker/tailwind.css +52 -23
  52. package/styles/daterangepicker/bootstrap-dark.css +30 -26
  53. package/styles/daterangepicker/bootstrap.css +30 -26
  54. package/styles/daterangepicker/bootstrap4.css +30 -26
  55. package/styles/daterangepicker/bootstrap5-dark.css +30 -26
  56. package/styles/daterangepicker/bootstrap5.css +30 -26
  57. package/styles/daterangepicker/fabric-dark.css +30 -26
  58. package/styles/daterangepicker/fabric.css +30 -26
  59. package/styles/daterangepicker/fluent-dark.css +30 -26
  60. package/styles/daterangepicker/fluent.css +30 -26
  61. package/styles/daterangepicker/highcontrast-light.css +30 -26
  62. package/styles/daterangepicker/highcontrast.css +30 -26
  63. package/styles/daterangepicker/material-dark.css +30 -27
  64. package/styles/daterangepicker/material.css +30 -27
  65. package/styles/daterangepicker/material3-dark.css +53 -28
  66. package/styles/daterangepicker/material3-dark.scss +1 -1
  67. package/styles/daterangepicker/material3.css +53 -28
  68. package/styles/daterangepicker/material3.scss +1 -1
  69. package/styles/daterangepicker/tailwind-dark.css +31 -28
  70. package/styles/daterangepicker/tailwind.css +31 -28
  71. package/styles/datetimepicker/material-dark.css +0 -1
  72. package/styles/datetimepicker/material.css +0 -1
  73. package/styles/datetimepicker/material3-dark.css +0 -1
  74. package/styles/datetimepicker/material3-dark.scss +1 -1
  75. package/styles/datetimepicker/material3.css +0 -1
  76. package/styles/datetimepicker/material3.scss +1 -1
  77. package/styles/datetimepicker/tailwind-dark.css +0 -1
  78. package/styles/datetimepicker/tailwind.css +0 -1
  79. package/styles/fabric-dark.css +90 -39
  80. package/styles/fabric.css +103 -52
  81. package/styles/fluent-dark.css +90 -39
  82. package/styles/fluent.css +90 -39
  83. package/styles/highcontrast-light.css +91 -40
  84. package/styles/highcontrast.css +91 -40
  85. package/styles/material-dark.css +90 -40
  86. package/styles/material.css +90 -40
  87. package/styles/material3-dark.css +113 -45
  88. package/styles/material3.css +113 -41
  89. package/styles/tailwind-dark.css +95 -49
  90. package/styles/tailwind.css +95 -49
  91. package/styles/timepicker/bootstrap-dark.css +19 -2
  92. package/styles/timepicker/bootstrap.css +19 -2
  93. package/styles/timepicker/bootstrap4.css +19 -2
  94. package/styles/timepicker/bootstrap5-dark.css +19 -2
  95. package/styles/timepicker/bootstrap5.css +19 -2
  96. package/styles/timepicker/fabric-dark.css +19 -2
  97. package/styles/timepicker/fabric.css +22 -5
  98. package/styles/timepicker/fluent-dark.css +19 -2
  99. package/styles/timepicker/fluent.css +19 -2
  100. package/styles/timepicker/highcontrast-light.css +19 -2
  101. package/styles/timepicker/highcontrast.css +19 -2
  102. package/styles/timepicker/material-dark.css +19 -3
  103. package/styles/timepicker/material.css +19 -3
  104. package/styles/timepicker/material3-dark.css +19 -3
  105. package/styles/timepicker/material3-dark.scss +1 -1
  106. package/styles/timepicker/material3.css +19 -3
  107. package/styles/timepicker/material3.scss +1 -1
  108. package/styles/timepicker/tailwind-dark.css +19 -3
  109. package/styles/timepicker/tailwind.css +19 -3
package/styles/daterangepicker/fabric.css CHANGED
@@ -673,7 +673,7 @@
673
673
  }
674
674
  @media (min-device-width: 768px) {
675
675
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
676
- font-size: 24px;
676
+ font-size: 18px;
677
677
  }
678
678
  }
679
679
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
@@ -708,17 +708,27 @@
708
708
  padding: 2vh 2vw;
709
709
  line-height: 5vh;
710
710
  }
711
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
711
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
712
712
  height: 36px;
713
713
  width: 36px;
714
714
  }
715
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
715
+ @media (min-device-width: 768px) {
716
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
717
+ font-size: 18px;
718
+ padding: 11px;
719
+ }
720
+ }
721
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
722
+ height: 36px;
723
+ width: 36px;
724
+ }
725
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
716
726
  padding: 10px;
717
727
  line-height: 1;
718
728
  }
719
729
  @media (min-device-width: 768px) {
720
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
721
- font-size: 24px;
730
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
731
+ font-size: 18px;
722
732
  }
723
733
  }
724
734
  @media (max-height: 600px) {
@@ -733,18 +743,18 @@
733
743
  }
734
744
  @media (min-device-width: 768px) {
735
745
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
736
- font-size: 24px;
746
+ font-size: 18px;
737
747
  }
738
748
  }
739
749
  @media (min-device-width: 768px) {
740
750
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
741
- font-size: 24px;
751
+ font-size: 18px;
742
752
  height: 48px;
743
753
  }
744
754
  }
745
755
  @media (min-device-width: 768px) {
746
756
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
747
- font-size: 24px;
757
+ font-size: 18px;
748
758
  height: 64px;
749
759
  width: 64px;
750
760
  line-height: 64px;
@@ -768,12 +778,6 @@
768
778
  height: 78vh;
769
779
  }
770
780
  }
771
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
772
- display: block;
773
- }
774
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-apply, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-cancel {
775
- float: right;
776
- }
777
781
  @media (max-height: 600px) {
778
782
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
779
783
  min-height: 100%;
@@ -821,7 +825,7 @@
821
825
  }
822
826
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
823
827
  height: 10%;
824
- padding: 2.5vh 2.5vw;
828
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
825
829
  display: -ms-flexbox;
826
830
  display: flex;
827
831
  -ms-flex-align: center;
@@ -831,7 +835,7 @@
831
835
  }
832
836
  @media (min-device-width: 768px) {
833
837
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
834
- font-size: 2vw;
838
+ font-size: 18px;
835
839
  }
836
840
  }
837
841
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -843,14 +847,14 @@
843
847
  text-transform: capitalize;
844
848
  }
845
849
 
846
- @media screen and (orientation: landscape) and (max-height: 600px) {
847
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
848
- height: 23vh;
850
+ @media screen and (orientation: landscape) {
851
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
852
+ padding: 0;
849
853
  }
850
854
  }
851
- @media screen and (orientation: landscape) and (min-height: 600px) {
852
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
853
- height: 20vh;
855
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
856
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
857
+ font-size: 18px;
854
858
  }
855
859
  }
856
860
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -885,7 +889,7 @@
885
889
  @media screen and (orientation: landscape) {
886
890
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
887
891
  height: 15%;
888
- font-size: 2vw;
892
+ font-size: 18px;
889
893
  }
890
894
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
891
895
  padding: 1vh 1vw;
@@ -912,7 +916,7 @@
912
916
  @media screen and (orientation: landscape) {
913
917
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
914
918
  margin: 0;
915
- height: 38px;
919
+ height: 28px;
916
920
  }
917
921
  }
918
922
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -922,8 +926,8 @@
922
926
  }
923
927
  @media screen and (orientation: landscape) {
924
928
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
925
- margin: 5px 0;
926
- font-size: 20px;
929
+ margin: 8px 0;
930
+ font-size: 16px;
927
931
  }
928
932
  }
929
933
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/fluent-dark.css CHANGED
@@ -679,7 +679,7 @@
679
679
  }
680
680
  @media (min-device-width: 768px) {
681
681
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
682
- font-size: 24px;
682
+ font-size: 18px;
683
683
  }
684
684
  }
685
685
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
@@ -714,17 +714,27 @@
714
714
  padding: 2vh 2vw;
715
715
  line-height: 5vh;
716
716
  }
717
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
717
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
718
718
  height: 36px;
719
719
  width: 36px;
720
720
  }
721
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
721
+ @media (min-device-width: 768px) {
722
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
723
+ font-size: 18px;
724
+ padding: 11px;
725
+ }
726
+ }
727
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
728
+ height: 36px;
729
+ width: 36px;
730
+ }
731
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
722
732
  padding: 10px;
723
733
  line-height: 1;
724
734
  }
725
735
  @media (min-device-width: 768px) {
726
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
727
- font-size: 24px;
736
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
737
+ font-size: 18px;
728
738
  }
729
739
  }
730
740
  @media (max-height: 600px) {
@@ -739,18 +749,18 @@
739
749
  }
740
750
  @media (min-device-width: 768px) {
741
751
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
742
- font-size: 24px;
752
+ font-size: 18px;
743
753
  }
744
754
  }
745
755
  @media (min-device-width: 768px) {
746
756
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
747
- font-size: 24px;
757
+ font-size: 18px;
748
758
  height: 48px;
749
759
  }
750
760
  }
751
761
  @media (min-device-width: 768px) {
752
762
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
753
- font-size: 24px;
763
+ font-size: 18px;
754
764
  height: 64px;
755
765
  width: 64px;
756
766
  line-height: 64px;
@@ -774,12 +784,6 @@
774
784
  height: 78vh;
775
785
  }
776
786
  }
777
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
778
- display: block;
779
- }
780
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-apply, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-cancel {
781
- float: right;
782
- }
783
787
  @media (max-height: 600px) {
784
788
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
785
789
  min-height: 100%;
@@ -827,7 +831,7 @@
827
831
  }
828
832
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
829
833
  height: 10%;
830
- padding: 2.5vh 2.5vw;
834
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
831
835
  display: -ms-flexbox;
832
836
  display: flex;
833
837
  -ms-flex-align: center;
@@ -837,7 +841,7 @@
837
841
  }
838
842
  @media (min-device-width: 768px) {
839
843
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
840
- font-size: 2vw;
844
+ font-size: 18px;
841
845
  }
842
846
  }
843
847
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -849,14 +853,14 @@
849
853
  text-transform: capitalize;
850
854
  }
851
855
 
852
- @media screen and (orientation: landscape) and (max-height: 600px) {
853
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
854
- height: 23vh;
856
+ @media screen and (orientation: landscape) {
857
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
858
+ padding: 0;
855
859
  }
856
860
  }
857
- @media screen and (orientation: landscape) and (min-height: 600px) {
858
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
859
- height: 20vh;
861
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
862
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
863
+ font-size: 18px;
860
864
  }
861
865
  }
862
866
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -891,7 +895,7 @@
891
895
  @media screen and (orientation: landscape) {
892
896
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
893
897
  height: 15%;
894
- font-size: 2vw;
898
+ font-size: 18px;
895
899
  }
896
900
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
897
901
  padding: 1vh 1vw;
@@ -918,7 +922,7 @@
918
922
  @media screen and (orientation: landscape) {
919
923
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
920
924
  margin: 0;
921
- height: 38px;
925
+ height: 28px;
922
926
  }
923
927
  }
924
928
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -928,8 +932,8 @@
928
932
  }
929
933
  @media screen and (orientation: landscape) {
930
934
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
931
- margin: 5px 0;
932
- font-size: 20px;
935
+ margin: 8px 0;
936
+ font-size: 16px;
933
937
  }
934
938
  }
935
939
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/fluent.css CHANGED
@@ -679,7 +679,7 @@
679
679
  }
680
680
  @media (min-device-width: 768px) {
681
681
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
682
- font-size: 24px;
682
+ font-size: 18px;
683
683
  }
684
684
  }
685
685
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
@@ -714,17 +714,27 @@
714
714
  padding: 2vh 2vw;
715
715
  line-height: 5vh;
716
716
  }
717
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
717
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
718
718
  height: 36px;
719
719
  width: 36px;
720
720
  }
721
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
721
+ @media (min-device-width: 768px) {
722
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
723
+ font-size: 18px;
724
+ padding: 11px;
725
+ }
726
+ }
727
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
728
+ height: 36px;
729
+ width: 36px;
730
+ }
731
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
722
732
  padding: 10px;
723
733
  line-height: 1;
724
734
  }
725
735
  @media (min-device-width: 768px) {
726
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
727
- font-size: 24px;
736
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
737
+ font-size: 18px;
728
738
  }
729
739
  }
730
740
  @media (max-height: 600px) {
@@ -739,18 +749,18 @@
739
749
  }
740
750
  @media (min-device-width: 768px) {
741
751
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
742
- font-size: 24px;
752
+ font-size: 18px;
743
753
  }
744
754
  }
745
755
  @media (min-device-width: 768px) {
746
756
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
747
- font-size: 24px;
757
+ font-size: 18px;
748
758
  height: 48px;
749
759
  }
750
760
  }
751
761
  @media (min-device-width: 768px) {
752
762
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
753
- font-size: 24px;
763
+ font-size: 18px;
754
764
  height: 64px;
755
765
  width: 64px;
756
766
  line-height: 64px;
@@ -774,12 +784,6 @@
774
784
  height: 78vh;
775
785
  }
776
786
  }
777
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
778
- display: block;
779
- }
780
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-apply, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-cancel {
781
- float: right;
782
- }
783
787
  @media (max-height: 600px) {
784
788
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
785
789
  min-height: 100%;
@@ -827,7 +831,7 @@
827
831
  }
828
832
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
829
833
  height: 10%;
830
- padding: 2.5vh 2.5vw;
834
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
831
835
  display: -ms-flexbox;
832
836
  display: flex;
833
837
  -ms-flex-align: center;
@@ -837,7 +841,7 @@
837
841
  }
838
842
  @media (min-device-width: 768px) {
839
843
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
840
- font-size: 2vw;
844
+ font-size: 18px;
841
845
  }
842
846
  }
843
847
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -849,14 +853,14 @@
849
853
  text-transform: capitalize;
850
854
  }
851
855
 
852
- @media screen and (orientation: landscape) and (max-height: 600px) {
853
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
854
- height: 23vh;
856
+ @media screen and (orientation: landscape) {
857
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
858
+ padding: 0;
855
859
  }
856
860
  }
857
- @media screen and (orientation: landscape) and (min-height: 600px) {
858
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
859
- height: 20vh;
861
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
862
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
863
+ font-size: 18px;
860
864
  }
861
865
  }
862
866
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -891,7 +895,7 @@
891
895
  @media screen and (orientation: landscape) {
892
896
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
893
897
  height: 15%;
894
- font-size: 2vw;
898
+ font-size: 18px;
895
899
  }
896
900
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
897
901
  padding: 1vh 1vw;
@@ -918,7 +922,7 @@
918
922
  @media screen and (orientation: landscape) {
919
923
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
920
924
  margin: 0;
921
- height: 38px;
925
+ height: 28px;
922
926
  }
923
927
  }
924
928
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -928,8 +932,8 @@
928
932
  }
929
933
  @media screen and (orientation: landscape) {
930
934
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
931
- margin: 5px 0;
932
- font-size: 20px;
935
+ margin: 8px 0;
936
+ font-size: 16px;
933
937
  }
934
938
  }
935
939
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/highcontrast-light.css CHANGED
@@ -672,7 +672,7 @@
672
672
  }
673
673
  @media (min-device-width: 768px) {
674
674
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
675
- font-size: 24px;
675
+ font-size: 18px;
676
676
  }
677
677
  }
678
678
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
@@ -707,17 +707,27 @@
707
707
  padding: 2vh 2vw;
708
708
  line-height: 5vh;
709
709
  }
710
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
710
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
711
711
  height: 36px;
712
712
  width: 36px;
713
713
  }
714
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
714
+ @media (min-device-width: 768px) {
715
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
716
+ font-size: 18px;
717
+ padding: 11px;
718
+ }
719
+ }
720
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
721
+ height: 36px;
722
+ width: 36px;
723
+ }
724
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
715
725
  padding: 10px;
716
726
  line-height: 1;
717
727
  }
718
728
  @media (min-device-width: 768px) {
719
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
720
- font-size: 24px;
729
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
730
+ font-size: 18px;
721
731
  }
722
732
  }
723
733
  @media (max-height: 600px) {
@@ -732,18 +742,18 @@
732
742
  }
733
743
  @media (min-device-width: 768px) {
734
744
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
735
- font-size: 24px;
745
+ font-size: 18px;
736
746
  }
737
747
  }
738
748
  @media (min-device-width: 768px) {
739
749
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
740
- font-size: 24px;
750
+ font-size: 18px;
741
751
  height: 48px;
742
752
  }
743
753
  }
744
754
  @media (min-device-width: 768px) {
745
755
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
746
- font-size: 24px;
756
+ font-size: 18px;
747
757
  height: 64px;
748
758
  width: 64px;
749
759
  line-height: 64px;
@@ -767,12 +777,6 @@
767
777
  height: 78vh;
768
778
  }
769
779
  }
770
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
771
- display: block;
772
- }
773
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-apply, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer .e-btn.e-cancel {
774
- float: right;
775
- }
776
780
  @media (max-height: 600px) {
777
781
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
778
782
  min-height: 100%;
@@ -820,7 +824,7 @@
820
824
  }
821
825
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
822
826
  height: 10%;
823
- padding: 2.5vh 2.5vw;
827
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
824
828
  display: -ms-flexbox;
825
829
  display: flex;
826
830
  -ms-flex-align: center;
@@ -830,7 +834,7 @@
830
834
  }
831
835
  @media (min-device-width: 768px) {
832
836
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
833
- font-size: 2vw;
837
+ font-size: 18px;
834
838
  }
835
839
  }
836
840
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -842,14 +846,14 @@
842
846
  text-transform: capitalize;
843
847
  }
844
848
 
845
- @media screen and (orientation: landscape) and (max-height: 600px) {
846
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
847
- height: 23vh;
849
+ @media screen and (orientation: landscape) {
850
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
851
+ padding: 0;
848
852
  }
849
853
  }
850
- @media screen and (orientation: landscape) and (min-height: 600px) {
851
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
852
- height: 20vh;
854
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
855
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
856
+ font-size: 18px;
853
857
  }
854
858
  }
855
859
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -884,7 +888,7 @@
884
888
  @media screen and (orientation: landscape) {
885
889
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
886
890
  height: 15%;
887
- font-size: 2vw;
891
+ font-size: 18px;
888
892
  }
889
893
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
890
894
  padding: 1vh 1vw;
@@ -911,7 +915,7 @@
911
915
  @media screen and (orientation: landscape) {
912
916
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
913
917
  margin: 0;
914
- height: 38px;
918
+ height: 28px;
915
919
  }
916
920
  }
917
921
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -921,8 +925,8 @@
921
925
  }
922
926
  @media screen and (orientation: landscape) {
923
927
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
924
- margin: 5px 0;
925
- font-size: 20px;
928
+ margin: 8px 0;
929
+ font-size: 16px;
926
930
  }
927
931
  }
928
932
  @media screen and (orientation: landscape) and (min-height: 600px) {