@syncfusion/ej2-calendars 32.1.23 → 32.1.25

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.23
+*  version : 32.1.25
 *  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": "32.1.23",
+  "version": "32.1.25",
   "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": "~32.1.23",
-    "@syncfusion/ej2-buttons": "~32.1.23",
-    "@syncfusion/ej2-inputs": "~32.1.22",
-    "@syncfusion/ej2-lists": "~32.1.23",
-    "@syncfusion/ej2-popups": "~32.1.19"
+    "@syncfusion/ej2-base": "~32.1.24",
+    "@syncfusion/ej2-buttons": "~32.1.24",
+    "@syncfusion/ej2-inputs": "~32.1.24",
+    "@syncfusion/ej2-lists": "~32.1.24",
+    "@syncfusion/ej2-popups": "~32.1.25"
   },
   "devDependencies": {},
   "keywords": [

package/src/calendar/calendar.js

@@ -646,15 +646,21 @@ var CalendarBase = /** @class */ (function (_super) {
                 e.preventDefault();
                 break;
             case 'tab':
-                if ((this.getModuleName() === 'datepicker' || this.getModuleName() === 'datetimepicker') && e.target === this.todayElement) {
-                    e.preventDefault();
-                    if (this.isAngular) {
-                        this.inputElement.focus();
-                    }
-                    else {
-                        this.element.focus();
+                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();
+                        }
+                        this.hide();
                     }
-                    this.hide();
                 }
                 break;
             case 'shiftTab':

package/styles/bds-lite.css

@@ -70,6 +70,11 @@
   content: "\e729";
 }
 
+
+
+
+
+/*! calendar theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -464,6 +469,11 @@ 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);
@@ -874,6 +884,10 @@ 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;
@@ -1081,6 +1095,10 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
+
+
+
+
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-text-primary);
 }
@@ -1176,6 +1194,10 @@ 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;
@@ -1530,6 +1552,10 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
+
+
+
+
 .e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid var(--color-sf-border-secondary);
@@ -1615,6 +1641,15 @@ 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;
@@ -2257,6 +2292,15 @@ 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);
 }
@@ -2365,6 +2409,10 @@ 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;
@@ -2510,6 +2558,10 @@ 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,18 @@
 @use 'ej2-buttons/styles/button/bds-definition' as *;
 @use 'calendar/bds-definition' as *;
 @use 'calendar/icons/bds' as *;
-@use 'calendar/all' as *;
+@use 'calendar/all.bds' as *;
 @use 'ej2-inputs/styles/input/bds-definition' as *;
 @use 'ej2-popups/styles/popup/bds-definition' as *;
 @use 'timepicker/bds-definition' as *;
 @use 'timepicker/icons/bds' as *;
-@use 'timepicker/all' as *;
+@use 'timepicker/all.bds' as *;
 @use 'datepicker/bds-definition' as *;
 @use 'datepicker/icons/bds' as *;
-@use 'datepicker/all' as *;
+@use 'datepicker/all.bds' as *;
 @use 'daterangepicker/bds-definition' as *;
 @use 'daterangepicker/icons/bds' as *;
-@use 'daterangepicker/all' as *;
+@use 'daterangepicker/all.bds' as *;
 @use 'datetimepicker/bds-definition' as *;
 @use 'datetimepicker/icons/bds' as *;
-@use 'datetimepicker/all' as *;
+@use 'datetimepicker/all.bds' as *;

package/styles/bds.css

@@ -70,6 +70,11 @@
   content: "\e729";
 }
 
+
+
+
+
+/*! calendar theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -464,6 +469,11 @@ 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);
@@ -715,6 +725,11 @@ ejs-calendar {
   border-radius: 30px;
 }
 
+
+
+
+
+/*! calendar theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 312px;
@@ -1522,6 +1537,10 @@ 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;
@@ -1729,6 +1748,10 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
+
+
+
+
 .e-time-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-text-primary);
 }
@@ -1787,6 +1810,10 @@ ejs-calendar {
   font-weight: 500;
 }
 
+
+
+
+
 .e-bigger .e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
 *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
@@ -1867,6 +1894,10 @@ 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;
@@ -2221,6 +2252,10 @@ ejs-calendar {
   }
 }
 /* stylelint-enable */
+
+
+
+
 .e-datepicker.e-popup-wrapper,
 .e-small.e-datepicker.e-popup-wrapper {
   border: 1px solid var(--color-sf-border-secondary);
@@ -2244,6 +2279,10 @@ ejs-calendar {
   color: var(--color-sf-fg-secondary);
 }
 
+
+
+
+
 .e-datepicker.e-bigger.e-popup-wrapper,
 .e-bigger .e-datepicker.e-popup-wrapper {
   margin-top: 0;
@@ -2344,6 +2383,15 @@ 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;
@@ -2986,6 +3034,15 @@ 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);
 }
@@ -3088,6 +3145,15 @@ ejs-calendar {
   color: var(--color-sf-text-secondary);
 }
 
+
+
+
+
+/* stylelint-disable */
+.e-daterangepicker.e-popup .e-footer {
+  border-top: 1px solid 1px solid var(--color-sf-border-secondary) !important;
+}
+
 .e-bigger .e-daterangepicker.e-range-modal,
 *.e-device.e-daterangepicker.e-range-modal {
   background-color: rgba(var(--color-sf-bg-secondary-hover), 0.6);
@@ -3742,6 +3808,10 @@ 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;
@@ -3887,6 +3957,10 @@ ejs-calendar {
   width: 100%;
 }
 
+
+
+
+
 /*! datetimepicker theme */
 .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
   color: var(--color-sf-text-primary);
@@ -3922,6 +3996,10 @@ ejs-calendar {
   color: var(--color-sf-text-secondary-hover);
 }
 
+
+
+
+
 .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
 *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
   font-size: 18px;

package/styles/bds.scss

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

package/styles/bootstrap-dark-lite.scss

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

package/styles/bootstrap-dark.scss

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

package/styles/bootstrap-lite.css

@@ -7,6 +7,7 @@
   content: "\e916";
 }
 
+/*! calendar bootstrap theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -368,6 +369,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar bootstrap theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/bootstrap-lite.scss

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

package/styles/bootstrap.css

@@ -7,6 +7,7 @@
   content: "\e916";
 }
 
+/*! calendar bootstrap theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -368,6 +369,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar bootstrap theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);
@@ -599,6 +601,7 @@ ejs-calendar {
   border-radius: 4px;
 }
 
+/*! calendar bootstrap theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 284px;

package/styles/bootstrap.scss

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

package/styles/bootstrap4-lite.css

@@ -7,6 +7,7 @@
   content: "\e705";
 }
 
+/*! calendar bootstrap theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -368,6 +369,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar bootstrap theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/bootstrap4-lite.scss

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

package/styles/bootstrap4.css

@@ -7,6 +7,7 @@
   content: "\e705";
 }
 
+/*! calendar bootstrap theme variables */
 /*! calendar layout */
 ejs-calendar {
   display: block;
@@ -368,6 +369,7 @@ ejs-calendar {
   min-height: 336px;
 }
 
+/*! calendar bootstrap theme variables */
 .e-calendar {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);
@@ -599,6 +601,7 @@ ejs-calendar {
   border-radius: 4px;
 }
 
+/*! calendar bootstrap theme variables */
 .e-bigger.e-calendar,
 *.e-bigger .e-calendar {
   max-width: 310px;