@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/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -853,7 +852,7 @@
853
852
  }
854
853
  @media (min-device-width: 768px) {
855
854
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
856
- font-size: 24px;
855
+ font-size: 18px;
857
856
  }
858
857
  }
859
858
  .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 {
@@ -888,43 +887,75 @@
888
887
  padding: 2vh 2vw;
889
888
  line-height: 5vh;
890
889
  }
891
- .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 {
890
+ .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 {
892
891
  height: 36px;
893
892
  width: 36px;
893
+ margin-right: 60vw;
894
+ vertical-align: inherit;
895
+ font-size: 18px;
894
896
  }
895
- .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 {
897
+ @media screen and (orientation: landscape) {
898
+ .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 {
899
+ margin-right: 78vw;
900
+ vertical-align: inherit;
901
+ }
902
+ }
903
+ @media (min-device-width: 768px) {
904
+ .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 {
905
+ font-size: 18px;
906
+ padding: 11px;
907
+ }
908
+ }
909
+ .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 {
910
+ height: 36px;
911
+ width: 36px;
912
+ margin-right: 42px;
913
+ }
914
+ .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 {
896
915
  padding: 10px;
897
916
  line-height: 1;
898
917
  }
899
918
  @media (min-device-width: 768px) {
900
- .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 {
901
- font-size: 24px;
919
+ .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 {
920
+ font-size: 18px;
902
921
  }
903
922
  }
904
923
  @media (max-height: 600px) {
905
924
  .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 {
925
+ margin-left: -25vw;
926
+ position: absolute;
927
+ text-align: center;
928
+ vertical-align: middle;
929
+ width: 50vw;
930
+ line-height: 44px;
906
931
  line-height: 8vh;
907
932
  }
908
933
  }
909
934
  @media (min-height: 600px) {
910
935
  .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 {
936
+ margin-left: -25vw;
937
+ position: absolute;
938
+ text-align: center;
939
+ vertical-align: middle;
940
+ width: 50vw;
941
+ line-height: 44px;
911
942
  line-height: inherit;
912
943
  }
913
944
  }
914
945
  @media (min-device-width: 768px) {
915
946
  .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 {
916
- font-size: 24px;
947
+ font-size: 18px;
917
948
  }
918
949
  }
919
950
  @media (min-device-width: 768px) {
920
951
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
921
- font-size: 24px;
952
+ font-size: 18px;
922
953
  height: 48px;
923
954
  }
924
955
  }
925
956
  @media (min-device-width: 768px) {
926
957
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
927
- font-size: 24px;
958
+ font-size: 18px;
928
959
  height: 64px;
929
960
  width: 64px;
930
961
  line-height: 64px;
@@ -948,12 +979,6 @@
948
979
  height: 78vh;
949
980
  }
950
981
  }
951
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
952
- display: block;
953
- }
954
- .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 {
955
- float: right;
956
- }
957
982
  @media (max-height: 600px) {
958
983
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
959
984
  min-height: 100%;
@@ -1001,17 +1026,17 @@
1001
1026
  }
1002
1027
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
1003
1028
  height: 10%;
1004
- padding: 2.5vh 2.5vw;
1029
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
1005
1030
  display: -ms-flexbox;
1006
1031
  display: flex;
1007
1032
  -ms-flex-align: center;
1008
1033
  align-items: center;
1009
- font-size: 3vh;
1034
+ font-size: 2vh;
1010
1035
  border-bottom: none;
1011
1036
  }
1012
1037
  @media (min-device-width: 768px) {
1013
1038
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
1014
- font-size: 2vw;
1039
+ font-size: 18px;
1015
1040
  }
1016
1041
  }
1017
1042
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -1023,14 +1048,14 @@
1023
1048
  text-transform: uppercase;
1024
1049
  }
1025
1050
 
1026
- @media screen and (orientation: landscape) and (max-height: 600px) {
1027
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
1028
- height: 23vh;
1051
+ @media screen and (orientation: landscape) {
1052
+ .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 {
1053
+ padding: 0;
1029
1054
  }
1030
1055
  }
1031
- @media screen and (orientation: landscape) and (min-height: 600px) {
1032
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
1033
- height: 20vh;
1056
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
1057
+ .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 {
1058
+ font-size: 18px;
1034
1059
  }
1035
1060
  }
1036
1061
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -1065,7 +1090,7 @@
1065
1090
  @media screen and (orientation: landscape) {
1066
1091
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
1067
1092
  height: 15%;
1068
- font-size: 2vw;
1093
+ font-size: 18px;
1069
1094
  }
1070
1095
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
1071
1096
  padding: 1vh 1vw;
@@ -1092,7 +1117,7 @@
1092
1117
  @media screen and (orientation: landscape) {
1093
1118
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1094
1119
  margin: 0;
1095
- height: 38px;
1120
+ height: 28px;
1096
1121
  }
1097
1122
  }
1098
1123
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -1102,8 +1127,8 @@
1102
1127
  }
1103
1128
  @media screen and (orientation: landscape) {
1104
1129
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
1105
- margin: 5px 0;
1106
- font-size: 20px;
1130
+ margin: 8px 0;
1131
+ font-size: 16px;
1107
1132
  }
1108
1133
  }
1109
1134
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/material3.scss CHANGED
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-calendars/styles/daterangepicker/material3.scss';
package/styles/daterangepicker/tailwind-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
4
3
  /*! component icons */
@@ -705,7 +704,7 @@
705
704
  }
706
705
  @media (min-device-width: 768px) {
707
706
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
708
- font-size: 24px;
707
+ font-size: 18px;
709
708
  }
710
709
  }
711
710
  .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 {
@@ -740,17 +739,27 @@
740
739
  padding: 2vh 2vw;
741
740
  line-height: 5vh;
742
741
  }
743
- .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 {
742
+ .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 {
744
743
  height: 36px;
745
744
  width: 36px;
746
745
  }
747
- .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 {
746
+ @media (min-device-width: 768px) {
747
+ .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 {
748
+ font-size: 18px;
749
+ padding: 11px;
750
+ }
751
+ }
752
+ .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 {
753
+ height: 36px;
754
+ width: 36px;
755
+ }
756
+ .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 {
748
757
  padding: 10px;
749
758
  line-height: 1;
750
759
  }
751
760
  @media (min-device-width: 768px) {
752
- .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 {
753
- font-size: 24px;
761
+ .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 {
762
+ font-size: 18px;
754
763
  }
755
764
  }
756
765
  @media (max-height: 600px) {
@@ -765,18 +774,18 @@
765
774
  }
766
775
  @media (min-device-width: 768px) {
767
776
  .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 {
768
- font-size: 24px;
777
+ font-size: 18px;
769
778
  }
770
779
  }
771
780
  @media (min-device-width: 768px) {
772
781
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
773
- font-size: 24px;
782
+ font-size: 18px;
774
783
  height: 48px;
775
784
  }
776
785
  }
777
786
  @media (min-device-width: 768px) {
778
787
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
779
- font-size: 24px;
788
+ font-size: 18px;
780
789
  height: 64px;
781
790
  width: 64px;
782
791
  line-height: 64px;
@@ -800,12 +809,6 @@
800
809
  height: 78vh;
801
810
  }
802
811
  }
803
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
804
- display: block;
805
- }
806
- .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 {
807
- float: right;
808
- }
809
812
  @media (max-height: 600px) {
810
813
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
811
814
  min-height: 100%;
@@ -853,17 +856,17 @@
853
856
  }
854
857
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
855
858
  height: 10%;
856
- padding: 2.5vh 2.5vw;
859
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
857
860
  display: -ms-flexbox;
858
861
  display: flex;
859
862
  -ms-flex-align: center;
860
863
  align-items: center;
861
- font-size: 3vh;
864
+ font-size: 2vh;
862
865
  border-bottom: none;
863
866
  }
864
867
  @media (min-device-width: 768px) {
865
868
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
866
- font-size: 2vw;
869
+ font-size: 18px;
867
870
  }
868
871
  }
869
872
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -875,14 +878,14 @@
875
878
  text-transform: capitalize;
876
879
  }
877
880
 
878
- @media screen and (orientation: landscape) and (max-height: 600px) {
879
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
880
- height: 23vh;
881
+ @media screen and (orientation: landscape) {
882
+ .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 {
883
+ padding: 0;
881
884
  }
882
885
  }
883
- @media screen and (orientation: landscape) and (min-height: 600px) {
884
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
885
- height: 20vh;
886
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
887
+ .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 {
888
+ font-size: 18px;
886
889
  }
887
890
  }
888
891
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -917,7 +920,7 @@
917
920
  @media screen and (orientation: landscape) {
918
921
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
919
922
  height: 15%;
920
- font-size: 2vw;
923
+ font-size: 18px;
921
924
  }
922
925
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
923
926
  padding: 1vh 1vw;
@@ -944,7 +947,7 @@
944
947
  @media screen and (orientation: landscape) {
945
948
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
946
949
  margin: 0;
947
- height: 38px;
950
+ height: 28px;
948
951
  }
949
952
  }
950
953
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -954,8 +957,8 @@
954
957
  }
955
958
  @media screen and (orientation: landscape) {
956
959
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
957
- margin: 5px 0;
958
- font-size: 20px;
960
+ margin: 8px 0;
961
+ font-size: 16px;
959
962
  }
960
963
  }
961
964
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/daterangepicker/tailwind.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */ /*! calendar tailwind theme variables */
4
3
  /*! component icons */
@@ -705,7 +704,7 @@
705
704
  }
706
705
  @media (min-device-width: 768px) {
707
706
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
708
- font-size: 24px;
707
+ font-size: 18px;
709
708
  }
710
709
  }
711
710
  .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 {
@@ -740,17 +739,27 @@
740
739
  padding: 2vh 2vw;
741
740
  line-height: 5vh;
742
741
  }
743
- .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 {
742
+ .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 {
744
743
  height: 36px;
745
744
  width: 36px;
746
745
  }
747
- .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 {
746
+ @media (min-device-width: 768px) {
747
+ .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 {
748
+ font-size: 18px;
749
+ padding: 11px;
750
+ }
751
+ }
752
+ .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 {
753
+ height: 36px;
754
+ width: 36px;
755
+ }
756
+ .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 {
748
757
  padding: 10px;
749
758
  line-height: 1;
750
759
  }
751
760
  @media (min-device-width: 768px) {
752
- .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 {
753
- font-size: 24px;
761
+ .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 {
762
+ font-size: 18px;
754
763
  }
755
764
  }
756
765
  @media (max-height: 600px) {
@@ -765,18 +774,18 @@
765
774
  }
766
775
  @media (min-device-width: 768px) {
767
776
  .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 {
768
- font-size: 24px;
777
+ font-size: 18px;
769
778
  }
770
779
  }
771
780
  @media (min-device-width: 768px) {
772
781
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
773
- font-size: 24px;
782
+ font-size: 18px;
774
783
  height: 48px;
775
784
  }
776
785
  }
777
786
  @media (min-device-width: 768px) {
778
787
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
779
- font-size: 24px;
788
+ font-size: 18px;
780
789
  height: 64px;
781
790
  width: 64px;
782
791
  line-height: 64px;
@@ -800,12 +809,6 @@
800
809
  height: 78vh;
801
810
  }
802
811
  }
803
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-footer {
804
- display: block;
805
- }
806
- .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 {
807
- float: right;
808
- }
809
812
  @media (max-height: 600px) {
810
813
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
811
814
  min-height: 100%;
@@ -853,17 +856,17 @@
853
856
  }
854
857
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
855
858
  height: 10%;
856
- padding: 2.5vh 2.5vw;
859
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
857
860
  display: -ms-flexbox;
858
861
  display: flex;
859
862
  -ms-flex-align: center;
860
863
  align-items: center;
861
- font-size: 3vh;
864
+ font-size: 2vh;
862
865
  border-bottom: none;
863
866
  }
864
867
  @media (min-device-width: 768px) {
865
868
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
866
- font-size: 2vw;
869
+ font-size: 18px;
867
870
  }
868
871
  }
869
872
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
@@ -875,14 +878,14 @@
875
878
  text-transform: capitalize;
876
879
  }
877
880
 
878
- @media screen and (orientation: landscape) and (max-height: 600px) {
879
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
880
- height: 23vh;
881
+ @media screen and (orientation: landscape) {
882
+ .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 {
883
+ padding: 0;
881
884
  }
882
885
  }
883
- @media screen and (orientation: landscape) and (min-height: 600px) {
884
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header.e-blazor-device {
885
- height: 20vh;
886
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
887
+ .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 {
888
+ font-size: 18px;
886
889
  }
887
890
  }
888
891
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -917,7 +920,7 @@
917
920
  @media screen and (orientation: landscape) {
918
921
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
919
922
  height: 15%;
920
- font-size: 2vw;
923
+ font-size: 18px;
921
924
  }
922
925
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
923
926
  padding: 1vh 1vw;
@@ -944,7 +947,7 @@
944
947
  @media screen and (orientation: landscape) {
945
948
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
946
949
  margin: 0;
947
- height: 38px;
950
+ height: 28px;
948
951
  }
949
952
  }
950
953
  @media screen and (orientation: landscape) and (min-height: 600px) {
@@ -954,8 +957,8 @@
954
957
  }
955
958
  @media screen and (orientation: landscape) {
956
959
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
957
- margin: 5px 0;
958
- font-size: 20px;
960
+ margin: 8px 0;
961
+ font-size: 16px;
959
962
  }
960
963
  }
961
964
  @media screen and (orientation: landscape) and (min-height: 600px) {
package/styles/datetimepicker/material-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
package/styles/datetimepicker/material.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
package/styles/datetimepicker/material3-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
package/styles/datetimepicker/material3-dark.scss CHANGED
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
  @import 'ej2-calendars/styles/datetimepicker/material3-dark.scss';
package/styles/datetimepicker/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
package/styles/datetimepicker/material3.scss CHANGED
@@ -1,2 +1,2 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
  @import 'ej2-calendars/styles/datetimepicker/material3.scss';
package/styles/datetimepicker/tailwind-dark.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /*! component icons */
package/styles/datetimepicker/tailwind.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /*! component icons */