@syncfusion/ej2-calendars 33.2.13 → 34.1.29

package/helpers/e2e/timepickerHelper.js

@@ -0,0 +1,63 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var timepickerHelper = (function (_super) {
+        __extends(timepickerHelper, _super);
+        function timepickerHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
+        }
+        timepickerHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        timepickerHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        timepickerHelper.prototype.getTimePickerInput = function () {
+            return this.selector('.e-control.e-timepicker.e-lib.e-input');
+        };
+        timepickerHelper.prototype.getTimePickerIcon = function () {
+            return this.selector('.e-time-wrapper .e-time-icon');
+        };
+        timepickerHelper.prototype.getTimePickerClearIcon = function () {
+            return this.selector('.e-time-wrapper .e-clear-icon');
+        };
+        timepickerHelper.prototype.getTimePicker = function () {
+            return this.selector('.e-input-group.e-control-wrapper');
+        };
+        timepickerHelper.prototype.getTimePickerContent = function () {
+            return this.selector('.e-timepicker .e-content');
+        };
+        timepickerHelper.prototype.getTimePickerListContent = function () {
+            return this.selector('.e-timepicker .e-content .e-list-parent');
+        };
+        timepickerHelper.prototype.getTimePickerListItem = function () {
+            return this.selector('.e-timepicker .e-content .e-list-parent .e-list-item');
+        };
+        timepickerHelper.prototype.getTimePickerDisabledTime = function () {
+            return this.selector('.e-timepicker .e-content .e-list-parent .e-list-item.e-disabled');
+        };
+        timepickerHelper.prototype.getTimePickerSelectedTime = function () {
+            return this.selector('.e-timepicker .e-content .e-list-parent .e-list-item.e-active');
+        };
+        return timepickerHelper;
+    }(e2e_1.TestHelper));
+    exports.timepickerHelper = timepickerHelper;
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-calendars",
-  "version": "33.2.13",
+  "version": "34.1.29",
   "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.5",
-    "@syncfusion/ej2-inputs": "~33.2.12",
-    "@syncfusion/ej2-lists": "~33.2.3",
-    "@syncfusion/ej2-popups": "~33.2.7"
+    "@syncfusion/ej2-base": "~34.1.29",
+    "@syncfusion/ej2-buttons": "~34.1.29",
+    "@syncfusion/ej2-inputs": "~34.1.29",
+    "@syncfusion/ej2-lists": "~34.1.29",
+    "@syncfusion/ej2-popups": "~34.1.29"
   },
   "devDependencies": {},
   "keywords": [

package/src/calendar/calendar.d.ts

@@ -378,6 +378,7 @@ export declare class CalendarBase extends Component<HTMLElement> implements INot
     protected todayButtonClick(e?: MouseEvent | KeyboardEvent, value?: Date, isCustomDate?: boolean): void;
     protected resetCalendar(): void;
     protected keyActionHandle(e: KeyboardEventArgs, value?: Date, multiSelection?: boolean): void;
+    protected getPopupFocusableElements(container: HTMLElement): HTMLElement[];
     protected keyboardNavigate(number: number, currentView: number, e: KeyboardEvent, max: Date, min: Date): void;
     /**
      * Initialize the event handler

package/src/calendar/calendar.js

@@ -647,32 +647,29 @@ var CalendarBase = /** @class */ (function (_super) {
                 break;
             case 'tab':
                 if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
-                    var hasToday = this.showTodayButton && !isNullOrUndefined(this.todayElement);
-                    var isLastFocusable = hasToday
-                        ? (e.target === this.todayElement)
-                        : (e.target === this.table);
-                    if (isLastFocusable) {
-                        e.preventDefault();
-                        if (this.isAngular) {
-                            this.inputElement.focus();
-                        }
-                        else {
-                            this.element.focus();
+                    var popupEl = this.popupWrapper;
+                    if (!isNullOrUndefined(popupEl)) {
+                        var focusable = this.getPopupFocusableElements(popupEl);
+                        var lastIndex = focusable.length - 1;
+                        if (focusable.length > 0 && e.target === focusable[lastIndex]) {
+                            e.preventDefault();
+                            focusable[0].focus();
+                            // popup stays open — no hide() call
                         }
-                        this.hide();
                     }
                 }
                 break;
             case 'shiftTab':
-                if ((this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') && e.target === this.headerTitleElement) {
-                    e.preventDefault();
-                    if (this.isAngular) {
-                        this.inputElement.focus();
-                    }
-                    else {
-                        this.element.focus();
+                if (this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') {
+                    var popupEl = this.popupWrapper;
+                    if (!isNullOrUndefined(popupEl)) {
+                        var focusable = this.getPopupFocusableElements(popupEl);
+                        if (focusable.length > 0 && e.target === focusable[0]) {
+                            e.preventDefault();
+                            focusable[focusable.length - 1].focus();
+                            // popup stays open — no hide() call
+                        }
                     }
-                    this.hide();
                 }
                 break;
             case 'escape':
@@ -682,6 +679,15 @@ var CalendarBase = /** @class */ (function (_super) {
                 break;
         }
     };
+    CalendarBase.prototype.getPopupFocusableElements = function (container) {
+        var selector = [
+            'button:not([disabled]):not([tabindex="-1"])',
+            'td[tabindex="0"]:not([aria-disabled="true"])',
+            '[tabindex="0"]:not([disabled])'
+        ].join(', ');
+        return Array.from(container.querySelectorAll(selector))
+            .filter(function (el) { return !isNullOrUndefined(el.offsetParent); });
+    };
     CalendarBase.prototype.keyboardNavigate = function (number, currentView, e, max, min) {
         var date = new Date(this.checkValue(this.currentDate));
         switch (currentView) {

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>

package/src/daterangepicker/daterangepicker.js

@@ -1191,6 +1191,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 +1203,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 +1276,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 *;