@syncfusion/ej2-calendars 33.2.13 → 34.1.29

package/styles/daterangepicker/_material-dark-definition.scss

@@ -1,8 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/material-dark' as *;
-@use 'ej2-inputs/styles/input/material-dark-definition' as *;
-@forward 'ej2-base/styles/definition/material-dark';
-@forward 'ej2-inputs/styles/input/material-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $range-bg-color: $grey-800 !default;
@@ -290,3 +287,4 @@ $range-container-content-month-height: 50vh !default;
 $date-range-day-span-font-size: 16px !default;
 $range-outline-float-text-width: calc(100% - 80px);
 $range-outline-static-clear-float-text-width: calc(100% - 110px);
+$zero-value: 0 !default;

package/styles/daterangepicker/_material-definition.scss

@@ -1,8 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/material' as *;
-@use 'ej2-inputs/styles/input/material-definition' as *;
-@forward 'ej2-base/styles/definition/material';
-@forward 'ej2-inputs/styles/input/material-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $range-bg-color: $grey-white !default;
@@ -290,3 +287,4 @@ $range-container-content-month-height: 50vh !default;
 $date-range-day-span-font-size: 16px !default;
 $range-outline-float-text-width: calc(100% - 80px);
 $range-outline-static-clear-float-text-width: calc(100% - 110px);
+$zero-value: 0 !default;

package/styles/daterangepicker/_material3-dark-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@use 'ej2-inputs/styles/input/material3-dark-definition' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
-@forward 'ej2-inputs/styles/input/material3-dark-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $range-header-bg-color: $flyout-bg-color !default;
 $range-header-text-color: rgba($content-text-color) !default;
 $range-header-icon-color: rgba($icon-color) !default;
@@ -286,3 +284,4 @@ $range-container-content-month-height: 50vh !default;
 $date-range-day-span-font-size: 16px !default;
 $range-outline-float-text-width: calc(100% - 80px);
 $range-outline-static-clear-float-text-width: calc(100% - 110px);
+$zero-value: 0 !default;

package/styles/daterangepicker/_material3-definition.scss

@@ -1,7 +1,5 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@use 'ej2-inputs/styles/input/material3-definition' as *;
-@forward 'ej2-base/styles/definition/material3';
-@forward 'ej2-inputs/styles/input/material3-definition';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $range-header-bg-color: $flyout-bg-color !default;
 $range-header-text-color: rgba($content-text-color) !default;
 $range-header-icon-color: rgba($icon-color) !default;
@@ -286,3 +284,4 @@ $range-container-content-month-height: 50vh !default;
 $date-range-day-span-font-size: 16px !default;
 $range-outline-float-text-width: calc(100% - 80px);
 $range-outline-static-clear-float-text-width: calc(100% - 110px);
+$zero-value: 0 !default;

package/styles/daterangepicker/_tailwind-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 // size variables
 $range-btn-font-weight: $font-weight-medium !default;

package/styles/daterangepicker/_tailwind-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 // size variables
 $range-btn-font-weight: $font-weight-medium !default;

package/styles/daterangepicker/_tailwind3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 // size variables
 $range-btn-font-weight: $font-weight-medium !default;

package/styles/daterangepicker/_theme.scss

