@syncfusion/ej2-calendars 31.1.19 → 31.1.20

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.19
+*  version : 31.1.20
 *  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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-calendars",
-  "version": "31.1.19",
+  "version": "31.1.20",
   "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": "~31.1.17",
+    "@syncfusion/ej2-base": "~31.1.20",
     "@syncfusion/ej2-buttons": "~31.1.17",
-    "@syncfusion/ej2-inputs": "~31.1.17",
+    "@syncfusion/ej2-inputs": "~31.1.20",
     "@syncfusion/ej2-lists": "~31.1.17",
-    "@syncfusion/ej2-popups": "~31.1.17"
+    "@syncfusion/ej2-popups": "~31.1.20"
   },
   "devDependencies": {},
   "keywords": [

package/src/calendar/calendar.js

@@ -194,6 +194,8 @@ var CalendarBase = /** @class */ (function (_super) {
         }
     };
     CalendarBase.prototype.minMaxUpdate = function (value) {
+        this.min = isNullOrUndefined(this.min) || !(+this.min) ? this.min = new Date(1900, 0, 1) : this.min;
+        this.max = isNullOrUndefined(this.max) || !(+this.max) ? this.max = new Date(2099, 11, 31) : this.max;
         if (!(+this.min <= +this.max)) {
             this.setProperties({ min: this.min }, true);
             addClass([this.element], OVERLAY);
@@ -201,8 +203,6 @@ var CalendarBase = /** @class */ (function (_super) {
         else {
             removeClass([this.element], OVERLAY);
         }
-        this.min = isNullOrUndefined(this.min) || !(+this.min) ? this.min = new Date(1900, 0, 1) : this.min;
-        this.max = isNullOrUndefined(this.max) || !(+this.max) ? this.max = new Date(2099, 11, 31) : this.max;
         if (+this.min <= +this.max && value && +value <= +this.max && +value >= +this.min) {
             this.currentDate = new Date(this.checkValue(value));
         }

package/styles/calendar/_material3-definition.scss

@@ -56,7 +56,7 @@ $calendar-bigger-header-height: 48px !default;
 $calendar-bigger-today-button-height: 48px !default;
 $calendar-normal-header-padding: 10px 10px 0 10px !default;
 $calendar-normal-max-width: 252px !default;
-$calendar-normal-min-height: 336px !default;
+$calendar-normal-min-height: 280px !default;
 $calendar-normal-min-width: 240px !default;
 $calendar-small-max-width: $calendar-normal-max-width !default;
 $calendar-small-min-width: $calendar-normal-min-width !default;

package/styles/calendar/_theme.scss

@@ -713,6 +713,10 @@
       border-color: transparent;
       color: $calendar-today-disabled-color;
     }
+    @if $skin-name == 'tailwind3' {
+      background-color: $calendar-today-disabled-background-style;
+      border-color: $calendar-today-disabled-border-style;
+    }
   }
   .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
     box-shadow: $calendar-focused-cell-box-shadow;

package/styles/calendar/material3-dark.css

@@ -216,7 +216,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;
@@ -1115,7 +1115,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;

package/styles/calendar/material3.css

@@ -218,7 +218,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;
@@ -1117,7 +1117,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;

package/styles/calendar/tailwind3.css

@@ -660,6 +660,14 @@ ejs-calendar {
   outline: none;
 }
 
+.e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled {
+  background-color: var(--color-sf-primary-bg-color-disabled);
+  border-color: var(--color-sf-primary-border-color-disabled);
+}
+
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   -webkit-box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);
           box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);

package/styles/material3-dark-lite.css

@@ -216,7 +216,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;

package/styles/material3-dark.css

@@ -216,7 +216,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;
@@ -1115,7 +1115,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;

package/styles/material3-lite.css

@@ -218,7 +218,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;

package/styles/material3.css

@@ -218,7 +218,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;
@@ -1117,7 +1117,7 @@ ejs-calendar {
   max-width: 252px;
   min-width: 240px;
   padding: 0;
-  min-height: 336px;
+  min-height: 280px;
 }
 .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
   max-width: 100%;

package/styles/tailwind3-lite.css

@@ -660,6 +660,14 @@ ejs-calendar {
   outline: none;
 }
 
+.e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled {
+  background-color: var(--color-sf-primary-bg-color-disabled);
+  border-color: var(--color-sf-primary-border-color-disabled);
+}
+
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   -webkit-box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);
           box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);

package/styles/tailwind3.css

@@ -660,6 +660,14 @@ ejs-calendar {
   outline: none;
 }
 
+.e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled,
+.e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled {
+  background-color: var(--color-sf-primary-bg-color-disabled);
+  border-color: var(--color-sf-primary-border-color-disabled);
+}
+
 .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
   -webkit-box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);
           box-shadow: 0 0 0 1px var(--color-sf-content-text-color-alt3);