@syncfusion/ej2-calendars 32.1.23 → 32.1.24

package/styles/daterangepicker/_theme-variables.fluent.scss

@@ -0,0 +1 @@
+@forward './_fluent-definition';

package/styles/daterangepicker/_theme-variables.fluent2.scss

@@ -0,0 +1 @@
+@forward './_fluent2-definition';

package/styles/daterangepicker/_theme-variables.highcontrast-light.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-light-definition';

package/styles/daterangepicker/_theme-variables.highcontrast.scss

@@ -0,0 +1 @@
+@forward './_highcontrast-definition';

package/styles/daterangepicker/_theme-variables.material-dark.scss

@@ -0,0 +1 @@
+@forward './_material-dark-definition';

package/styles/daterangepicker/_theme-variables.material.scss

@@ -0,0 +1 @@
+@forward './_material-definition';

package/styles/daterangepicker/_theme-variables.material3-dark.scss

@@ -0,0 +1 @@
+@forward './_material3-dark-definition';

package/styles/daterangepicker/_theme-variables.material3.scss

@@ -0,0 +1 @@
+@forward './_material3-definition';

package/styles/daterangepicker/_theme-variables.tailwind-dark.scss

@@ -0,0 +1 @@
+@forward './_tailwind-dark-definition';

package/styles/daterangepicker/_theme-variables.tailwind.scss

@@ -0,0 +1 @@
+@forward './_tailwind-definition';

package/styles/daterangepicker/_theme.bds.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bds';
+@import './_theme';

package/styles/daterangepicker/_theme.bootstrap-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.bootstrap.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap';
+@import './_theme';

package/styles/daterangepicker/_theme.bootstrap4.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap4';
+@import './_theme';

package/styles/daterangepicker/_theme.bootstrap5-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.bootstrap5.3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5.3';
+@import './_theme';

package/styles/daterangepicker/_theme.bootstrap5.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.bootstrap5';
+@import './_theme';

package/styles/daterangepicker/_theme.fabric-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.fabric.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fabric';
+@import './_theme';

package/styles/daterangepicker/_theme.fluent-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.fluent.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent';
+@import './_theme';

package/styles/daterangepicker/_theme.fluent2.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.fluent2';
+@import './_theme';

package/styles/daterangepicker/_theme.highcontrast-light.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast-light';
+@import './_theme';

package/styles/daterangepicker/_theme.highcontrast.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.highcontrast';
+@import './_theme';

package/styles/daterangepicker/_theme.material-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.material.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material';
+@import './_theme';

package/styles/daterangepicker/_theme.material3-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.material3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.material3';
+@import './_theme';

package/styles/daterangepicker/_theme.scss

@@ -1,5 +1,4 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @include export-module('daterangepicker-theme') {
   .e-date-range-wrapper {
     #{if(&, '&', '*')} .e-input-group-icon.e-icons.e-active {

package/styles/daterangepicker/_theme.tailwind-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_theme';

package/styles/daterangepicker/_theme.tailwind.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_theme';

package/styles/daterangepicker/_theme.tailwind3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_theme';

package/styles/daterangepicker/bds.css

@@ -212,6 +212,126 @@
   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-date-range-wrapper .e-input-group-icon.e-icons.e-active {
+  color: var(--color-sf-text-primary);
+}
+.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
+  color: var(--color-sf-text-primary);
+}
+
+.e-daterangepicker.e-popup {
+  background: var(--color-sf-bg-primary-alt);
+}
+.e-daterangepicker.e-popup .e-calendar {
+  background-color: var(--color-sf-bg-primary-alt);
+}
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
+  color: var(--color-sf-text-secondary);
+  text-decoration: none;
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
+  background-color: var(--color-sf-bg-tertiary);
+  color: var(--color-sf-text-secondary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:not(.e-other-month) span {
+  background: var(--color-sf-bg-tertiary);
+  border: none;
+  color: var(--color-sf-text-secondary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day {
+  background-color: transparent;
+  border: none;
+  color: var(--color-sf-text-tertiary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover {
+  background-color: transparent;
+  border: none;
+  color: var(--color-sf-text-tertiary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
+  background-color: var(--color-sf-brand-primary);
+  color: var(--color-sf-on-brand-solid-primary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover.e-other-month span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
+  background-color: var(--color-sf-brand-primary);
+  color: var(--color-sf-on-brand-solid-primary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
+  background-color: var(--color-sf-brand-primary);
+  color: var(--color-sf-on-brand-solid-primary);
+}
+.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
+  color: var(--color-sf-on-brand-solid-primary);
+}
+.e-daterangepicker.e-popup .e-presets {
+  background-color: var(--color-sf-bg-primary-alt);
+  color: var(--color-sf-text-primary);
+}
+.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
+  background-color: var(--color-sf-utility-content-bg-color-selected);
+  color: var(--color-sf-text-primary);
+}
+.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
+  background-color: var(--color-sf-bg-secondary-hover);
+  color: var(--color-sf-text-secondary-hover);
+}
+.e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
+  color: var(--color-sf-text-tertiary);
+}
+.e-daterangepicker.e-popup .e-change-icon {
+  color: var(--color-sf-fg-secondary);
+}
+.e-daterangepicker.e-popup .e-day-span {
+  color: var(--color-sf-text-quarterary);
+}
+.e-daterangepicker.e-popup .e-separator {
+  background-color: var(--color-sf-border-secondary);
+}
+.e-daterangepicker.e-popup .e-footer {
+  background-color: var(--color-sf-bg-primary-alt);
+}
+.e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--color-sf-utility-secondary-bg-color);
+  border-color: var(--color-sf-utility-secondary-border-color);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
+  color: var(--color-sf-utility-secondary-text-color);
+}
+.e-daterangepicker.e-popup .e-footer .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--color-sf-brand-solid-primary);
+  border-color: var(--color-sf-brand-solid-primary);
+  color: var(--color-sf-on-brand-solid-primary);
+}
+
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
+  background-color: var(--color-sf-bg-primary-alt);
+  color: var(--color-sf-text-secondary);
+}
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
+  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-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;
@@ -854,106 +974,13 @@
   width: calc(100% - 110px);
 }
 
-.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
-  color: var(--color-sf-text-primary);
-}
-.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
-  color: var(--color-sf-text-primary);
-}
 
-.e-daterangepicker.e-popup {
-  background: var(--color-sf-bg-primary-alt);
-}
-.e-daterangepicker.e-popup .e-calendar {
-  background-color: var(--color-sf-bg-primary-alt);
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
-  color: var(--color-sf-text-secondary);
-  text-decoration: none;
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background-color: var(--color-sf-bg-tertiary);
-  color: var(--color-sf-text-secondary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover:not(.e-other-month) span {
-  background: var(--color-sf-bg-tertiary);
-  border: none;
-  color: var(--color-sf-text-secondary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day {
-  background-color: transparent;
-  border: none;
-  color: var(--color-sf-text-tertiary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover {
-  background-color: transparent;
-  border: none;
-  color: var(--color-sf-text-tertiary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
-  background-color: var(--color-sf-brand-primary);
-  color: var(--color-sf-on-brand-solid-primary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover.e-other-month span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-other-month span.e-day {
-  background-color: var(--color-sf-brand-primary);
-  color: var(--color-sf-on-brand-solid-primary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: var(--color-sf-brand-primary);
-  color: var(--color-sf-on-brand-solid-primary);
-}
-.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
-  color: var(--color-sf-on-brand-solid-primary);
-}
-.e-daterangepicker.e-popup .e-presets {
-  background-color: var(--color-sf-bg-primary-alt);
-  color: var(--color-sf-text-primary);
-}
-.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
-  background-color: var(--color-sf-utility-content-bg-color-selected);
-  color: var(--color-sf-text-primary);
-}
-.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: var(--color-sf-bg-secondary-hover);
-  color: var(--color-sf-text-secondary-hover);
-}
-.e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
-  color: var(--color-sf-text-tertiary);
-}
-.e-daterangepicker.e-popup .e-change-icon {
-  color: var(--color-sf-fg-secondary);
-}
-.e-daterangepicker.e-popup .e-day-span {
-  color: var(--color-sf-text-quarterary);
-}
-.e-daterangepicker.e-popup .e-separator {
-  background-color: var(--color-sf-border-secondary);
-}
-.e-daterangepicker.e-popup .e-footer {
-  background-color: var(--color-sf-bg-primary-alt);
-}
-.e-daterangepicker.e-popup .e-footer .e-cancel.e-flat:not(:hover) {
-  /* stylelint-disable property-no-vendor-prefix */
-  -webkit-tap-highlight-color: transparent;
-  background-color: var(--color-sf-utility-secondary-bg-color);
-  border-color: var(--color-sf-utility-secondary-border-color);
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
-  color: var(--color-sf-utility-secondary-text-color);
-}
-.e-daterangepicker.e-popup .e-footer .e-apply.e-flat.e-primary:not(:hover):not(:disabled) {
-  -webkit-tap-highlight-color: transparent;
-  background-color: var(--color-sf-brand-solid-primary);
-  border-color: var(--color-sf-brand-solid-primary);
-  color: var(--color-sf-on-brand-solid-primary);
-}
 
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
-  background-color: var(--color-sf-bg-primary-alt);
-  color: var(--color-sf-text-secondary);
-}
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
-  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,

package/styles/daterangepicker/bds.scss

@@ -4,5 +4,5 @@
 @use '../calendar/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bds' as *;
+@use 'bigger.bds' as *;

package/styles/daterangepicker/bootstrap-dark.css

@@ -45,6 +45,104 @@
   font-family: "e-icons";
 }
 
+.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
+  color: #f0f0f0;
+}
+.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
+  color: #f0f0f0;
+}
+
+.e-daterangepicker.e-popup {
+  background: #2a2a2a;
+}
+.e-daterangepicker.e-popup .e-calendar {
+  background-color: #2a2a2a;
+}
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
+  color: #f0f0f0;
+  text-decoration: none;
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
+  background-color: #505050;
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
+  background-color: #393939;
+  border: 1px solid #0070f0;
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
+  background: #505050;
+  border: none;
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
+  background-color: rgb(41.75, 41.75, 41.75);
+  border: none;
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
+  border: 1px solid #0070f0;
+}
+.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
+  border: 1px solid #0070f0;
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
+  background-color: #505050;
+  border: none;
+  color: #acacac;
+}
+.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
+  background-color: #505050;
+  border: none;
+  color: #acacac;
+}
+.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
+  background-color: rgb(0, 88.2, 189);
+  color: #fff;
+}
+.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
+  background-color: rgb(0, 88.2, 189);
+  color: #fff;
+}
+.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
+  color: #fff;
+}
+.e-daterangepicker.e-popup .e-presets {
+  background-color: #2a2a2a;
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
+  background-color: #0070f0;
+  color: #fff;
+}
+.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
+  background-color: #8d8d8d;
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-change-icon {
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-day-span {
+  color: #f0f0f0;
+}
+.e-daterangepicker.e-popup .e-separator {
+  background-color: rgba(240, 240, 240, 0.12);
+}
+.e-daterangepicker.e-popup .e-footer {
+  background-color: #2a2a2a;
+}
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
+  background-color: #2a2a2a;
+  color: #f0f0f0;
+}
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
+  color: #f0f0f0;
+}
+
 .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;
@@ -683,104 +781,6 @@
   width: calc(100% - 110px);
 }
 
-.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
-  color: #f0f0f0;
-}
-.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
-  color: #f0f0f0;
-}
-
-.e-daterangepicker.e-popup {
-  background: #2a2a2a;
-}
-.e-daterangepicker.e-popup .e-calendar {
-  background-color: #2a2a2a;
-}
-.e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
-  color: #f0f0f0;
-  text-decoration: none;
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
-  background-color: #505050;
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
-  background-color: #393939;
-  border: 1px solid #0070f0;
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
-  background: #505050;
-  border: none;
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: rgb(41.75, 41.75, 41.75);
-  border: none;
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
-  border: 1px solid #0070f0;
-}
-.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
-  border: 1px solid #0070f0;
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
-  background-color: #505050;
-  border: none;
-  color: #acacac;
-}
-.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
-  background-color: #505050;
-  border: none;
-  color: #acacac;
-}
-.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
-  background-color: rgb(0, 88.2, 189);
-  color: #fff;
-}
-.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: rgb(0, 88.2, 189);
-  color: #fff;
-}
-.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
-  color: #fff;
-}
-.e-daterangepicker.e-popup .e-presets {
-  background-color: #2a2a2a;
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
-  background-color: #0070f0;
-  color: #fff;
-}
-.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
-  background-color: #8d8d8d;
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-change-icon {
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-day-span {
-  color: #f0f0f0;
-}
-.e-daterangepicker.e-popup .e-separator {
-  background-color: rgba(240, 240, 240, 0.12);
-}
-.e-daterangepicker.e-popup .e-footer {
-  background-color: #2a2a2a;
-}
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
-  background-color: #2a2a2a;
-  color: #f0f0f0;
-}
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
-  color: #f0f0f0;
-}
-
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
   background-color: rgba(26, 26, 26, 0.6);

package/styles/daterangepicker/bootstrap-dark.scss

@@ -4,5 +4,5 @@
 @use '../calendar/bootstrap-dark-definition' as *;
 @use 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap-dark' as *;
+@use 'bigger.bootstrap-dark' as *;