@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/bootstrap4.css CHANGED
@@ -687,7 +687,7 @@
687
687
  }
688
688
  @media (min-device-width: 768px) {
689
689
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
690
- font-size: 24px;
690
+ font-size: 18px;
691
691
  }
692
692
  }
693
693
  .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 {
@@ -722,17 +722,27 @@
722
722
  padding: 2vh 2vw;
723
723
  line-height: 5vh;
724
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-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 {
725
+ .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 {
726
726
  height: 36px;
727
727
  width: 36px;
728
728
  }
729
- .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 {
729
+ @media (min-device-width: 768px) {
730
+ .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 {
731
+ font-size: 18px;
732
+ padding: 11px;
733
+ }
734
+ }
735
+ .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 {
736
+ height: 36px;
737
+ width: 36px;
738
+ }
739
+ .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
740
  padding: 10px;
731
741
  line-height: 1;
732
742
  }
733
743
  @media (min-device-width: 768px) {
734
- .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 {
735
- font-size: 24px;
744
+ .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 {
745
+ font-size: 18px;
736
746
  }
737
747
  }
738
748
  @media (max-height: 600px) {
@@ -747,18 +757,18 @@
747
757
  }
748
758
  @media (min-device-width: 768px) {
749
759
  .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 {
750
- font-size: 24px;
760
+ font-size: 18px;
751
761
  }
752
762
  }
753
763
  @media (min-device-width: 768px) {
754
764
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
755
- font-size: 24px;
765
+ font-size: 18px;
756
766
  height: 48px;
757
767
  }
758
768
  }
759
769
  @media (min-device-width: 768px) {
760
770
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
761
- font-size: 24px;
771
+ font-size: 18px;
762
772
  height: 64px;
763
773
  width: 64px;
764
774
  line-height: 64px;
@@ -782,12 +792,6 @@
782
792
  height: 78vh;
783
793
  }
784
794
  }
785
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
786
- display: block;
787
- }
788
- .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 {
789
- float: right;
790
- }
791
795
  @media (max-height: 600px) {
792
796
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
793
797
  min-height: 100%;
@@ -835,7 +839,7 @@
835
839
  }
836
840
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
837
841
  height: 10%;
838
- padding: 2.5vh 2.5vw;
842
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
839
843
  display: -ms-flexbox;
840
844
  display: flex;
841
845
  -ms-flex-align: center;
@@ -845,7 +849,7 @@
845
849
  }
846
850
  @media (min-device-width: 768px) {
847
851
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
848
- font-size: 2vw;
852
+ font-size: 18px;
849
853
  }
850
854
  }
851
855
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -857,14 +861,14 @@
857
861
  text-transform: capitalize;
858
862
  }
859
863
 
860
- @media screen and (orientation: landscape) and (max-height: 600px) {
861
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
862
- height: 23vh;
864
+ @media screen and (orientation: landscape) {
865
+ .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 {
866
+ padding: 0;
863
867
  }
864
868
  }
865
- @media screen and (orientation: landscape) and (min-height: 600px) {
866
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
867
- height: 20vh;
869
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
870
+ .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 {
871
+ font-size: 18px;
868
872
  }
869
873
  }
870
874
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -899,7 +903,7 @@
899
903
  @media screen and (orientation: landscape) {
900
904
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
901
905
  height: 15%;
902
- font-size: 2vw;
906
+ font-size: 18px;
903
907
  }
904
908
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
905
909
  padding: 1vh 1vw;
@@ -926,7 +930,7 @@
926
930
  @media screen and (orientation: landscape) {
927
931
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
928
932
  margin: 0;
929
- height: 38px;
933
+ height: 28px;
930
934
  }
931
935
  }
932
936
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -936,8 +940,8 @@
936
940
  }
937
941
  @media screen and (orientation: landscape) {
938
942
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
939
- margin: 5px 0;
940
- font-size: 20px;
943
+ margin: 8px 0;
944
+ font-size: 16px;
941
945
  }
942
946
  }
