@syncfusion/ej2-calendars 28.1.36 → 28.1.39

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 28.1.39
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _calendars from '@syncfusion/ej2-calendars';
 
 export declare namespace ej {

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@28.1.35",
+  "_id": "@syncfusion/ej2-calendars@28.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-JZoZFFC7eUE+TkRdig642IEXynsfXXHaOx0cPlsBBGQFImbe5+jpY7atCHtw2pQQHVV+qVzySKT2YnSSxEAhXA==",
+  "_integrity": "sha512-BEUDBPMzWc5cw7sRi8fPKfsdrJMV/bcWDUATiEyj755GsvoPPCvSypdy9iBZmfjYzTeJCchzy9XZu379tAgLrA==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -18,6 +18,7 @@
   },
   "_requiredBy": [
     "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-calendars",
     "/@syncfusion/ej2-charts",
     "/@syncfusion/ej2-documenteditor",
@@ -25,12 +26,13 @@
     "/@syncfusion/ej2-grids",
     "/@syncfusion/ej2-inplace-editor",
     "/@syncfusion/ej2-pivotview",
+    "/@syncfusion/ej2-querybuilder",
     "/@syncfusion/ej2-react-calendars",
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-28.1.35.tgz",
-  "_shasum": "f0512bda760bd25724b8346dbcd24e4df5b7398e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-28.1.37.tgz",
+  "_shasum": "d0c3c65c858162b7c1c8f84e38ecc9633428baf5",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -42,10 +44,10 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
-    "@syncfusion/ej2-buttons": "~28.1.36",
-    "@syncfusion/ej2-inputs": "~28.1.33",
-    "@syncfusion/ej2-lists": "~28.1.33",
-    "@syncfusion/ej2-popups": "~28.1.33"
+    "@syncfusion/ej2-buttons": "~28.1.39",
+    "@syncfusion/ej2-inputs": "~28.1.37",
+    "@syncfusion/ej2-lists": "~28.1.37",
+    "@syncfusion/ej2-popups": "~28.1.39"
   },
   "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.",
@@ -78,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.36",
+  "version": "28.1.39",
   "sideEffects": false
 }

package/src/daterangepicker/daterangepicker.js

@@ -980,10 +980,8 @@ var DateRangePicker = /** @class */ (function (_super) {
                 if (range.length > 1) {
                     this.invalidValueString = null;
                     var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
-                    var start = this.globalize.parseDate(this.getAmPmValue(range[0]), dateOptions);
-                    var end = this.globalize.parseDate(this.getAmPmValue(range[1]), dateOptions);
-                    var startDate = this.getStartEndDate(start, false, range, dateOptions);
-                    var endDate = this.getStartEndDate(end, true, range, dateOptions);
+                    var startDate = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
+                    var endDate = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
                     if (!isNullOrUndefined(startDate) && !isNaN(+startDate) && !isNullOrUndefined(endDate) && !isNaN(+endDate)) {
                         var prevStartVal = this.startValue;
                         this.startValue = startDate;
@@ -1055,14 +1053,11 @@ var DateRangePicker = /** @class */ (function (_super) {
         }
         this.updateHiddenInput();
     };
-    DateRangePicker.prototype.getStartEndDate = function (date, isEnd, range, dateOptions) {
-        if (this.depth === 'Month') {
-            return this.globalize.parseDate(this.getAmPmValue(range[isEnd ? 1 : 0]).trim(), dateOptions);
-        }
-        else if (this.depth === 'Year' && !isNullOrUndefined(date)) {
+    DateRangePicker.prototype.getStartEndDate = function (date, isEnd) {
+        if (this.currentView() === 'Year' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), date.getMonth() + (isEnd ? 1 : 0), isEnd ? 0 : 1);
         }
-        else if (!isNullOrUndefined(date)) {
+        else if (this.currentView() === 'Decade' && !isNullOrUndefined(date)) {
             return new Date(date.getFullYear(), isEnd ? 11 : 0, isEnd ? 31 : 1);
         }
         else {
@@ -1555,7 +1550,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                     var isDisabledCell = (!ele.classList.contains(DISABLED) || ele.classList.contains(DATEDISABLED));
                     if (!ele.classList.contains(WEEKNUMBER) && isDisabledCell) {
                         var eleDate = this.getIdValue(null, ele);
-                        var startDateValue = new Date(+this.startValue);
+                        var startDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
                         var eleDateValue = new Date(+eleDate);
                         if (eleDateValue.setHours(0, 0, 0, 0) >= startDateValue.setHours(0, 0, 0, 0) && +eleDate <= +currentDate) {
                             addClass([ele], RANGEHOVER);
@@ -1599,9 +1594,11 @@ var DateRangePicker = /** @class */ (function (_super) {
                         var eleDate = this.getIdValue(null, ele);
                         var eleDateValue = this.getIdValue(null, ele);
                         if (!isNullOrUndefined(this.endValue)) {
+                            var eleStartDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
+                            var eleEndDateValue = this.currentView() === 'Month' ? new Date(+this.endValue) : this.getStartEndDate(new Date(+this.endValue), true);
                             if (this.currentView() === this.depth &&
-                                +eleDateValue.setHours(0, 0, 0, 0) >= +new Date(+this.startValue).setHours(0, 0, 0, 0)
-                                && +eleDateValue.setHours(0, 0, 0, 0) <= +new Date(+this.endValue).setHours(0, 0, 0, 0) &&
+                                +eleDateValue.setHours(0, 0, 0, 0) >= +eleStartDateValue.setHours(0, 0, 0, 0)
+                                && +eleDateValue.setHours(0, 0, 0, 0) <= +eleEndDateValue.setHours(0, 0, 0, 0) &&
                                 !this.isSameStartEnd(new Date(+this.startValue), new Date(+this.endValue)) &&
                                 +new Date(+this.startValue).setHours(0, 0, 0, 0) >= +this.min
                                 && +new Date(+this.endValue).setHours(0, 0, 0, 0) <= +this.max
@@ -1621,7 +1618,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                             removeClass([ele], [RANGEHOVER]);
                         }
                         if (!ele.classList.contains(OTHERMONTH)) {
-                            var startDateValue = new Date(+this.startValue);
+                            var startDateValue = this.currentView() === 'Month' ? new Date(+this.startValue) : this.getStartEndDate(new Date(+this.startValue), false);
                             var eleDateValue_1 = new Date(+eleDate);
                             if (this.currentView() === this.depth &&
                                 +eleDateValue_1.setHours(0, 0, 0, 0) === +startDateValue.setHours(0, 0, 0, 0)
@@ -1632,7 +1629,7 @@ var DateRangePicker = /** @class */ (function (_super) {
                                 addClass([ele], [STARTDATE, SELECTED]);
                                 this.addSelectedAttributes(ele, this.startValue, true);
                             }
-                            var endDateValue = new Date(+this.endValue);
+                            var endDateValue = this.currentView() === 'Month' ? new Date(+this.endValue) : this.getStartEndDate(new Date(+this.endValue), true);
                             if (this.currentView() === 'Year') {
                                 eleDateValue_1 = new Date(eleDateValue_1.getFullYear(), eleDateValue_1.getMonth() + 1, 0);
                             }
@@ -1725,14 +1722,36 @@ var DateRangePicker = /** @class */ (function (_super) {
         if (event) {
             event.preventDefault();
         }
+        var isValue;
+        var startDateValue;
+        var endDateValue;
+        var value = this.inputElement.value;
+        if (!isNullOrUndefined(value) && value.trim() !== '') {
+            var range = value.split(' ' + this.separator + ' ');
+            if (range.length > 1 && ((this.currentView() === 'Year' && this.depth === 'Year')
+                || (this.currentView() === 'Decade' && this.depth === 'Decade'))) {
+                var dateOptions = { format: this.formatString, type: 'date', skeleton: 'yMd' };
+                startDateValue = this.globalize.parseDate(this.getAmPmValue(range[0]).trim(), dateOptions);
+                endDateValue = this.globalize.parseDate(this.getAmPmValue(range[1]).trim(), dateOptions);
+                isValue = true;
+            }
+        }
         var date = isNullOrUndefined(event) ? this.getIdValue(null, element)
             : this.getIdValue(event, null);
+        if (!isNullOrUndefined(this.startValue)) {
+            if (this.currentView() === 'Year' && this.depth === 'Year') {
+                date = new Date(date.getFullYear(), date.getMonth(), this.startValue.getDate());
+            }
+            else if (this.currentView() === 'Decade' && this.depth === 'Decade') {
+                date = new Date(date.getFullYear(), this.startValue.getMonth(), this.startValue.getDate());
+            }
+        }
         var y = date.getFullYear();
         var m = date.getMonth();
-        var firstDay = new Date(y, m, 1);
-        var lastDay = new Date(y, m + 1, 0);
-        var firstMonth = new Date(y, 0, 1);
-        var lastMonth = new Date(y, 11, 31);
+        var firstDay = isValue ? new Date(y, m, startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, m, 1);
+        var lastDay = isValue ? new Date(y, m, endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, m + 1, 0);
+        var firstMonth = isValue ? new Date(y, startDateValue.getMonth(), startDateValue.getDate(), startDateValue.getHours(), startDateValue.getMinutes(), startDateValue.getSeconds()) : new Date(y, 0, 1);
+        var lastMonth = isValue ? new Date(y, endDateValue.getMonth(), endDateValue.getDate(), endDateValue.getHours(), endDateValue.getMinutes(), endDateValue.getSeconds()) : new Date(y, 11, 31);
         if (!isNullOrUndefined(this.endValue) && !isNullOrUndefined(this.startValue)) {
             if (!this.isMobile || this.isMobile && !this.endButton.element.classList.contains(ACTIVE)) {
                 this.removeSelection();