@syncfusion/ej2-angular-calendars 20.4.54 → 21.1.35-ngcc

package/styles/daterangepicker/icons/_bootstrap.scss

@@ -1,65 +0,0 @@
-@include export-module('daterangepicker-bootstrap-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e243';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e913';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e904';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e85f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e85b';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_bootstrap4.scss

@@ -1,74 +0,0 @@
-@include export-module('daterangepicker-bootstrap4-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    border-bottom-right-radius: $range-icon-bottom-right-radius;
-    @if $skin-name == 'bootstrap4' {
-      border-right: $range-control-border-right;
-    }
-    border-top-right-radius: $range-icon-top-right-radius;
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    min-height: $range-icon-container-min-height;
-    min-width: $range-icon-container-min-width;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e7d7';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e76a';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e70d';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e7ce';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e70d';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e76a';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e7c1';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      min-height: $range-bigger-icon-container-min-height;
-      min-width: $range-bigger-icon-container-min-width;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_bootstrap5-dark.scss

@@ -1 +0,0 @@
-@import './bootstrap5.scss';

package/styles/daterangepicker/icons/_bootstrap5.scss

@@ -1,72 +0,0 @@
-@include export-module('daterangepicker-bootstrap5-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    border-bottom-right-radius: $range-icon-bottom-right-radius;
-    border-right: $range-control-border-right;
-    border-top-right-radius: $range-icon-top-right-radius;
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    min-height: $range-icon-container-min-height;
-    min-width: $range-icon-container-min-width;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e74c';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e748';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e765';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e7f9';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e765';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e748';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e773';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      min-height: $range-bigger-icon-container-min-height;
-      min-width: $range-bigger-icon-container-min-width;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

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

@@ -1,65 +0,0 @@
-@include export-module('daterangepicker-fabric-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e244';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e85f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e85b';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_fabric.scss

@@ -1,65 +0,0 @@
-@include export-module('daterangepicker-fabric-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e244';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e85f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e85b';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_fluent-dark.scss

@@ -1 +0,0 @@
-@import './fluent.scss';

package/styles/daterangepicker/icons/_fluent.scss

@@ -1,72 +0,0 @@
-@include export-module('daterangepicker-fluent-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    border-bottom-right-radius: $range-icon-bottom-right-radius;
-    border-right: $range-control-border-right;
-    border-top-right-radius: $range-icon-top-right-radius;
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    min-height: $range-icon-container-min-height;
-    min-width: $range-icon-container-min-width;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e7da';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e7d8';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e7df';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e7f9';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e7d8';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e7df';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e773';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      min-height: $range-bigger-icon-container-min-height;
-      min-width: $range-bigger-icon-container-min-width;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_fusionnew.scss

@@ -1,72 +0,0 @@
-@include export-module('daterangepicker-fusionnew-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    border-bottom-right-radius: $range-icon-bottom-right-radius;
-    border-right: $range-control-border-right;
-    border-top-right-radius: $range-icon-top-right-radius;
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    min-height: $range-icon-container-min-height;
-    min-width: $range-icon-container-min-width;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e74c';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e748';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e765';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e7f9';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e765';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e748';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e773';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      min-height: $range-bigger-icon-container-min-height;
-      min-width: $range-bigger-icon-container-min-width;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_highcontrast-light.scss

@@ -1,65 +0,0 @@
-@include export-module('daterangepicker-highcontrast-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e244';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e85f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e85b';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}

package/styles/daterangepicker/icons/_highcontrast.scss

@@ -1,65 +0,0 @@
-@include export-module('daterangepicker-highcontrast-icons') {
-
-  /*! component icons */
-  .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-icon-font-size;
-    margin: $range-icon-margin;
-    outline: none;
-
-    #{if(&, '&', '*')}::before {
-      content: '\e244';
-      font-family: 'e-icons';
-    }
-
-    #{if(&, '&', '*')}:focus {
-      background: $range-icon-hover-color;
-      border-radius: $range-icon-border-radius;
-    }
-  }
-
-  .e-daterangepicker {
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-next::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')} .e-calendar .e-header .e-date-icon-prev::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-change-icon::before {
-      content: '\e85f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-next::before {
-      content: '\e98f';
-    }
-    #{if(&, '&', '*')} .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
-      content: '\e85c';
-    }
-    #{if(&, '&', '*')}.e-rtl .e-start-end .e-change-icon::before {
-      content: '\e85b';
-    }
-  }
-
-  .e-bigger {
-    #{if(&, '&', '*')} .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')}.e-control-wrapper .e-input-group-icon.e-range-icon,
-    #{if(&, '&', '*')} .e-control-wrapper .e-input-group-icon.e-range-icon {
-      font-size: $range-bigger-icon-font-size;
-      margin: $range-icon-bigger-margin;
-      outline: none;
-    }
-  }
-
-  // mouse small icon
-  .e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-small-icon-font-size;
-  }
-
-  // Touch small icon
-  .e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
-  #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
-    font-size: $range-bigger-small-icon-font-size;
-  }
-}