@syncfusion/ej2-calendars 28.2.11 → 29.1.33

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.11
+*  version : 29.1.33
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@28.2.9",
+  "_id": "@syncfusion/ej2-calendars@18.32.5",
   "_inBundle": false,
-  "_integrity": "sha512-xBMuaPDG/UZbCwpyiE+HinHcj/yvpYTkLM5Qbfstt6CNCEAYLPuyM2rsRT+5Rr1GR1TXkQ1VnJ+YLJ/MeupLeQ==",
+  "_integrity": "sha512-oThXVtFZLWtWSij0H2ZsToVSIjmQV4tCYCvrXtGWiTi0h4yFDjI+esu/3RrWn8U3n79NXRq0QnLdZtdV+IUilA==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -31,10 +31,10 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-28.2.9.tgz",
-  "_shasum": "aa9b8be55d980337d8923bbad8297e15436f26fa",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-calendars/-/ej2-calendars-18.32.5.tgz",
+  "_shasum": "728901b1333352dba23dbf2f4b61d57588b0aed4",
   "_spec": "@syncfusion/ej2-calendars@*",
-  "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -43,11 +43,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.9",
-    "@syncfusion/ej2-buttons": "~28.2.7",
-    "@syncfusion/ej2-inputs": "~28.2.11",
-    "@syncfusion/ej2-lists": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.9"
+    "@syncfusion/ej2-base": "~29.1.33",
+    "@syncfusion/ej2-buttons": "~29.1.33",
+    "@syncfusion/ej2-inputs": "~29.1.33",
+    "@syncfusion/ej2-lists": "~29.1.33",
+    "@syncfusion/ej2-popups": "~29.1.33"
   },
   "deprecated": false,
   "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.",
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "28.2.11",
+  "version": "29.1.33",
   "sideEffects": false
 }

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

@@ -53,6 +53,14 @@ export interface DatePickerModel extends CalendarModel{
      */
     format?: string | FormatObject;
 
+    /**
+     * Specifies an array of acceptable date input formats for parsing user input.
+     *
+     * @default null
+     * @aspType string[]
+     */
+    inputFormats?: string[] | FormatObject[];
+
     /**
      * Specifies the component to be disabled or not.
      *

package/src/datepicker/datepicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../calendar/calendar-model.d.ts" />
 import { KeyboardEventArgs, EmitType, L10n } from '@syncfusion/ej2-base';
-import { Touch } from '@syncfusion/ej2-base';
+import { Touch, SwipeEventArgs } from '@syncfusion/ej2-base';
 import { ModuleDeclaration } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';
@@ -51,6 +51,7 @@ export declare class DatePicker extends Calendar implements IInput {
     protected invalidValueString: string;
     private checkPreviousValue;
     protected formatString: string;
+    protected inputFormatsString: string[];
     protected tabIndex: string;
     protected maskedDateValue: string;
     private datepickerOptions;
@@ -110,6 +111,13 @@ export declare class DatePicker extends Calendar implements IInput {
      * @aspType string
      */
     format: string | FormatObject;
+    /**
+     * Specifies an array of acceptable date input formats for parsing user input.
+     *
+     * @default null
+     * @aspType string[]
+     */
+    inputFormats: string[] | FormatObject[];
     /**
      * Specifies the component to be disabled or not.
      *
@@ -449,7 +457,7 @@ export declare class DatePicker extends Calendar implements IInput {
     private modelHeader;
     private modelCloseHandler;
     protected changeTrigger(event?: MouseEvent | KeyboardEvent): void;
-    protected navigatedEvent(): void;
+    protected navigatedEvent(eve: MouseEvent | KeyboardEvent | SwipeEventArgs): void;
     protected keyupHandler(e: KeyboardEventArgs): void;
     protected changeEvent(event?: MouseEvent | KeyboardEvent | Event): void;
     requiredModules(): ModuleDeclaration[];
@@ -518,6 +526,7 @@ export declare class DatePicker extends Calendar implements IInput {
     };
     protected validationAttribute(target: HTMLElement, inputElement: Element): void;
     protected checkFormat(): void;
+    protected checkInputFormats(): void;
     private checkHtmlAttributes;
     /**
      * To get component name.
@@ -539,6 +548,12 @@ export declare class DatePicker extends Calendar implements IInput {
      * @private
      */
     onPropertyChanged(newProp: DatePickerModel, oldProp: DatePickerModel): void;
+    /**
+     * @private
+     * @param {Date | Date[]} dates - Specifies the date or dates to be added to the values property of the Calendar.
+     * @returns {void}
+     */
+    addDate(dates: Date | Date[]): void;
 }
 export interface PopupObjectArgs {
     /** Prevents the default action */

package/src/datepicker/datepicker.js

@@ -951,9 +951,43 @@ var DatePicker = /** @class */ (function (_super) {
                 }
                 date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), formatOptions);
             }