943
947
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/bootstrap5-dark.css CHANGED
@@ -687,7 +687,7 @@
687
687
  }
688
688
  @media (min-device-width: 768px) {
689
689
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
690
- font-size: 24px;
690
+ font-size: 18px;
691
691
  }
692
692
  }
693
693
  .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 {
@@ -722,17 +722,27 @@
722
722
  padding: 2vh 2vw;
723
723
  line-height: 5vh;
724
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-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 {
725
+ .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 {
726
726
  height: 36px;
727
727
  width: 36px;
728
728
  }
729
- .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 {
729
+ @media (min-device-width: 768px) {
730
+ .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 {
731
+ font-size: 18px;
732
+ padding: 11px;
733
+ }
734
+ }
735
+ .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 {
736
+ height: 36px;
737
+ width: 36px;
738
+ }
739
+ .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
740
  padding: 10px;
731
741
  line-height: 1;
732
742
  }
733
743
  @media (min-device-width: 768px) {
734
- .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 {
735
- font-size: 24px;
744
+ .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 {
745
+ font-size: 18px;
736
746
  }
737
747
  }
738
748
  @media (max-height: 600px) {
@@ -747,18 +757,18 @@
747
757
  }
748
758
  @media (min-device-width: 768px) {
749
759
  .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 {
750
- font-size: 24px;
760
+ font-size: 18px;
751
761
  }
752
762
  }
753
763
  @media (min-device-width: 768px) {
754
764
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
755
- font-size: 24px;
765
+ font-size: 18px;
756
766
  height: 48px;
757
767
  }
758
768
  }
759
769
  @media (min-device-width: 768px) {
760
770
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
761
- font-size: 24px;
771
+ font-size: 18px;
762
772
  height: 64px;
763
773
  width: 64px;
764
774
  line-height: 64px;
@@ -782,12 +792,6 @@
782
792
  height: 78vh;
783
793
  }
784
794
  }
785
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
786
- display: block;
787
- }
788
- .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 {
789
- float: right;
790
- }
791
795
  @media (max-height: 600px) {
792
796
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
793
797
  min-height: 100%;
@@ -835,7 +839,7 @@
835
839
  }
836
840
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
837
841
  height: 10%;
838
- padding: 2.5vh 2.5vw;
842
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
839
843
  display: -ms-flexbox;
840
844
  display: flex;
841
845
  -ms-flex-align: center;
@@ -845,7 +849,7 @@
845
849
  }
846
850
  @media (min-device-width: 768px) {
847
851
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
848
- font-size: 2vw;
852
+ font-size: 18px;
849
853
  }
850
854
  }
851
855
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -857,14 +861,14 @@
857
861
  text-transform: capitalize;
858
862
  }
859
863
 
860
- @media screen and (orientation: landscape) and (max-height: 600px) {
861
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
862
- height: 23vh;
864
+ @media screen and (orientation: landscape) {
865
+ .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 {
866
+ padding: 0;
863
867
  }
864
868
  }
865
- @media screen and (orientation: landscape) and (min-height: 600px) {
866
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
867
- height: 20vh;
869
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
870
+ .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 {
871
+ font-size: 18px;
868
872
  }
869
873
  }
870
874
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -899,7 +903,7 @@
899
903
  @media screen and (orientation: landscape) {
900
904
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
901
905
  height: 15%;
902
- font-size: 2vw;
906
+ font-size: 18px;
903
907
  }
904
908
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
905
909
  padding: 1vh 1vw;
@@ -926,7 +930,7 @@
926
930
  @media screen and (orientation: landscape) {
927
931
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
928
932
  margin: 0;
929
- height: 38px;
933
+ height: 28px;
930
934
  }
931
935
  }
932
936
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -936,8 +940,8 @@
936
940
  }
937
941
  @media screen and (orientation: landscape) {
938
942
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
939
- margin: 5px 0;
940
- font-size: 20px;
943
+ margin: 8px 0;
944
+ font-size: 16px;
941
945
  }
942
946
  }
