@syncfusion/ej2-calendars 33.2.15 → 34.2.2

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.15
+*  version : 34.2.2
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-calendars",
-  "version": "33.2.15",
+  "version": "34.2.2",
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-calendars.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-buttons": "~33.2.15",
-    "@syncfusion/ej2-inputs": "~33.2.15",
-    "@syncfusion/ej2-lists": "~33.2.3",
-    "@syncfusion/ej2-popups": "~33.2.7"
+    "@syncfusion/ej2-base": "~34.2.2",
+    "@syncfusion/ej2-buttons": "~34.2.2",
+    "@syncfusion/ej2-inputs": "~34.2.2",
+    "@syncfusion/ej2-lists": "~34.2.2",
+    "@syncfusion/ej2-popups": "~34.2.2"
   },
   "devDependencies": {},
   "keywords": [

package/src/calendar/calendar.js

@@ -1972,10 +1972,22 @@ var CalendarBase = /** @class */ (function (_super) {
     };
     CalendarBase.prototype.isMonthYearRange = function (date) {
         if (this.calendarMode === 'Gregorian') {
-            return date.getMonth() >= this.min.getMonth()
-                && date.getFullYear() >= this.min.getFullYear()
-                && date.getMonth() <= this.max.getMonth()
-                && date.getFullYear() <= this.max.getFullYear();
+            var dateYear = date.getFullYear();
+            var dateMonth = date.getMonth();
+            var minYear = this.min.getFullYear();
+            var minMonth = this.min.getMonth();
+            var maxYear = this.max.getFullYear();
+            var maxMonth = this.max.getMonth();
+            if (dateYear < minYear || dateYear > maxYear) {
+                return false;
+            }
+            if (dateYear === minYear && dateMonth < minMonth) {
+                return false;
+            }
+            if (dateYear === maxYear && dateMonth > maxMonth) {
+                return false;
+            }
+            return true;
         }
         else {
             var islamicDate = this.islamicModule.getIslamicDate(date);

package/src/daterangepicker/daterangepicker-model.d.ts

@@ -309,6 +309,7 @@ export interface DateRangePickerModel extends CalendarBaseModel{
      * <td colSpan=1 rowSpan=1>
      * moveDown<br/></td><td colSpan=1 rowSpan=1>
      * downarrow<br/></td></tr>
+     * <tr>
      * <td colSpan=1 rowSpan=1>
      * pageUp<br/></td><td colSpan=1 rowSpan=1>
      * pageup<br/></td></tr>
@@ -349,7 +350,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
      * end<br/></td><td colSpan=1 rowSpan=1>
      * end<br/></td></tr>
      * <tr>
-     * <tr>
      * <td colSpan=1 rowSpan=1>
      * controlHome<br/></td><td colSpan=1 rowSpan=1>
      * ctrl+home<br/></td></tr>
@@ -367,10 +367,6 @@ export interface DateRangePickerModel extends CalendarBaseModel{
      * space<br/></td></tr>
      * <tr>
      * <td colSpan=1 rowSpan=1>
-     * enter<br/></td><td colSpan=1 rowSpan=1>
-     * enter<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
      * altRightArrow<br/></td><td colSpan=1 rowSpan=1>
      * alt+rightarrow<br/></td></tr>
      * <tr>

package/src/daterangepicker/daterangepicker.d.ts

@@ -424,6 +424,7 @@ export declare class DateRangePicker extends CalendarBase {
      * <td colSpan=1 rowSpan=1>
      * moveDown<br/></td><td colSpan=1 rowSpan=1>
      * downarrow<br/></td></tr>
+     * <tr>
      * <td colSpan=1 rowSpan=1>
      * pageUp<br/></td><td colSpan=1 rowSpan=1>
      * pageup<br/></td></tr>
@@ -464,7 +465,6 @@ export declare class DateRangePicker extends CalendarBase {
      * end<br/></td><td colSpan=1 rowSpan=1>
      * end<br/></td></tr>
      * <tr>
-     * <tr>
      * <td colSpan=1 rowSpan=1>
      * controlHome<br/></td><td colSpan=1 rowSpan=1>
      * ctrl+home<br/></td></tr>
@@ -482,10 +482,6 @@ export declare class DateRangePicker extends CalendarBase {
      * space<br/></td></tr>
      * <tr>
      * <td colSpan=1 rowSpan=1>
-     * enter<br/></td><td colSpan=1 rowSpan=1>
-     * enter<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
      * altRightArrow<br/></td><td colSpan=1 rowSpan=1>
      * alt+rightarrow<br/></td></tr>
      * <tr>
@@ -624,6 +620,8 @@ export declare class DateRangePicker extends CalendarBase {
     private initProperty;
     protected checkFormat(): void;
     protected checkInputFormats(): void;
+    protected setTimeZone(): void;
+    protected isDayLightSaving(date: Date): boolean;
     private initialize;
     private setDataAttribute;
     private setRangeAllowEdit;

package/src/daterangepicker/daterangepicker.js

@@ -382,6 +382,29 @@ var DateRangePicker = /** @class */ (function (_super) {
             this.inputFormatsString = null;
         }
     };
+    DateRangePicker.prototype.setTimeZone = function () {
+        if (!isNullOrUndefined(this.serverTimezoneOffset)) {
+            if (this.startValue) {
+                var clientTimeZoneDiff = new Date().getTimezoneOffset() / 60;
+                var serverTimezoneDiff = this.serverTimezoneOffset;
+                var timeZoneDiff = serverTimezoneDiff + clientTimeZoneDiff;
+                timeZoneDiff = this.isDayLightSaving(this.startValue) ? timeZoneDiff-- : timeZoneDiff;
+                this.startValue = new Date((this.startValue).getTime() + (timeZoneDiff * 60 * 60 * 1000));
+            }
+            if (this.endValue) {
+                var clientTimeZoneDiff = new Date().getTimezoneOffset() / 60;
+                var serverTimezoneDiff = this.serverTimezoneOffset;
+                var timeZoneDiff = serverTimezoneDiff + clientTimeZoneDiff;
+                timeZoneDiff = this.isDayLightSaving(this.endValue) ? timeZoneDiff-- : timeZoneDiff;
+                this.endValue = new Date((this.endValue).getTime() + (timeZoneDiff * 60 * 60 * 1000));
+            }
+        }
+    };
+    DateRangePicker.prototype.isDayLightSaving = function (date) {
+        var firstOffset = new Date(date.getFullYear(), 0, 1).getTimezoneOffset();
+        var secondOffset = new Date(date.getFullYear(), 6, 1).getTimezoneOffset();
+        return (date.getTimezoneOffset() < Math.max(firstOffset, secondOffset));
+    };
     DateRangePicker.prototype.initialize = function () {
         if (this.angularTag !== null) {
             this.validationAttribute(this.element, this.inputElement);
@@ -391,6 +414,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         var start = this.checkDateValue(new Date(this.checkValue(this.startValue)));
         this.setProperties({ startDate: start }, true); // persist the value propeerty.
         this.setProperties({ endValue: this.checkDateValue(new Date(this.checkValue(this.endValue))) }, true);
+        this.setTimeZone();
         this.setValue();
         this.setProperties({ min: this.checkDateValue(new Date(this.checkValue(this.min))) }, true);
         this.setProperties({ max: this.checkDateValue(new Date(this.checkValue(this.max))) }, true);
@@ -1191,6 +1215,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (isLeftCalendar && +date === +rightLimit) {
                     ele = this.keyCalendarUpdate(false, ele);
                 }
+                view = this.getViewNumber(this.currentView());
                 this.keyboardNavigate(1, view, e, max, min);
                 this.keyNavigation(ele, e);
                 break;
@@ -1202,6 +1227,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                         ele = this.keyCalendarUpdate(true, ele);
                     }
                 }
+                view = this.getViewNumber(this.currentView());
                 this.keyboardNavigate(-1, view, e, max, min);
                 this.keyNavigation(ele, e);
                 break;
@@ -1274,6 +1300,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (this.tabKeyValidation(ele, RIGHTCALENDER)) {
                     ele = this.keyCalendarUpdate(true, ele, false);
                     this.currentDate = this.firstCellToFocus(this.leftCalendar);
+                    view = this.getViewNumber(this.currentView());
                     this.keyboardNavigate(0, view, e, max, min);
                     this.keyNavigation(ele, e);
                 }

package/styles/bds-lite.css

@@ -2,65 +2,6 @@
 
 
 
-/* stylelint-disable */
-.e-btn.e-primary:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-success:focus {
-  -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-btn.e-info:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-warning:focus {
-  -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-btn.e-danger:focus {
-  -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-btn.e-outline.e-info {
-  background: transparent !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-btn.e-outline.e-info:hover {
-  background: var(--color-sf-utility-info-bg-color-hover) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
-}
-
-.e-btn.e-outline.e-info:active {
-  background: var(--color-sf-utility-info-bg-color-pressed) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
-}
-
-.e-btn.e-flat.e-info {
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-bigger .e-btn,
-.e-bigger .e-btn,
-.e-bigger .e-css.e-btn,
-.e-bigger.e-css.e-btn {
-  font-size: 14px;
-  line-height: 1.572em;
-  padding: 8px 15px;
-  border-radius: 8px !important;
-  font-weight: 600;
-}
-
 /*! calendar theme variables */
 /*! component icons */
 .e-calendar .e-header .e-date-icon-prev::before {
@@ -70,11 +11,6 @@
   content: "\e729";
 }
 
-
-
-
-
-/*! calendar theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -469,11 +405,6 @@ ejs-calendar {
   min-height: 336px;
 }
 
-
-
-
-
-/*! calendar theme variables */
 .e-calendar {
   background-color: var(--color-sf-bg-primary-alt);
   border: 1px solid var(--color-sf-border-secondary);
@@ -725,153 +656,6 @@ ejs-calendar {
   border-radius: 30px;
 }
 
-/* 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 */
 /*! component icons */
 .e-time-wrapper .e-time-icon.e-icons::before,
 *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
@@ -884,10 +668,6 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-
-
-
-
 .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -1095,10 +875,6 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
-
-
-
-
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-text-primary);
 }
@@ -1194,10 +970,6 @@ ejs-calendar {
   content: "\e765";
 }
 
-
-
-
-
 .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -1552,10 +1324,6 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
-
-
-
-
 .e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid var(--color-sf-border-secondary);
@@ -1641,15 +1409,6 @@ ejs-calendar {
   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;
@@ -2292,15 +2051,6 @@ ejs-calendar {
   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);
 }
@@ -2409,10 +2159,6 @@ ejs-calendar {
   font-family: "e-icons";
 }
 
-
-
-
-
 .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
   display: -webkit-box;
@@ -2558,10 +2304,6 @@ ejs-calendar {
   width: 100%;
 }
 
-
-
-
-
 /*! datetimepicker theme */
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-text-primary);

package/styles/bds-lite.scss

@@ -1,18 +1,15 @@
-@use 'ej2-buttons/styles/button/bds-definition' as *;
 @use 'calendar/bds-definition' as *;
 @use 'calendar/icons/bds' as *;
-@use 'calendar/all.bds' as *;
-@use 'ej2-inputs/styles/input/bds-definition' as *;
-@use 'ej2-popups/styles/popup/bds-definition' as *;
+@use 'calendar/all' as *;
 @use 'timepicker/bds-definition' as *;
 @use 'timepicker/icons/bds' as *;
-@use 'timepicker/all.bds' as *;
+@use 'timepicker/all' as *;
 @use 'datepicker/bds-definition' as *;
 @use 'datepicker/icons/bds' as *;
-@use 'datepicker/all.bds' as *;
+@use 'datepicker/all' as *;
 @use 'daterangepicker/bds-definition' as *;
 @use 'daterangepicker/icons/bds' as *;
-@use 'daterangepicker/all.bds' as *;
+@use 'daterangepicker/all' as *;
 @use 'datetimepicker/bds-definition' as *;
 @use 'datetimepicker/icons/bds' as *;
-@use 'datetimepicker/all.bds' as *;
+@use 'datetimepicker/all' as *;