+            if ((isNullOrUndefined(date) || (typeof (date) === 'object' && isNaN(date.getTime())))
+                && !isNullOrUndefined(this.inputFormatsString)) {
+                for (var _i = 0, _a = this.inputFormatsString; _i < _a.length; _i++) {
+                    var format_1 = _a[_i];
+                    var inputFormatOptions = void 0;
+                    if (this.calendarMode === 'Gregorian') {
+                        inputFormatOptions = { format: format_1, type: 'dateTime', skeleton: 'yMd' };
+                    }
+                    else {
+                        inputFormatOptions = { format: format_1, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
+                    }
+                    date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), inputFormatOptions);
+                    if (!isNullOrUndefined(date) && date instanceof Date && !isNaN(date.getTime())) {
+                        break;
+                    }
+                }
+            }
         }
         else {
             date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), dateOptions);
+            if ((isNullOrUndefined(date) || (typeof (date) === 'object' && isNaN(date.getTime())))
+                && !isNullOrUndefined(this.inputFormatsString)) {
+                for (var _b = 0, _c = this.inputFormatsString; _b < _c.length; _b++) {
+                    var format_2 = _c[_b];
+                    var inputFormatOptions = void 0;
+                    if (this.calendarMode === 'Gregorian') {
+                        inputFormatOptions = { format: format_2, type: 'dateTime', skeleton: 'yMd' };
+                    }
+                    else {
+                        inputFormatOptions = { format: format_2, type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
+                    }
+                    date = this.globalize.parseDate(this.getAmPmValue(this.inputElement.value), inputFormatOptions);
+                    if (!isNullOrUndefined(date) && date instanceof Date && !isNaN(date.getTime())) {
+                        break;
+                    }
+                }
+            }
             date = (!isNullOrUndefined(date) && isNaN(+date)) ? null : date;
             if (!isNullOrUndefined(this.formatString) && this.inputElement.value !== '' && this.strictMode) {
                 if ((this.isPopupClicked || (!this.isPopupClicked && this.inputElement.value === this.previousElementValue))
@@ -1197,7 +1231,8 @@ var DatePicker = /** @class */ (function (_super) {
         }
         this.isKeyAction = false;
     };
-    DatePicker.prototype.navigatedEvent = function () {
+    DatePicker.prototype.navigatedEvent = function (eve) {
+        extend(this.navigatedArgs, { name: 'navigated', event: eve });
         this.trigger('navigated', this.navigatedArgs);
     };
     DatePicker.prototype.keyupHandler = function (e) {
@@ -1632,6 +1667,9 @@ var DatePicker = /** @class */ (function (_super) {
         this.updateHtmlAttributeToElement();
         this.defaultKeyConfigs = this.getDefaultKeyConfig();
         this.checkHtmlAttributes(false);
+        if (this.inputFormats) {
+            this.checkInputFormats();
+        }
         this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
         this.element.removeAttribute('tabindex');
         _super.prototype.preRender.call(this);
@@ -1704,6 +1742,37 @@ var DatePicker = /** @class */ (function (_super) {
             this.formatString = null;
         }
     };
+    DatePicker.prototype.checkInputFormats = function () {
+        var culture = new Internationalization(this.locale);
+        this.inputFormatsString = [];
+        if (this.inputFormats) {
+            for (var _i = 0, _a = this.inputFormats; _i < _a.length; _i++) {
+                var format = _a[_i];
+                var formatString = '';
+                if (typeof format === 'string') {
+                    formatString = format;
+                }
+                else if (format.skeleton !== '' && !isNullOrUndefined(format.skeleton)) {
+                    var skeletonString = format.skeleton;
+                    if (this.getModuleName() === 'datetimepicker') {
+                        formatString = culture.getDatePattern({ skeleton: skeletonString, type: 'dateTime' });
+                    }
+                    else {
+                        formatString = culture.getDatePattern({ skeleton: skeletonString, type: 'date' });
+                    }
+                }
+                if (formatString) {
+                    this.inputFormatsString.push(formatString);
+                }
+            }
+            if (this.inputFormatsString.length === 0) {
+                this.inputFormatsString = null;
+            }
+        }
+        else {
+            this.inputFormatsString = null;
+        }
+    };
     DatePicker.prototype.checkHtmlAttributes = function (dynamic) {
         this.globalize = new Internationalization(this.locale);
         this.checkFormat();
@@ -1956,6 +2025,9 @@ var DatePicker = /** @class */ (function (_super) {
                         }
                     }
                     break;
+                case 'inputFormats':
+                    this.checkInputFormats();
+                    break;
                 case 'allowEdit':
                     this.setAllowEdit();
                     break;
@@ -2060,6 +2132,14 @@ var DatePicker = /** @class */ (function (_super) {
             this.isDynamicValueChanged = false;
         }
     };
+    /**
+     * @private
+     * @param {Date | Date[]} dates - Specifies the date or dates to be added to the values property of the Calendar.
+     * @returns {void}
+     */
+    DatePicker.prototype.addDate = function (dates) {
+        // no code
+    };
     __decorate([
         Property(null)
     ], DatePicker.prototype, "width", void 0);
@@ -2075,6 +2155,9 @@ var DatePicker = /** @class */ (function (_super) {
     __decorate([
         Property(null)
     ], DatePicker.prototype, "format", void 0);
+    __decorate([
+        Property(null)
+    ], DatePicker.prototype, "inputFormats", void 0);
     __decorate([
         Property(true)
     ], DatePicker.prototype, "enabled", void 0);

package/src/datetimepicker/datetimepicker.js

@@ -609,10 +609,12 @@ var DateTimePicker = /** @class */ (function (_super) {
         }
         else {
             if (!this.readonly) {
-                this.dateTimeWrapper = createElement('div', {
+                var dateTimeWrapperElement = createElement('div', {
                     className: ROOT + ' ' + POPUP,
-                    attrs: { 'id': this.element.id + '_timepopup', 'style': 'visibility:hidden ; display:block' }
+                    attrs: { 'id': this.element.id + '_timepopup' }
                 });
+                dateTimeWrapperElement.style.cssText = 'visibility: hidden; display: block;';
+                this.dateTimeWrapper = dateTimeWrapperElement;
                 if (!isNullOrUndefined(this.cssClass)) {
                     this.dateTimeWrapper.className += ' ' + this.cssClass;
                 }

package/src/maskbase/interface.d.ts

@@ -15,6 +15,7 @@ export interface IMaskedDateTime extends Component<HTMLElement> {
     locale: string;
     inputElement: HTMLInputElement;
     inputWrapper: InputObject;
+    strictMode: boolean;
     value: Date;
     updateInputValue(value?: string): void;
     dateTimeFormat: string;

package/src/maskbase/masked-date-time.js

@@ -920,6 +920,11 @@ var MaskedDateTime = /** @class */ (function () {
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
         this.parent.updateInputValue(inputValue);
+        if (this.parent.strictMode && (this.dayTypeCount !== 0 || this.monthTypeCount !== 0)) {
+            this.isLeadingZero = false;
+        }
+        this.dayTypeCount = 0;
+        this.monthTypeCount = 0;
     };
     MaskedDateTime.prototype.destroy = function () {
         this.removeEventListener();

package/src/timepicker/timepicker.js

@@ -555,8 +555,9 @@ var TimePicker = /** @class */ (function (_super) {
     TimePicker.prototype.popupCreation = function () {
         this.popupWrapper = this.createElement('div', {
             className: ROOT + ' ' + POPUP,
-            attrs: { 'id': this.element.id + '_popup', 'style': 'visibility:hidden' }
+            attrs: { 'id': this.element.id + '_popup' }
         });
+        this.popupWrapper.style.visibility = 'hidden';
         this.popupWrapper.setAttribute('aria-label', this.element.id);
         this.popupWrapper.setAttribute('role', 'dialog');
         if (!isNullOrUndefined(this.cssClass)) {

package/styles/bds-lite.css

@@ -1971,12 +1971,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -1989,6 +1983,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;

package/styles/bds.css

@@ -2700,12 +2700,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -2718,6 +2712,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;

package/styles/bootstrap-dark-lite.css

@@ -449,7 +449,7 @@ ejs-calendar {
   color: #585858;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #0058bd;
+  background-color: rgb(0, 88.2, 189);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -504,7 +504,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #0058bd;
+  background: rgb(0, 88.2, 189);
   color: #f0f0f0;
 }
 .e-calendar .e-content span {
@@ -1680,12 +1680,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -1698,6 +1692,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -1998,7 +1998,7 @@ ejs-calendar {
   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: #2a2a2a;
+  background-color: rgb(41.75, 41.75, 41.75);
   border: none;
   color: #f0f0f0;
 }
@@ -2019,11 +2019,11 @@ ejs-calendar {
   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: #0058bd;
+  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: #0058bd;
+  background-color: rgb(0, 88.2, 189);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {

package/styles/bootstrap-dark.css

@@ -449,7 +449,7 @@ ejs-calendar {
   color: #585858;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #0058bd;
+  background-color: rgb(0, 88.2, 189);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -504,7 +504,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #0058bd;
+  background: rgb(0, 88.2, 189);
   color: #f0f0f0;
 }
 .e-calendar .e-content span {
@@ -801,7 +801,7 @@ ejs-calendar {
   color: #585858;
 }
 .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #0058bd;
+  background-color: rgb(0, 88.2, 189);
 }
 .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -856,7 +856,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background-color: #0058bd;
+  background-color: rgb(0, 88.2, 189);
   color: #f0f0f0;
 }
 .e-bigger.e-small .e-calendar .e-content span {
@@ -2338,12 +2338,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -2356,6 +2350,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -2656,7 +2656,7 @@ ejs-calendar {
   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: #2a2a2a;
+  background-color: rgb(41.75, 41.75, 41.75);
   border: none;
   color: #f0f0f0;
 }
@@ -2677,11 +2677,11 @@ ejs-calendar {
   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: #0058bd;
+  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: #0058bd;
+  background-color: rgb(0, 88.2, 189);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
@@ -3252,7 +3252,7 @@ ejs-calendar {
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
-  background-color: #2a2a2a;
+  background-color: rgb(41.75, 41.75, 41.75);
   border: none;
   color: #f0f0f0;
 }
@@ -3288,12 +3288,12 @@ ejs-calendar {
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
-  background-color: #0058bd;
+  background-color: rgb(0, 88.2, 189);
   color: #fff;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
 .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: #0058bd;
+  background-color: rgb(0, 88.2, 189);
   color: #fff;
 }
 .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,

package/styles/bootstrap-lite.css

@@ -450,7 +450,7 @@ ejs-calendar {
   color: #ccc;
 }
 .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
-  background-color: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
 }
 .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
   background: none;
@@ -505,7 +505,7 @@ ejs-calendar {
   color: #fff;
 }
 .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
-  background: #265f91;
+  background: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-calendar .e-content span {
@@ -1687,12 +1687,6 @@ ejs-calendar {
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
   margin: 3vh 0 0 0;
 }
-.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
-  min-width: 100%;
-  width: 100%;
-  padding: 0;
-  overflow: unset;
-}
 @media (max-height: 600px) {
   .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
     min-height: 100%;
@@ -1705,6 +1699,12 @@ ejs-calendar {
     height: 80vh;
   }
 }
+.e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
+  min-width: 100%;
+  width: 100%;
+  padding: 0;
+  overflow: unset;
+}
 .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
   height: 10vh;
   border-style: solid;
@@ -2005,7 +2005,7 @@ ejs-calendar {
   color: #333;
 }
 .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: #cfcfcf;
+  background-color: rgb(206.75, 206.75, 206.75);
   border: none;
   color: #333;
 }
@@ -2026,11 +2026,11 @@ ejs-calendar {
   color: #ccc;
 }
 .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: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
-  background-color: #265f91;
+  background-color: rgb(38.3205128205, 95.4102564103, 144.6794871795);
   color: #fff;
 }
 .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {