@syncfusion/ej2-calendars 26.2.11 → 27.1.48

package/styles/datepicker/fluent2.css

@@ -208,29 +208,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: 18px;
-  margin: 0;
-  padding: 0;
-  min-height: 36px;
-  min-width: 36px;
-  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: "\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: var(--color-sf-secondary-text-color-hover);
-  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 {
@@ -242,17 +219,6 @@
   padding: 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: 16px;
-  min-width: 32px;
-  min-height: 32px;
-  border-radius: 20px;
-  margin: 0;
-  padding: 0;
-}
-
 .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7e7";
   font-family: "e-icons";
@@ -346,12 +312,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;
@@ -425,12 +385,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: 0;
   position: absolute;
+  line-height: inherit;
+  margin-left: 0;
   text-align: center;
   vertical-align: middle;
   width: auto;
-  line-height: inherit;
   left: 5vw;
 }
 @media (min-device-width: 768px) {
@@ -619,22 +579,12 @@
 }
 /* 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 var(--color-sf-border-light);
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 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: var(--color-sf-flyout-bg-color);
   border: none;
@@ -649,4 +599,42 @@
 }
 .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
   color: var(--color-sf-icon-color);
+}
+
+.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;
+}
+
+.e-bigger.e-datepicker.e-popup-wrapper,
+.e-bigger.e-small.e-datepicker.e-popup-wrapper {
+  border: 1px solid var(--color-sf-border-light);
+  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-bigger.e-datepicker .e-calendar,
+.e-bigger.e-small.e-datepicker .e-calendar {
+  background-color: var(--color-sf-flyout-bg-color);
+  border: none;
+}
+
+.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: 24px;
+  min-width: 24px;
+  border-radius: 20px;
+}
+
+.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: 16px;
+  min-width: 32px;
+  min-height: 32px;
+  border-radius: 20px;
+  margin: 0;
 }

package/styles/datepicker/fluent2.scss

@@ -5,3 +5,4 @@
 @import 'fluent2-definition.scss';
 @import 'icons/fluent2.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/datepicker/highcontrast-light.css

@@ -17,37 +17,12 @@
   border-radius: 0;
 }
 
-.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;
-}
-.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: "\e93a";
-  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: #ecf;
-  border-radius: 0;
-}
-
 .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-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7fc";
   font-family: "e-icons";
@@ -147,12 +122,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;
@@ -225,12 +194,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: 22vw;
   position: absolute;
+  line-height: inherit;
+  margin-left: 22vw;
   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 {
@@ -420,22 +389,12 @@
 }
 /* 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 #757575;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .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;
@@ -450,4 +409,35 @@
 }
 .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
   color: #000;
+}
+
+.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;
+}
+
+.e-bigger.e-datepicker.e-popup-wrapper,
+.e-bigger.e-small.e-datepicker.e-popup-wrapper {
+  border: 1px solid #757575;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-bigger.e-datepicker .e-calendar,
+.e-bigger.e-small.e-datepicker .e-calendar {
+  background-color: #fff;
+  border: none;
+}
+
+.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;
+}
+
+.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;
 }

package/styles/datepicker/highcontrast-light.scss

@@ -5,3 +5,4 @@
 @import 'highcontrast-light-definition.scss';
 @import 'icons/highcontrast-light.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/datepicker/highcontrast.css

@@ -18,37 +18,12 @@
   border-radius: 0;
 }
 
-.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;
-}
-.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: "\e93a";
-  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: #685708;
-  border-radius: 0;
-}
-
 .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-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
   content: "\e7fc";
   font-family: "e-icons";
@@ -148,12 +123,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;
@@ -226,12 +195,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: 22vw;
   position: absolute;
+  line-height: inherit;
+  margin-left: 22vw;
   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 {
@@ -421,22 +390,12 @@
 }
 /* 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 #969696;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .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: #000;
   border: none;
@@ -451,4 +410,35 @@
 }
 .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
   color: #fff;
+}
+
+.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;
+}
+
+.e-bigger.e-datepicker.e-popup-wrapper,
+.e-bigger.e-small.e-datepicker.e-popup-wrapper {
+  border: 1px solid #969696;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-bigger.e-datepicker .e-calendar,
+.e-bigger.e-small.e-datepicker .e-calendar {
+  background-color: #000;
+  border: none;
+}
+
+.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;
+}
+
+.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;
 }

package/styles/datepicker/highcontrast.scss

@@ -5,3 +5,4 @@
 @import 'highcontrast-definition.scss';
 @import 'icons/highcontrast.scss';
 @import 'all.scss';
+@import 'bigger.scss';

package/styles/datepicker/icons/_bds.scss

@@ -21,25 +21,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-    min-height: $datepicker-bigger-icon-container-min-height;
-    min-width: $datepicker-bigger-icon-container-min-width;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e778';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
   }
 
   // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {

package/styles/datepicker/icons/_bootstrap-dark.scss

@@ -19,23 +19,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e960';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -43,13 +26,6 @@
     font-size: $datepicker-small-icon-font-size;
   }
 
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
-
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {

package/styles/datepicker/icons/_bootstrap.scss

@@ -19,23 +19,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e960';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -44,11 +27,6 @@
   }
 
   // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {

package/styles/datepicker/icons/_bootstrap4.scss

@@ -21,25 +21,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-    min-height: $datepicker-bigger-icon-container-min-height;
-    min-width: $datepicker-bigger-icon-container-min-width;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e7be';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
   }
 
   // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {

package/styles/datepicker/icons/_bootstrap5.3.scss

@@ -21,25 +21,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-    min-height: $datepicker-bigger-icon-container-min-height;
-    min-width: $datepicker-bigger-icon-container-min-width;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e75e';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
   }
 
   // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {

package/styles/datepicker/icons/_bootstrap5.scss

@@ -21,25 +21,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-    min-height: $datepicker-bigger-icon-container-min-height;
-    min-width: $datepicker-bigger-icon-container-min-width;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e75e';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
   }
 
   // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {

package/styles/datepicker/icons/_fabric-dark.scss

@@ -19,23 +19,6 @@
     }
   }
 
-  .e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-icon-font-size;
-    margin: $datepicker-icon-bigger-margin;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e93a';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $datepicker-icon-hover-color;
-      border-radius: $datepicker-icon-border-radius;
-    }
-  }
-
   // mouse small icon
   .e-small .e-input-group-icon.e-date-icon,
   #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -44,11 +27,6 @@
   }
 
   // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
-    font-size: $datepicker-bigger-small-icon-font-size;
-  }
   .e-datepick-mob-popup-wrap {
     
     #{if(&, '&', '*')} .e-datepicker.e-popup-expand {