@@ -1,7 +1,7 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('daterangepicker-theme') {
   .e-date-range-wrapper {
-    #{if(&, '&', '*')} .e-input-group-icon.e-icons.e-active {
+    & .e-input-group-icon.e-icons.e-active {
       @if $skin-name == 'bootstrap4' {
         background: $range-icon-active-bg-color;
         border-color: $range-active-border-color;
@@ -9,16 +9,16 @@
       color: $range-active-icon-color;
     }
 
-    #{if(&, '&', '*')}.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
+    &.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
       color: $range-active-state-icon-color;
     }
   }
 
   #{&}.e-daterangepicker {
-    #{if(&, '&', '*')}.e-popup {
+    &.e-popup {
       background: $range-background;
 
-      #{if(&, '&', '*')} .e-calendar {
+      & .e-calendar {
         @if $skin-name != 'Material3' {
           background-color: $range-background;
         }
@@ -26,15 +26,15 @@
           background: $range-background;
         }
 
-        #{if(&, '&', '*')} .e-header .e-title,
-        #{if(&, '&', '*')} .e-header .e-title:hover {
+        & .e-header .e-title,
+        & .e-header .e-title:hover {
           color: $range-calendar-header-dark-color;
           text-decoration: none;
           @if $skin-name == 'fluent2' {
             width: 72%;
           }
         }
-        #{if(&, '&', '*')} .e-content .e-range-hover {
+        & .e-content .e-range-hover {
           @if $skin-name != 'Material3' {
             background-color: $range-hover-color;
           }
@@ -43,14 +43,14 @@
           }
           color: $range-calendar-dark-color;
         }
-        #{if(&, '&', '*')} .e-content .e-start-date.e-selected,
-        #{if(&, '&', '*')} .e-content .e-end-date.e-selected {
+        & .e-content .e-start-date.e-selected,
+        & .e-content .e-end-date.e-selected {
           @if $skin-name == 'FluentUI' {
             background-color: $range-hover-color;
             color: $range-calendar-dark-color;
           }
         }
-        #{if(&, '&', '*')} .e-content.e-month .e-today.e-range-hover span {
+        & .e-content.e-month .e-today.e-range-hover span {
           @if $skin-name != 'tailwind' and $skin-name != 'Material3' and $skin-name != 'tailwind3' {
             background-color: $range-today-color;
             border: $range-today-border-color;
@@ -65,7 +65,7 @@
             box-shadow: $range-today-hover-box-shadow;
           }
         }
-        #{if(&, '&', '*')} .e-content .e-range-hover span {
+        & .e-content .e-range-hover span {
           @if $skin-name != 'tailwind' and $skin-name != 'Material3' and $skin-name != 'tailwind3' {
             background: $range-hover-color;
             border: $range-calendar-selection-border;
@@ -83,16 +83,16 @@
           }
         }
 
-        #{if(&, '&', '*')} .e-content .e-range-hover:not(.e-other-month) span {
+        & .e-content .e-range-hover:not(.e-other-month) span {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind3' {
             background: $range-hover-color;
             border: $range-calendar-selection-border;
             color: $range-calendar-dark-color;
           }
         }
-        #{if(&, '&', '*')} .e-range-hover:not(.e-selected):hover span.e-day,
-        #{if(&, '&', '*')} .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
-        #{if(&, '&', '*')} .e-range-hover.e-focused-date.e-today span.e-day {
+        & .e-range-hover:not(.e-selected):hover span.e-day,
+        & .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
+        & .e-range-hover.e-focused-date.e-today span.e-day {
           @if $skin-name != 'tailwind' and $skin-name != 'Material3' and $skin-name != 'tailwind3' {
             background-color: $range-hover-content-color;
             border: $range-calendar-hover-border-color;
@@ -104,25 +104,25 @@
             color: $range-calendar-dark-color;
           }
         }
-        #{if(&, '&', '*')} .e-range-hover.e-today:hover span.e-day,
-        #{if(&, '&', '*')} .e-range-hover.e-focused-date.e-today span.e-day,
-        #{if(&, '&', '*')} .e-range-hover.e-start-date.e-selected.e-today span.e-day,
-        #{if(&, '&', '*')} .e-range-hover.e-end-date.e-selected.e-today span.e-day {
+        & .e-range-hover.e-today:hover span.e-day,
+        & .e-range-hover.e-focused-date.e-today span.e-day,
+        & .e-range-hover.e-start-date.e-selected.e-today span.e-day,
+        & .e-range-hover.e-end-date.e-selected.e-today span.e-day {
           @if $skin-name != 'tailwind' and $skin-name != 'tailwind3' {
             border: $range-calendar-active-border;
           }
         }
-        #{if(&, '&', '*')} .e-range-hover.e-selected.e-today:hover span.e-day {
+        & .e-range-hover.e-selected.e-today:hover span.e-day {
           @if $skin-name != 'tailwind' and $skin-name != 'tailwind3' {
             border: $range-calendar-today-start-color;
           }
         }
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-today.e-range-hover span,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover span,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover:hover span.e-day,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-selected,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-selected span {
+        & .e-content .e-other-month.e-range-hover,
+        & .e-content .e-other-month.e-today.e-range-hover span,
+        & .e-content .e-other-month.e-range-hover span,
+        & .e-content .e-other-month.e-range-hover:hover span.e-day,
+        & .e-content .e-other-month.e-selected,
+        & .e-content .e-other-month.e-selected span {
           @if $skin-name != 'tailwind' and $skin-name != 'Material3' and $skin-name != 'tailwind3' {
             background-color: $range-other-hover-color;
             border: $range-calendar-other-month-border;
@@ -134,18 +134,18 @@
             color: $range-other-month-date;
           }
         }
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-today.e-range-hover span,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover span,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover:hover span.e-day {
+        & .e-content .e-other-month.e-range-hover,
+        & .e-content .e-other-month.e-today.e-range-hover span,
+        & .e-content .e-other-month.e-range-hover span,
+        & .e-content .e-other-month.e-range-hover:hover span.e-day {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind3' {
             background-color: $range-other-hover-color;
             border: $range-calendar-other-month-border;
             color: $range-other-month-date;
           }
         }
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover,
-        #{if(&, '&', '*')} .e-content .e-other-month.e-selected {
+        & .e-content .e-other-month.e-range-hover,
+        & .e-content .e-other-month.e-selected {
           @if $skin-name != 'tailwind' and $skin-name != 'Material3' and $skin-name != 'tailwind3' {
             background-color: $range-other-hover-color;
             border: $range-calendar-other-normal-border;
@@ -157,15 +157,15 @@
             color: $range-other-month-date;
           }
         }
-        #{if(&, '&', '*')} .e-content .e-other-month.e-range-hover {
+        & .e-content .e-other-month.e-range-hover {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind3' {
             background-color: $range-other-hover-color;
             border: $range-calendar-other-normal-border;
             color: $range-other-month-date;
           }
         }
-        #{if(&, '&', '*')} .e-end-date.e-selected.e-range-hover span.e-day,
-        #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover span.e-day {
+        & .e-end-date.e-selected.e-range-hover span.e-day,
+        & .e-start-date.e-selected.e-range-hover span.e-day {
           @if $skin-name != 'Material3' and $skin-name != 'fluent2' {
             background-color: $range-selection-bg;
           }
@@ -185,8 +185,8 @@
             border-radius: $range-radius-zero;
           }
         }
-        #{if(&, '&', '*')} .e-start-date.e-selected span.e-day,
-        #{if(&, '&', '*')} .e-end-date.e-selected span.e-day {
+        & .e-start-date.e-selected span.e-day,
+        & .e-end-date.e-selected span.e-day {
           @if ($skin-name == 'FluentUI') {
             background-color: $range-selection-bg;
             border-radius: $range-selected-hover-radius;
@@ -199,14 +199,14 @@
             color: $range-active-font-color;
           }
         }
-        #{if(&, '&', '*')} .e-end-date.e-selected.e-range-hover.e-other-month span.e-day,
-        #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
+        & .e-end-date.e-selected.e-range-hover.e-other-month span.e-day,
+        & .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
           @if ($skin-name == 'tailwind' or $skin-name == 'tailwind3') {
             background-color: $range-selection-bg;
             color: $range-active-font-color;
           }
         }
-        #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover.e-today span.e-day {
+        & .e-start-date.e-selected.e-range-hover.e-today span.e-day {
           @if $skin-name != 'Material3' {
             background-color: $range-selection-bg;
           }
@@ -215,11 +215,11 @@
           }
           color: $range-active-font-color;
         }
-        #{if(&, '&', '*')} .e-other-month.e-selected span {
+        & .e-other-month.e-selected span {
           color: $range-primary-font-color;
         }
       }
-      #{if(&, '&', '*')} .e-presets {
+      & .e-presets {
         @if $skin-name != 'Material3' {
           background-color: $range-presets-bg;
         }
@@ -228,7 +228,7 @@
         }
         color: $range-preset-normal-font-color;
 
-        #{if(&, '&', '*')} .e-list-item.e-active {
+        & .e-list-item.e-active {
           @if $skin-name != 'Material3' {
             background-color: $range-presets-bg-color;
           }
@@ -239,7 +239,7 @@
             color: $range-presets-font-color;
           }
         }
-        #{if(&, '&', '*')} .e-list-item.e-hover {
+        & .e-list-item.e-hover {
           @if $skin-name != 'Material3' {
             background-color: $range-presets-hover-bg;
           }
@@ -249,17 +249,17 @@
           color: $range-list-hover-color;
         }
       }
-      #{if(&, '&', '*')} .e-start-label,
-      #{if(&, '&', '*')} .e-end-label {
+      & .e-start-label,
+      & .e-end-label {
         color: $range-calendar-header-text-color;
       }
-      #{if(&, '&', '*')} .e-change-icon {
+      & .e-change-icon {
         color: $range-change-icon-color;
       }
-      #{if(&, '&', '*')} .e-day-span {
+      & .e-day-span {
         color: $range-calendar-medium-color;
       }
-      #{if(&, '&', '*')} .e-separator {
+      & .e-separator {
         @if $skin-name != 'Material3' {
           background-color: $range-separator-color;
         }
@@ -270,7 +270,7 @@
           display: none;
         }
       }
