@syncfusion/ej2-calendars 25.2.4 → 25.2.7-30676

package/styles/datepicker/material.css

@@ -34,52 +34,18 @@
   border-radius: 50%;
 }
 
-.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
-  margin: 5px 0 6px 0;
-  min-height: 26px;
-  min-width: 26px;
-}
-.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
-  content: "\e901";
-  font-family: "e-icons";
-}
-.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: #eee;
-  border-radius: 50%;
-}
-
 .e-small .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
 *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
   font-size: 14px;
 }
 
-.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
-}
-
 .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
 .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
   min-height: 0;
   min-width: 20px;
 }
 
-.e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
-.e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
-.e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
-  min-height: 0;
-  min-width: 24px;
-}
-
 .e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
 .e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon,
 .e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
@@ -87,14 +53,6 @@
   min-width: 18px;
 }
 
-.e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
-.e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
-.e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
-.e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
-  min-height: 0;
-  min-width: 20px;
-}
-
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e932";
   font-family: "e-icons";
@@ -186,12 +144,6 @@
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
-.e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 @media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
     line-height: 64px;
@@ -263,12 +215,12 @@
   line-height: 5vh;
 }
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
-  margin-left: 5vw;
   position: inherit;
+  line-height: inherit;
+  margin-left: 5vw;
   text-align: left;
   vertical-align: middle;
   width: 60vw;
-  line-height: inherit;
 }
 @media (min-device-width: 768px) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
@@ -468,21 +420,11 @@
 }
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper,
-.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small.e-datepicker.e-popup-wrapper,
-.e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar,
-.e-bigger .e-datepicker .e-calendar,
-.e-small .e-datepicker .e-calendar,
-.e-bigger.e-small.e-datepicker .e-calendar,
-.e-bigger.e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
   background-color: #fff;
   border: none;

package/styles/datepicker/material3-dark.css

@@ -44,7 +44,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -68,7 +68,7 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-/* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
+/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -90,28 +90,6 @@
   border-radius: 50%;
 }
 
-.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
-  margin: 0;
-  min-height: 38px;
-  min-width: 38px;
-  border-radius: 20px;
-}
-.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
-  content: "\e778";
-  font-family: "e-icons";
-}
-.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: rgba(var(--color-sf-on-surface), 0.08);
-  border-radius: 50%;
-}
-
 .e-small .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
 *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -122,16 +100,6 @@
   margin: 0;
 }
 
-.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
-  min-width: 34px;
-  min-height: 34px;
-  border-radius: 20px;
-  margin: 0;
-}
-
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7e7";
   font-family: "e-icons";
@@ -223,12 +191,6 @@
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
-.e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 @media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
     line-height: 64px;
@@ -300,12 +262,12 @@
   line-height: 5vh;
 }
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
-  margin-left: 5vw;
   position: inherit;
+  line-height: inherit;
+  margin-left: 5vw;
   text-align: left;
   vertical-align: middle;
   width: 60vw;
-  line-height: inherit;
 }
 @media (min-device-width: 768px) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
@@ -505,21 +467,11 @@
 }
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper,
-.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small.e-datepicker.e-popup-wrapper,
-.e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: none;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
 }
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar,
-.e-bigger .e-datepicker .e-calendar,
-.e-small .e-datepicker .e-calendar,
-.e-bigger.e-small.e-datepicker .e-calendar,
-.e-bigger.e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: none;

package/styles/datepicker/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
 @import 'ej2-popups/styles/popup/material3-dark-definition.scss';

package/styles/datepicker/material3.css

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -124,7 +124,7 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-/* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
+/* stylelint-disable-line no-empty-source */
 /*! component icons */
 .e-input-group-icon.e-date-icon,
 *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -146,28 +146,6 @@
   border-radius: 50%;
 }
 
-.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
-  margin: 0;
-  min-height: 38px;
-  min-width: 38px;
-  border-radius: 20px;
-}
-.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
-  content: "\e778";
-  font-family: "e-icons";
-}
-.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: rgba(var(--color-sf-on-surface), 0.08);
-  border-radius: 50%;
-}
-
 .e-small .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
 *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -178,16 +156,6 @@
   margin: 0;
 }
 
-.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
-  min-width: 34px;
-  min-height: 34px;
-  border-radius: 20px;
-  margin: 0;
-}
-
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7e7";
   font-family: "e-icons";
@@ -279,12 +247,6 @@
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
-.e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 @media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
     line-height: 64px;
@@ -356,12 +318,12 @@
   line-height: 5vh;
 }
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
-  margin-left: 5vw;
   position: inherit;
+  line-height: inherit;
+  margin-left: 5vw;
   text-align: left;
   vertical-align: middle;
   width: 60vw;
-  line-height: inherit;
 }
 @media (min-device-width: 768px) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
@@ -561,21 +523,11 @@
 }
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper,
-.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small.e-datepicker.e-popup-wrapper,
-.e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: none;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
 }
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar,
-.e-bigger .e-datepicker .e-calendar,
-.e-small .e-datepicker .e-calendar,
-.e-bigger.e-small.e-datepicker .e-calendar,
-.e-bigger.e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border: none;

package/styles/datepicker/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'ej2-inputs/styles/input/material3-definition.scss';
 @import 'ej2-popups/styles/popup/material3-definition.scss';

package/styles/datepicker/tailwind-dark.css

@@ -20,39 +20,12 @@
   border-radius: 50%;
 }
 
-.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
-  margin: 0;
-  min-height: 18px;
-  min-width: 20px;
-}
-.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
-  content: "\e75e";
-  font-family: "e-icons";
-}
-.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: #fff;
-  border-radius: 50%;
-}
-
 .e-small .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
 *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
   font-size: 16px;
 }
 
-.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
-}
-
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7e7";
   font-family: "e-icons";
@@ -70,11 +43,6 @@
   display: flex;
 }
 
-.e-datepicker.e-bigger.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper {
-  margin-top: 0;
-}
-
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -151,12 +119,6 @@
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
-.e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 @media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
     line-height: 64px;
@@ -228,12 +190,12 @@
   line-height: 5vh;
 }
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
-  margin-left: 21vw;
   position: absolute;
+  line-height: inherit;
+  margin-left: 21vw;
   text-align: center;
   vertical-align: middle;
   width: 50vw;
-  line-height: inherit;
 }
 @media (min-device-width: 768px) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
@@ -433,21 +395,11 @@
 }
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper,
-.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small.e-datepicker.e-popup-wrapper,
-.e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid #4b5563;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar,
-.e-bigger .e-datepicker .e-calendar,
-.e-small .e-datepicker .e-calendar,
-.e-bigger.e-small.e-datepicker .e-calendar,
-.e-bigger.e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
   background-color: #374151;
   border: none;

package/styles/datepicker/tailwind.css

@@ -20,39 +20,12 @@
   border-radius: 50%;
 }
 
-.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 18px;
-  margin: 0;
-  min-height: 18px;
-  min-width: 20px;
-}
-.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
-  content: "\e75e";
-  font-family: "e-icons";
-}
-.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
-*.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
-  background: #374151;
-  border-radius: 50%;
-}
-
 .e-small .e-input-group-icon.e-date-icon,
 *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
 *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
   font-size: 16px;
 }
 
-.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-*.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 20px;
-}
-
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7e7";
   font-family: "e-icons";
@@ -70,11 +43,6 @@
   display: flex;
 }
 
-.e-datepicker.e-bigger.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper {
-  margin-top: 0;
-}
-
 .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
   display: none;
 }
@@ -151,12 +119,6 @@
   min-height: 33px;
 }
 
-.e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
-.e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
-  background-size: 250px 40px;
-  min-height: 40px;
-}
-
 @media screen and (orientation: landscape) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
     line-height: 64px;
@@ -228,12 +190,12 @@
   line-height: 5vh;
 }
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
-  margin-left: 21vw;
   position: absolute;
+  line-height: inherit;
+  margin-left: 21vw;
   text-align: center;
   vertical-align: middle;
   width: 50vw;
-  line-height: inherit;
 }
 @media (min-device-width: 768px) {
   .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
@@ -433,21 +395,11 @@
 }
 /* stylelint-enable */
 .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger .e-datepicker.e-popup-wrapper,
-.e-small .e-datepicker.e-popup-wrapper,
-.e-bigger.e-small.e-datepicker.e-popup-wrapper,
-.e-bigger.e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid #e5e7eb;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .e-datepicker .e-calendar,
-.e-bigger.e-small .e-datepicker .e-calendar,
-.e-bigger .e-datepicker .e-calendar,
-.e-small .e-datepicker .e-calendar,
-.e-bigger.e-small.e-datepicker .e-calendar,
-.e-bigger.e-datepicker .e-calendar,
 .e-small.e-datepicker .e-calendar {
   background-color: #fff;
   border: none;

package/styles/daterangepicker/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';