943
947
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/bootstrap5.css CHANGED
@@ -687,7 +687,7 @@
687
687
  }
688
688
  @media (min-device-width: 768px) {
689
689
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
690
- font-size: 24px;
690
+ font-size: 18px;
691
691
  }
692
692
  }
693
693
  .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 {
@@ -722,17 +722,27 @@
722
722
  padding: 2vh 2vw;
723
723
  line-height: 5vh;
724
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-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 {
725
+ .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 {
726
726
  height: 36px;
727
727
  width: 36px;
728
728
  }
729
- .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 {
729
+ @media (min-device-width: 768px) {
730
+ .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 {
731
+ font-size: 18px;
732
+ padding: 11px;
733
+ }
734
+ }
735
+ .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 {
736
+ height: 36px;
737
+ width: 36px;
738
+ }
739
+ .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
740
  padding: 10px;
731
741
  line-height: 1;
732
742
  }
733
743
  @media (min-device-width: 768px) {
734
- .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 {
735
- font-size: 24px;
744
+ .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 {
745
+ font-size: 18px;
736
746
  }
737
747
  }
738
748
  @media (max-height: 600px) {
@@ -747,18 +757,18 @@
747
757
  }
748
758
  @media (min-device-width: 768px) {
749
759
  .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 {
750
- font-size: 24px;
760
+ font-size: 18px;
751
761
  }
752
762
  }
753
763
  @media (min-device-width: 768px) {
754
764
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
755
- font-size: 24px;
765
+ font-size: 18px;
756
766
  height: 48px;
757
767
  }
758
768
  }
759
769
  @media (min-device-width: 768px) {
760
770
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
761
- font-size: 24px;
771
+ font-size: 18px;
762
772
  height: 64px;
763
773
  width: 64px;
764
774
  line-height: 64px;
@@ -782,12 +792,6 @@
782
792
  height: 78vh;
783
793
  }
784
794
  }
785
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
786
- display: block;
787
- }
788
- .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 {
789
- float: right;
790
- }
791
795
  @media (max-height: 600px) {
792
796
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
793
797
  min-height: 100%;
@@ -835,7 +839,7 @@
835
839
  }
836
840
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
837
841
  height: 10%;
838
- padding: 2.5vh 2.5vw;
842
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
839
843
  display: -ms-flexbox;
840
844
  display: flex;
841
845
  -ms-flex-align: center;
@@ -845,7 +849,7 @@
845
849
  }
846
850
  @media (min-device-width: 768px) {
847
851
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
848
- font-size: 2vw;
852
+ font-size: 18px;
849
853
  }
850
854
  }
851
855
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -857,14 +861,14 @@
857
861
  text-transform: capitalize;
858
862
  }
859
863
 
860
- @media screen and (orientation: landscape) and (max-height: 600px) {
861
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
862
- height: 23vh;
864
+ @media screen and (orientation: landscape) {
865
+ .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 {
866
+ padding: 0;
863
867
  }
864
868
  }
865
- @media screen and (orientation: landscape) and (min-height: 600px) {
866
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
867
- height: 20vh;
869
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
870
+ .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 {
871
+ font-size: 18px;
868
872
  }
869
873
  }
870
874
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -899,7 +903,7 @@
899
903
  @media screen and (orientation: landscape) {
900
904
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
901
905
  height: 15%;
902
- font-size: 2vw;
906
+ font-size: 18px;
903
907
  }
904
908
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
905
909
  padding: 1vh 1vw;
@@ -926,7 +930,7 @@
926
930
  @media screen and (orientation: landscape) {
927
931
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
928
932
  margin: 0;
929
- height: 38px;
933
+ height: 28px;
930
934
  }
931
935
  }
932
936
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -936,8 +940,8 @@
936
940
  }
937
941
  @media screen and (orientation: landscape) {
938
942
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
939
- margin: 5px 0;
940
- font-size: 20px;
943
+ margin: 8px 0;
944
+ font-size: 16px;
941
945
  }
942
946
  }
943
947
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/fabric-dark.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) {