-      #{if(&, '&', '*')} .e-footer {
+      & .e-footer {
         @if $skin-name != 'Material3' {
           background-color: $range-footer-background;
         }
@@ -284,7 +284,7 @@
           border-bottom-right-radius: $range-popup-border-radius;
         }
 
-        #{if(&, '&', '*')} .e-cancel.e-flat:not(:hover) {
+        & .e-cancel.e-flat:not(:hover) {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind3' {
             /* stylelint-disable property-no-vendor-prefix */
             -webkit-tap-highlight-color: transparent;
@@ -295,7 +295,7 @@
           }
         }
 
-        #{if(&, '&', '*')} .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
+        & .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
           @if $skin-name == 'tailwind' or $skin-name == 'tailwind3' {
             -webkit-tap-highlight-color: transparent;
             background-color: $range-apply-btn-primary-bgcolor;
@@ -416,12 +416,12 @@
 }
 
 .e-daterangepick-mob-popup-wrap {
-  #{if( &, '&', '*')} .e-daterangepicker.e-popup.e-popup-expand {
-    #{if(&, '&', '*')} .e-model-header {
+  & .e-daterangepicker.e-popup.e-popup-expand {
+    & .e-model-header {
       background-color: $modal-range-header-bg-color;
       color: $modal-range-header-text-color;
 
-      #{if(&, '&', '*')} .e-popup-close {
+      & .e-popup-close {
         color: $modal-range-header-text-color;
       }
     }

package/styles/daterangepicker/_variables.scss

@@ -0,0 +1,2 @@
+@forward '@syncfusion/ej2-base/styles/common/_base-variables';
+@forward '_material3-definition';

package/styles/daterangepicker/bds.css

@@ -2,154 +2,6 @@
 
 
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-input:focus:not(.e-success):not(.e-warning).e-error,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input:focus:not(.e-error):not(.e-warning).e-success,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input:focus:not(.e-success):not(.e-error).e-warning,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-float-input.e-error label.e-float-text,
-.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-/* stylelint-disable-line no-empty-source */
-/*! calendar theme variables */
 /* stylelint-disable */
 .e-daterangepicker.e-popup .e-footer {
   border-top: 1px solid 1px solid var(--color-sf-border-secondary) !important;
@@ -212,15 +64,6 @@
   font-family: "e-icons";
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-daterangepicker.e-popup .e-footer {
-  border-top: 1px solid 1px solid var(--color-sf-border-secondary) !important;
-}
-
 .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -863,15 +706,6 @@
   width: calc(100% - 110px);
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-daterangepicker.e-popup .e-footer {
-  border-top: 1px solid 1px solid var(--color-sf-border-secondary) !important;
-}
-
 .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-text-primary);
 }
@@ -974,15 +808,6 @@
   color: var(--color-sf-text-secondary);
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-daterangepicker.e-popup .e-footer {
-  border-top: 1px solid 1px solid var(--color-sf-border-secondary) !important;
-}
-
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
   background-color: rgba(var(--color-sf-bg-secondary-hover), 0.6);

package/styles/daterangepicker/bds.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use 'ej2-inputs/styles/input/bds-definition' as *;
-@use 'ej2-popups/styles/popup/bds-definition' as *;
-@use '../calendar/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all.bds' as *;
-@use 'bigger.bds' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/daterangepicker/bootstrap-dark.css

@@ -1,4 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {

package/styles/daterangepicker/bootstrap-dark.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@use 'ej2-inputs/styles/input/bootstrap-dark-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap-dark-definition' as *;
-@use '../calendar/bootstrap-dark-definition' as *;
 @use 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all.bootstrap-dark' as *;
-@use 'bigger.bootstrap-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/daterangepicker/bootstrap.css

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/*! calendar bootstrap theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {

package/styles/daterangepicker/bootstrap.scss

@@ -1,8 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@use 'ej2-inputs/styles/input/bootstrap-definition' as *;
-@use 'ej2-popups/styles/popup/bootstrap-definition' as *;
-@use '../calendar/bootstrap-definition' as *;
 @use 'bootstrap-definition' as *;
 @use 'icons/bootstrap' as *;
-@use 'all.bootstrap' as *;
-@use 'bigger.bootstrap' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/daterangepicker/bootstrap4.css

@@ -1,5 +1,3 @@
-/* stylelint-disable property-no-vendor-prefix */
-/*! calendar bootstrap theme variables */
 /*! component icons */
 .e-input-group-icon.e-range-icon,
 *.e-control-wrapper .e-input-group-icon.e-range-icon {