@syncfusion/ej2-calendars 31.1.17 → 31.1.18

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.17
+*  version : 31.1.18
 *  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,47 +1,12 @@
 {
-  "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@18.33.0",
-  "_inBundle": false,
-  "_integrity": "sha512-oLc+ptrRPlmQskfJ2yBGPKqwIWKZ5PjiUqBincmluxPZIvy+v4Vv0kjYuKVsR11Zat3O+DMhUd3CZNYYGCXITQ==",
-  "_location": "/@syncfusion/ej2-calendars",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-calendars@*",
-    "name": "@syncfusion/ej2-calendars",
-    "escapedName": "@syncfusion%2fej2-calendars",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-calendars",
-    "/@syncfusion/ej2-charts",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-gantt",
-    "/@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-development/@syncfusion/ej2-calendars/-/ej2-calendars-18.33.0.tgz",
-  "_shasum": "ad1cf99efc651ae486ee06636f37730c4c8748c1",
-  "_spec": "@syncfusion/ej2-calendars@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-calendars",
+  "version": "31.1.18",
+  "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",
+  "main": "./dist/ej2-calendars.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-calendars.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~31.1.17",
     "@syncfusion/ej2-buttons": "~31.1.17",
@@ -49,11 +14,7 @@
     "@syncfusion/ej2-lists": "~31.1.17",
     "@syncfusion/ej2-popups": "~31.1.17"
   },
-  "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.",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-calendars.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -71,15 +32,11 @@
     "stepranges",
     "time"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-calendars.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-calendars",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "31.1.17",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/datepicker/datepicker.js

@@ -541,6 +541,9 @@ var DatePicker = /** @class */ (function (_super) {
         if (!this.enableMask) {
             this.updateInputValue('');
         }
+        if (isNullOrUndefined(this.value)) {
+            this.currentDate = new Date(new Date().setHours(0, 0, 0, 0));
+        }
         var clearedArgs = {
             event: event
         };
@@ -719,7 +722,11 @@ var DatePicker = /** @class */ (function (_super) {
         }
     };
     DatePicker.prototype.inputBlurHandler = function (e) {
-        if (!this.enabled) {
+        var inputSame = this.inputElement.value === this.previousElementValue;
+        var dateSame = this.value && this.previousDate
+            ? this.value.getTime() === this.previousDate.getTime()
+            : this.value === this.previousDate;
+        if (!this.enabled || (inputSame && dateSame)) {
             return;
         }
         this.strictModeUpdate();
@@ -812,19 +819,27 @@ var DatePicker = /** @class */ (function (_super) {
                 this.hide(e);
                 break;
             case 'enter':
-                this.strictModeUpdate();
-                this.updateInput();
-                this.popupUpdate();
-                this.changeTrigger(e);
-                this.errorClass();
-                if (!this.isCalendar() && document.activeElement === this.inputElement) {
-                    this.hide(e);
-                }
-                if (this.isCalendar()) {
-                    e.preventDefault();
-                    e.stopPropagation();
+                {
+                    var inputUnchanged = this.inputElement.value === this.previousElementValue;
+                    var valueUnchanged = this.value instanceof Date && this.previousDate instanceof Date
+                        ? this.value.getTime() === this.previousDate.getTime()
+                        : this.value === this.previousDate;
+                    if (!(inputUnchanged && valueUnchanged)) {
+                        this.strictModeUpdate();
+                        this.updateInput();
+                        this.popupUpdate();
+                        this.changeTrigger(e);
+                        this.errorClass();
+                    }
+                    if (!this.isCalendar() && document.activeElement === this.inputElement) {
+                        this.hide(e);
+                    }
+                    if (this.isCalendar()) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                    }
+                    break;
                 }
-                break;
             case 'tab':
             case 'shiftTab':
                 {

package/src/daterangepicker/daterangepicker.js

@@ -4189,6 +4189,14 @@ var DateRangePicker = /** @class */ (function (_super) {
                             _this.selectableDates();
                         }
                         _super.prototype.setOverlayIndex.call(_this, _this.mobileRangePopupWrap, _this.popupObj.element, _this.modal, _this.isMobile || Browser.isDevice);
+                        if (!isNullOrUndefined(_this.mobileRangePopupWrap) && !isNullOrUndefined(_this.popupObj)
+                            && !isNullOrUndefined(_this.popupObj.element) && isNullOrUndefined(_this.modal) &&
+                            !isUndefined(_this.presets[0].start && _this.presets[0].end && _this.presets[0].label) && isPreset
+                            && (_this.isMobile || Browser.isDevice) && !_this.isCustomWindow) {
+                            var index = parseInt(_this.popupObj.element.style.zIndex, 10) ?
+                                parseInt(_this.popupObj.element.style.zIndex, 10) : 1000;
+                            _this.mobileRangePopupWrap.style.zIndex = index.toString();
+                        }
                         if (Browser.isDevice) {
                             var dlgOverlay = _this.createElement('div', { className: 'e-dlg-overlay' });
                             dlgOverlay.style.zIndex = (_this.zIndex - 1).toString();

package/dist/ts/calendar/calendar-model.d.ts

@@ -1,340 +0,0 @@
-import { Component, EventHandler, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, KeyboardEvents, L10n, SwipeEventArgs } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';import { removeClass, detach, closest, addClass, attributes } from '@syncfusion/ej2-base';import { getValue, getUniqueID, extend, Browser } from '@syncfusion/ej2-base';import { Property, Event, EmitType, isNullOrUndefined, throwError } from '@syncfusion/ej2-base';import { Islamic, IslamicDateArgs } from './index';
-import {CalendarType,CalendarView,WeekRule,DayHeaderFormats,NavigatedEventArgs,RenderDayCellEventArgs,ChangedEventArgs} from "./calendar";
-import {ComponentModel} from '@syncfusion/ej2-base';
-
-/**
- * Interface for a class CalendarBase
- * @private
- */
-export interface CalendarBaseModel extends ComponentModel{
-
-    /**
-     * Gets or sets the minimum date that can be selected in the Calendar.
-     *
-     * @default new Date(1900, 00, 01)
-     * @deprecated
-     */
-    min?: Date;
-
-    /**
-     * Specifies the component to be disabled or not.
-     *
-     * @default true
-     */
-    enabled?: boolean;
-
-    /**
-     * Specifies the root CSS class of the Calendar that allows to
-     * customize the appearance by overriding the styles.
-     *
-     * @default null
-     */
-    cssClass?: string;
-
-    /**
-     * Gets or sets the maximum date that can be selected in the Calendar.
-     *
-     * @default new Date(2099, 11, 31)
-     * @deprecated
-     */
-    max?: Date;
-
-    /**
-     * Gets or sets the Calendar's first day of the week. By default, the first day of the week will be based on the current culture.
-     *
-     * @default 0
-     * @aspType int
-     * @deprecated
-     * > For more details about firstDayOfWeek refer to
-     * [`First day of week`](../../calendar/how-to/first-day-of-week#change-the-first-day-of-the-week) documentation.
-     */
-    firstDayOfWeek?: number;
-
-    /**
-     * Gets or sets the Calendar's Type like gregorian or islamic.
-     *
-     * @default Gregorian
-     * @deprecated
-     */
-    calendarMode?: CalendarType;
-
-    /**
-     * Specifies the initial view of the Calendar when it is opened.
-     * With the help of this property, initial view can be changed to year or decade view.
-     *
-     * @default Month
-     * @deprecated
-     *
-     * <table>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * View<br/></td><td colSpan=1 rowSpan=1>
-     * Description<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Month<br/></td><td colSpan=1 rowSpan=1>
-     * Calendar view shows the days of the month.<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Year<br/></td><td colSpan=1 rowSpan=1>
-     * Calendar view shows the months of the year.<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Decade<br/></td><td colSpan=1 rowSpan=1>
-     * Calendar view shows the years of the decade.<br/></td></tr>
-     * </table>
-     *
-     * > For more details about start refer to
-     * [`calendarView`](../../calendar/calendar-views#view-restriction)documentation.
-     */
-    start?: CalendarView;
-
-    /**
-     * Sets the maximum level of view such as month, year, and decade in the Calendar.
-     * Depth view should be smaller than the start view to restrict its view navigation.
-     *
-     * @default Month
-     * @deprecated
-     *
-     * <table>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * view<br/></td><td colSpan=1 rowSpan=1>
-     * Description<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Month<br/></td><td colSpan=1 rowSpan=1>
-     * Calendar view shows up to the days of the month.<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Year<br/></td><td colSpan=1 rowSpan=1>
-     * Calendar view shows up to the months of the year.<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Decade<br/></td><td colSpan=1 rowSpan=1>
-     * Calendar view shows up to the years of the decade.<br/></td></tr>
-     * </table>
-     *
-     * > For more details about depth refer to
-     *  [`calendarView`](../../calendar/calendar-views#view-restriction)documentation.
-     */
-    depth?: CalendarView;
-
-    /**
-     * Determines whether the week number of the year is to be displayed in the calendar or not.
-     *
-     * @default false
-     * @deprecated
-     * > For more details about weekNumber refer to
-     * [`Calendar with week number`](../../calendar/how-to/render-the-calendar-with-week-numbers)documentation.
-     */
-    weekNumber?: boolean;
-
-    /**
-     * Specifies the rule for defining the first week of the year.
-     *
-     * @default FirstDay
-     */
-    weekRule?: WeekRule;
-
-    /**
-     * Specifies whether the today button is to be displayed or not.
-     *
-     * @default true
-     * @deprecated
-     */
-    showTodayButton?: boolean;
-
-    /**
-     * Specifies the format of the day that to be displayed in header. By default, the format is ‘short’.
-     * Possible formats are:
-     * * `Short` - Sets the short format of day name (like Su ) in day header.
-     * * `Narrow` - Sets the single character of day name (like S ) in day header.
-     * * `Abbreviated` - Sets the min format of day name (like Sun ) in day header.
-     * * `Wide` - Sets the long format of day name (like Sunday ) in day header.
-     *
-     * @default Short
-     * @deprecated
-     */
-    dayHeaderFormat?: DayHeaderFormats;
-
-    /**
-     * Enable or disable persisting component's state between page reloads. If enabled, following list of states will be persisted.
-     * 1. value
-     *
-     * @default false
-     * @deprecated
-     */
-    enablePersistence?: boolean;
-
-    /**
-     * Customizes the key actions in Calendar.
-     * For example, when using German keyboard, the key actions can be customized using these shortcuts.
-     *
-     * <table>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * Key action<br/></td><td colSpan=1 rowSpan=1>
-     * Key<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * controlUp<br/></td><td colSpan=1 rowSpan=1>
-     * ctrl+38<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * controlDown<br/></td><td colSpan=1 rowSpan=1>
-     * ctrl+40<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * select<br/></td><td colSpan=1 rowSpan=1>
-     * enter<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * home<br/></td><td colSpan=1 rowSpan=1>
-     * home<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * end<br/></td><td colSpan=1 rowSpan=1>
-     * end<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * pageUp<br/></td><td colSpan=1 rowSpan=1>
-     * pageup<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * pageDown<br/></td><td colSpan=1 rowSpan=1>
-     * pagedown<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * shiftPageUp<br/></td><td colSpan=1 rowSpan=1>
-     * shift+pageup<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * shiftPageDown<br/></td><td colSpan=1 rowSpan=1>
-     * shift+pagedown<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * controlHome<br/></td><td colSpan=1 rowSpan=1>
-     * ctrl+home<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * controlEnd<br/></td><td colSpan=1 rowSpan=1>
-     * ctrl+end<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * altUpArrow<br/></td><td colSpan=1 rowSpan=1>
-     * alt+uparrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * spacebar<br/></td><td colSpan=1 rowSpan=1>
-     * space<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * altRightArrow<br/></td><td colSpan=1 rowSpan=1>
-     * alt+rightarrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * altLeftArrow<br/></td><td colSpan=1 rowSpan=1>
-     * alt+leftarrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * moveDown<br/></td><td colSpan=1 rowSpan=1>
-     * downarrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * moveUp<br/></td><td colSpan=1 rowSpan=1>
-     * uparrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * moveLeft<br/></td><td colSpan=1 rowSpan=1>
-     * leftarrow<br/></td></tr>
-     * <tr>
-     * <td colSpan=1 rowSpan=1>
-     * moveRight<br/></td><td colSpan=1 rowSpan=1>
-     * rightarrow<br/></td></tr>
-     * </table>
-     *
-     * {% codeBlock src='calendar/keyConfigs/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     * @deprecated
-     */
-    keyConfigs?: { [key: string]: string };
-
-    /**
-     * By default, the date value will be processed based on system time zone.
-     * If you want to process the initial date value using server time zone
-     * then specify the time zone value to `serverTimezoneOffset` property.
-     *
-     * @default null
-     * @deprecated
-     */
-    serverTimezoneOffset?: number;
-
-    /**
-     * Triggers when Calendar is created.
-     *
-     * @event created
-     */
-    created?: EmitType<Object>;
-
-    /**
-     * Triggers when Calendar is destroyed.
-     *
-     * @event destroyed
-     */
-    destroyed?: EmitType<Object>;
-
-    /**
-     * Triggers when the Calendar is navigated to another level or within the same level of view.
-     *
-     * @event navigated
-     */
-    navigated?: EmitType<NavigatedEventArgs>;
-
-    /**
-     * Triggers when each day cell of the Calendar is rendered.
-     *
-     * @event renderDayCell
-     */
-    renderDayCell?: EmitType<RenderDayCellEventArgs>;
-
-}
-
-/**
- * Interface for a class Calendar
- */
-export interface CalendarModel extends CalendarBaseModel{
-
-    /**
-     * Gets or sets the selected date of the Calendar.
-     *
-     * @default null
-     * @isGenericType true
-     * @deprecated
-     */
-    value?: Date;
-
-    /**
-     * Gets or sets multiple selected dates of the calendar.
-     * {% codeBlock src='calendar/values/index.md' %}{% endcodeBlock %}
-     *
-     * @default null
-     */
-    values?: Date[];
-
-    /**
-     * Specifies the option to enable the multiple dates selection of the calendar.
-     *
-     * @default false
-     */
-    isMultiSelection?: boolean;
-
-    /**
-     * Triggers when the Calendar value is changed.
-     *
-     * @event change
-     */
-    change?: EmitType<ChangedEventArgs>;
-
-}