@syncfusion/blazor-themes 26.1.40 → 26.1.41

package/SCSS-Themes/base/fluent2-highcontrast.scss

@@ -76,7 +76,7 @@
 
   --color-sf-primary: #1aebff;
   --color-sf-primary-text-color: #000;
-  --color-sf-primary-light: rgba(26, 235, 255, .8);
+  --color-sf-primary-light: #99f6ff;
   --color-sf-primary-lighter: var(--color-sf-primary-light);
   --color-sf-primary-dark: var(--color-sf-primary);
   --color-sf-primary-darker: var(--color-sf-primary);

package/SCSS-Themes/bds-dark.scss

@@ -26580,6 +26580,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -59114,7 +59119,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -62656,6 +62661,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/bds.scss

@@ -26840,6 +26840,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -59374,7 +59379,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -62916,6 +62921,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/bootstrap-dark.scss

@@ -25475,6 +25475,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57870,7 +57875,7 @@ $ddt-item-hover-bg: $grey-44 !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -61384,6 +61389,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/bootstrap.scss

@@ -25388,6 +25388,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57632,7 +57637,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -61135,6 +61140,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/bootstrap4.scss

@@ -25315,6 +25315,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57661,7 +57666,7 @@ $ddt-item-hover-bg: darken($gray-100,2%) !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -61246,6 +61251,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/bootstrap5-dark.scss

@@ -25612,6 +25612,11 @@ $today-button-text-active-color: $primary-text-pressed !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57983,7 +57988,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -61520,6 +61525,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/bootstrap5.scss

@@ -25611,6 +25611,11 @@ $today-button-text-active-color: $primary-text-pressed !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,
@@ -57982,7 +57987,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 
@@ -61519,6 +61524,9 @@ ejs-multiselect {
   @if $ddl-multiselect-skin-name != 'Material3' {
     background-color: $ddl-chip-bg-color;
   }
+  @if $ddl-multiselect-skin-name == 'fluent2' {
+    border: $dd-chip-border;
+  }
   border-radius: $ddl-chip-radius;
   height: $ddl-chip-height;
 }

package/SCSS-Themes/calendars/calendar/bds-dark.scss

@@ -1525,6 +1525,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/bds.scss

@@ -1525,6 +1525,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss

@@ -1490,6 +1490,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/bootstrap.scss

@@ -1490,6 +1490,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/bootstrap4.scss

@@ -1490,6 +1490,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss

@@ -1510,6 +1510,11 @@ $today-button-text-active-color: $primary-text-pressed !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/bootstrap5.scss

@@ -1510,6 +1510,11 @@ $today-button-text-active-color: $primary-text-pressed !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/fabric-dark.scss

@@ -1454,6 +1454,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/fabric.scss

@@ -1452,6 +1452,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/fluent-dark.scss

@@ -1514,6 +1514,11 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/fluent.scss

@@ -1514,6 +1514,11 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/fluent2-dark.scss

@@ -1542,6 +1542,11 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/fluent2.scss

@@ -1542,6 +1542,11 @@ $calendar-selected-month-bg-color: $primary-lighter !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/highcontrast.scss

@@ -1451,6 +1451,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/material-dark.scss

@@ -1456,6 +1456,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/material.scss

@@ -1451,6 +1451,11 @@ $calendar-small-font-size: 12px !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/material3-dark.scss

@@ -1448,6 +1448,11 @@ $calendar-small-font-size: $text-xs !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/material3.scss

@@ -1448,6 +1448,11 @@ $calendar-small-font-size: $text-xs !default;
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/tailwind-dark.scss

@@ -1523,6 +1523,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/calendar/tailwind.scss

@@ -1523,6 +1523,11 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
             color: $calendar-today-focused-font-color;
           }
         }
+        #{if(&, '&', '*')}.e-month td.e-disabled.e-today span.e-day {
+          @if ($skin-name == 'FluentUI' or $skin-name == 'fluent2') {
+            color: $calendar-today-disabled-color;
+          }
+        }
         #{if(&, '&', '*')}.e-year td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-decade td.e-selected > span.e-day,
         #{if(&, '&', '*')}.e-year td.e-selected:hover > span.e-day,

package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss

@@ -50,7 +50,7 @@ $range-indicator-label-width: 100% !default;
 $range-device-indicator-margin: 8px 0 0 !default;
 $range-device-indicator-height: 24px !default;
 $range-separator-height: 1px !default;
-$range-border-value: 1px solid $content-bg-color-alt1 !default;
+$range-border-value: 1px solid $flyout-border !default;
 $range-container-border-value: none !default;
 $range-separator-margin: 0 !default;
 $range-footer-height: 47px !default;
@@ -303,11 +303,11 @@ $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
 
-$footer-top-border-color :1px solid $border-light !default;
+$footer-top-border-color :1px solid $flyout-border !default;
 
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer{
-  border-top: 1px solid $footer-top-border-color !important;
+  border-top: $footer-top-border-color !important;
 }
 
 $range-icon-mouse-border-radius: 16px !default;

package/SCSS-Themes/calendars/daterangepicker/fluent2.scss

@@ -50,7 +50,7 @@ $range-indicator-label-width: 100% !default;
 $range-device-indicator-margin: 8px 0 0 !default;
 $range-device-indicator-height: 24px !default;
 $range-separator-height: 1px !default;
-$range-border-value: 1px solid $content-bg-color-alt1 !default;
+$range-border-value: 1px solid $flyout-border !default;
 $range-container-border-value: none !default;
 $range-separator-margin: 0 !default;
 $range-footer-height: 47px !default;
@@ -303,11 +303,11 @@ $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
 
-$footer-top-border-color :1px solid $border-light !default;
+$footer-top-border-color :1px solid $flyout-border !default;
 
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer{
-  border-top: 1px solid $footer-top-border-color !important;
+  border-top: $footer-top-border-color !important;
 }
 
 $range-icon-mouse-border-radius: 16px !default;

package/SCSS-Themes/dropdowns/drop-down-tree/bds-dark.scss

@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bds.scss

@@ -544,7 +544,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss

@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $grey-44 !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss

@@ -549,7 +549,7 @@ $ddt-item-hover-bg: $grey-f5 !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss

@@ -551,7 +551,7 @@ $ddt-item-hover-bg: darken($gray-100,2%) !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss

@@ -543,7 +543,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss

@@ -543,7 +543,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss

@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $neutral-light !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss

@@ -550,7 +550,7 @@ $ddt-item-hover-bg: $neutral-lighter !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss

@@ -548,7 +548,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }