@syncfusion/ej2-calendars - npm Package Compare versions

Comparing version 16.1.49 to 16.2.41

CHANGELOG.md

@@ -5,2 +5,29 @@ # Changelog
 
+### Calendars
+
+#### Breaking Changes
+
+- Newly added `ColorPicker` component in input package requires `SplitButton` dependency, So now it's mandatory to include the `ej2-splitbuttons.umd.min.js` in system.js configuration if your using system.js module loader.
+Update the `system.js` configuration while going with this version and above.
+
+- Today button will act as a primary button in high contrast, bootstrap and fabric themes.
+
+#### New Features
+
+- Event arguments for all Calendar components has been streamlined.
+
+### DateRangePicker
+
+#### Breaking Changes
+
+- `Value` parameter obtained in change event argument has been changed from `string type to array of date object` and the `string` value from the input element can be obtained from the `text` parameter of the argument.
+
+### TimePicker
+
+#### Breaking Changes
+
+- In change event, the parameter `e` has been changed to `event`.
+
+## 16.1.49 (2018-06-20)
+
 ### DateTimePicker
@@ -146,3 +173,3 @@
 
-- DateTime support has been provided for DateRangePicker.
+- `DateTime` support has been provided for DateRangePicker.
 
@@ -225,3 +252,3 @@ - Input type `date` has been handled in DateRangePicker.
 
-- Added typing file for ES5 global scripts (dist/global/index.d.ts).
+- Added typing file for ES5 global scripts (`dist/global/index.d.ts`).
 
@@ -228,0 +255,0 @@ #### Breaking Changes

dist/global/index.d.ts

@@ -1,10 +0,1 @@
-/*!
-*  filename: index.d.ts
-*  version : 16.1.49
-*  Copyright Syncfusion Inc. 2001 - 2018. 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
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _calendars from '@syncfusion/ej2-calendars';
@@ -11,0 +2,0 @@ import * as _base from '@syncfusion/ej2-base';

package.json

 {
   "name": "@syncfusion/ej2-calendars",
-  "version": "16.1.49",
+  "version": "16.2.41",
   "description": "Essential JS 2 Calendar Components",
@@ -11,7 +11,7 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.1.38",
-    "@syncfusion/ej2-popups": "~16.1.47",
-    "@syncfusion/ej2-inputs": "~16.1.48",
-    "@syncfusion/ej2-lists": "~16.1.42",
-    "@syncfusion/ej2-buttons": "~16.1.48"
+    "@syncfusion/ej2-base": "~16.2.41",
+    "@syncfusion/ej2-popups": "~16.2.41",
+    "@syncfusion/ej2-inputs": "~16.2.41",
+    "@syncfusion/ej2-lists": "~16.2.41",
+    "@syncfusion/ej2-buttons": "~16.2.41"
   },
@@ -18,0 +18,0 @@ "devDependencies": {

src/calendar/calendar-model.d.ts

@@ -28,2 +28,3 @@ import { Component, EventHandler, Internationalization, } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { cldrData, getDefaultDateObject, rippleEffect } from '@syncfusion/ej2-base';import { createElement, removeClass, detach, closest, addClass, attributes } from '@syncfusion/ej2-base';import { getValue, getUniqueID, extend, Browser } from '@syncfusion/ej2-base';import { Property, Event, EmitType, isNullOrUndefined } from '@syncfusion/ej2-base';
      * @default 0
+     * @aspType int
      */
@@ -30,0 +31,0 @@ firstDayOfWeek?: number;

src/calendar/calendar.d.ts

@@ -57,2 +57,3 @@ import { Component, Internationalization } from '@syncfusion/ej2-base';
      * @default 0
+     * @aspType int
      */
@@ -306,2 +307,3 @@ firstDayOfWeek: number;
     protected render(): void;
+    protected formResetHandler(): void;
     protected validateDate(): void;
@@ -388,6 +390,2 @@ protected minMaxUpdate(): void;
      */
-    e?: KeyboardEvent | MouseEvent | Event;
-    /**
-     * Specifies the original event arguments.
-     */
     event?: KeyboardEvent | MouseEvent | Event;
@@ -394,0 +392,0 @@ /** Defines the element. */

src/datepicker/datepicker-model.d.ts

@@ -64,2 +64,3 @@ import { EventHandler, Property, Internationalization, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { createElement, detach, addClass, removeClass, closest, classList, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType, BlurEventArgs, FocusEventArgs } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar } from '../calendar/calendar';
      * @default 1000
+     * @aspType int
      */
@@ -85,10 +86,10 @@ zIndex?: number;
      * Possible values are:
-     * * Never: The label will never float in the input when the placeholder is available.
-     * * Always: The floating label will always float above the input.
-     * * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     * 
-     *  @default Never
-     *  @aspType string
+     * Never: The label will never float in the input when the placeholder is available.
+     * Always: The floating label will always float above the input.
+     * Auto: The floating label will float above the input after focusing or entering a value in the input.
+     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
+     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
+     * @isEnumeration true
      */
-    floatLabelType?: FloatLabelType;
+    floatLabelType?: FloatLabelType | string;
 
@@ -95,0 +96,0 @@ /**

src/datepicker/datepicker.d.ts

@@ -91,2 +91,3 @@ /// <reference path="../calendar/calendar-model.d.ts" />
      * @default 1000
+     * @aspType int
      */
@@ -109,10 +110,10 @@ zIndex: number;
      * Possible values are:
-     * * Never: The label will never float in the input when the placeholder is available.
-     * * Always: The floating label will always float above the input.
-     * * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     *
-     *  @default Never
-     *  @aspType string
+     * Never: The label will never float in the input when the placeholder is available.
+     * Always: The floating label will always float above the input.
+     * Auto: The floating label will float above the input after focusing or entering a value in the input.
+     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
+     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
+     * @isEnumeration true
      */
-    floatLabelType: FloatLabelType;
+    floatLabelType: FloatLabelType | string;
     /**
@@ -167,2 +168,3 @@ * Triggers when the popup gets open.
     protected bindEvents(): void;
+    protected resetFormHandler(): void;
     private inputChangeHandler(e);
@@ -181,5 +183,5 @@ private bindClearEvent();
     private modelHeader();
-    protected changeTrigger(e?: MouseEvent | KeyboardEvent): void;
+    protected changeTrigger(event?: MouseEvent | KeyboardEvent): void;
     protected navigatedEvent(): void;
-    protected changeEvent(e?: MouseEvent | KeyboardEvent | Event): void;
+    protected changeEvent(event?: MouseEvent | KeyboardEvent | Event): void;
     protected selectCalendar(e?: MouseEvent | KeyboardEvent | Event): void;
@@ -197,3 +199,3 @@ protected isCalendar(): boolean;
      */
-    hide(e?: MouseEvent | KeyboardEvent | Event): void;
+    hide(event?: MouseEvent | KeyboardEvent | Event): void;
     /**
@@ -232,2 +234,3 @@ * Sets the focus to widget for interaction.
     protected preRender(): void;
+    protected validationAttribute(target: HTMLElement, inputElement: Element): void;
     private checkHtmlAttributes();
@@ -261,3 +264,3 @@ /**
      */
-    e?: MouseEvent | KeyboardEvent | Event;
+    event?: MouseEvent | KeyboardEvent | Event;
 }
@@ -264,0 +267,0 @@ export interface PreventableEventArgs {

src/datepicker/datepicker.js

@@ -195,2 +195,3 @@ var __extends = (this && this.__extends) || (function () {
         DatePicker.prototype.bindEvents = function () {
+            var formElement = ej2_base_3.closest(this.inputElement, 'form');
             if (this.enabled) {
@@ -204,2 +205,5 @@ ej2_base_1.EventHandler.add(this.inputWrapper.buttons[0], 'mousedown touchstart', this.dateIconHandler, this);
                 }
+                if (formElement) {
+                    ej2_base_1.EventHandler.add(formElement, 'reset', this.resetFormHandler, this);
+                }
             }
@@ -214,2 +218,5 @@ else {
                 }
+                if (formElement) {
+                    ej2_base_1.EventHandler.remove(formElement, 'reset', this.resetFormHandler);
+                }
             }
@@ -222,2 +229,10 @@ this.keyboardModules = new ej2_base_2.KeyboardEvents(this.inputElement, {
         };
+        DatePicker.prototype.resetFormHandler = function () {
+            if (this.inputElement.getAttribute('value')) {
+                this.value = this.checkDateValue(new Date('' + this.element.getAttribute('value')));
+            }
+            else {
+                this.value = null;
+            }
+        };
         DatePicker.prototype.inputChangeHandler = function (e) {
@@ -337,2 +352,3 @@ e.stopPropagation();
                     this.updateInput();
+                    this.changeTrigger(e);
                     if (this.getModuleName() === 'datepicker') {
@@ -490,9 +506,9 @@ this.show(null, e);
         };
-        DatePicker.prototype.changeTrigger = function (e) {
+        DatePicker.prototype.changeTrigger = function (event) {
             if (this.inputElement.value !== this.previousElementValue) {
                 if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
                     this.changedArgs.value = this.value;
-                    this.changedArgs.event = this.changedArgs.e = e || null;
+                    this.changedArgs.event = this.changedArgs.event = event || null;
                     this.changedArgs.element = this.element;
-                    this.changedArgs.isInteracted = !ej2_base_4.isNullOrUndefined(e);
+                    this.changedArgs.isInteracted = !ej2_base_4.isNullOrUndefined(event);
                     this.trigger('change', this.changedArgs);
@@ -507,12 +523,14 @@ this.previousElementValue = this.inputElement.value;
         };
-        DatePicker.prototype.changeEvent = function (e) {
-            this.selectCalendar(e);
-            this.changedArgs.e = this.changedArgs.event = e;
-            this.changedArgs.element = this.element;
-            this.changedArgs.isInteracted = !ej2_base_4.isNullOrUndefined(e);
-            this.trigger('change', this.changedArgs);
-            this.previousDate = this.value && new Date(+this.value);
-            this.hide(e);
-            this.previousElementValue = this.inputElement.value;
-            this.errorClass();
+        DatePicker.prototype.changeEvent = function (event) {
+            if (((this.previousDate && this.previousDate.valueOf()) !== (this.value && this.value.valueOf()))) {
+                this.selectCalendar(event);
+                this.changedArgs.event = event ? event : null;
+                this.changedArgs.element = this.element;
+                this.changedArgs.isInteracted = !ej2_base_4.isNullOrUndefined(event);
+                this.trigger('change', this.changedArgs);
+                this.previousDate = this.value && new Date(+this.value);
+                this.hide(event);
+                this.previousElementValue = this.inputElement.value;
+                this.errorClass();
+            }
         };
@@ -582,3 +600,3 @@ DatePicker.prototype.selectCalendar = function (e) {
                     popup: this.popupObj,
-                    e: e || null,
+                    event: e || null,
                     cancel: false
@@ -606,3 +624,3 @@ };
         };
-        DatePicker.prototype.hide = function (e) {
+        DatePicker.prototype.hide = function (event) {
             if (!ej2_base_4.isNullOrUndefined(this.popupWrapper)) {
@@ -615,3 +633,3 @@ var prevent_2 = true;
                     popup: this.popupObj,
-                    e: e || null,
+                    event: event || null,
                     cancel: false
@@ -708,2 +726,6 @@ };
             }
+            var formElement = ej2_base_3.closest(this.inputElement, 'form');
+            if (formElement) {
+                ej2_base_1.EventHandler.remove(formElement, 'reset', this.resetFormHandler);
+            }
         };
@@ -750,2 +772,5 @@ DatePicker.prototype.ensureInputAttribute = function () {
             }
+            if (this.ngTag !== null) {
+                this.validationAttribute(this.element, this.inputElement);
+            }
             this.checkHtmlAttributes();
@@ -755,2 +780,16 @@ _super.prototype.preRender.call(this);
         ;
+        DatePicker.prototype.validationAttribute = function (target, inputElement) {
+            var nameAttribute = target.getAttribute('name') ? target.getAttribute('name') : target.getAttribute('id');
+            inputElement.setAttribute('name', nameAttribute);
+            target.removeAttribute('name');
+            var attribute = ['required', 'aria-required', 'form'];
+            for (var i = 0; i < attribute.length; i++) {
+                if (ej2_base_4.isNullOrUndefined(target.getAttribute(attribute[i]))) {
+                    continue;
+                }
+                var attr = target.getAttribute(attribute[i]);
+                inputElement.setAttribute(attribute[i], attr);
+                target.removeAttribute(attribute[i]);
+            }
+        };
         DatePicker.prototype.checkHtmlAttributes = function () {
@@ -824,3 +863,3 @@ this.globalize = new ej2_base_1.Internationalization(this.locale);
         DatePicker.prototype.disabledDates = function () {
-            var valueCopy = new Date('' + this.value);
+            var valueCopy = new Date(' ' + this.value);
             var previousValCopy = this.previousDate;
@@ -827,0 +866,0 @@ this.minMaxUpdates();

src/daterangepicker/daterangepicker-model.d.ts

@@ -39,3 +39,6 @@ import { Property, EventHandler, Internationalization, NotifyPropertyChanges, detach, getUniqueID } from '@syncfusion/ej2-base';import { KeyboardEvents, BaseEventArgs, KeyboardEventArgs, Event, EmitType, Browser, L10n, ChildProperty } from '@syncfusion/ej2-base';import { addClass, createElement, remove, closest, select, prepend, removeClass, attributes, Collection } from '@syncfusion/ej2-base';import { isNullOrUndefined, isUndefined, formatUnit, setValue, rippleEffect, merge, extend } from '@syncfusion/ej2-base';import { CalendarView, CalendarBase, NavigatedEventArgs, RenderDayCellEventArgs } from '../calendar/calendar';import { Popup } from '@syncfusion/ej2-popups';import { Button } from '@syncfusion/ej2-buttons';import { Input, InputObject, FloatLabelType, FocusEventArgs, BlurEventArgs } from '@syncfusion/ej2-inputs';import { ListBase, cssClass as ListBaseClasses } from '@syncfusion/ej2-lists';
     /**
-     * Specifies whether the Component is persist or not. Here value property will be persisting after browser refresh.
+     * Enable or disable the persisting component's state between the page reloads. If enabled, following list of states will be persisted.
+     * 1. startDate
+     * 2. endDate
+     * 3. value
      * @default false
@@ -46,3 +49,3 @@ */
     /**
-     * Enable or disable rendering component in right to left direction.
+     * Specifies the DateRangePicker in RTL mode that displays the content in the right-to-left direction.
      * @default false
@@ -53,3 +56,3 @@ */
     /**
-     * Gets or sets the minimum date that can be selected in the Calendar.
+     * Gets or sets the minimum date that can be selected in the calendar-popup.
      * @default new Date(1900, 00, 01)
@@ -60,3 +63,3 @@ */
     /**
-     * Gets or sets the maximum date that can be selected in the Calendar.
+     * Gets or sets the maximum date that can be selected in the calendar-popup.
      * @default new Date(2099, 11, 31)
@@ -108,3 +111,3 @@ */
     /**
-     * Triggers when the Calendar is navigated to another level or within the same level of view.
+     * Triggers when the Calendar is navigated to another view or within the same level of view.
      * @event
@@ -135,3 +138,3 @@ */
      * > For more details refer to 
-     * [`Preset Ranges`] (./customization.html#preset-ranges) documentation.
+     * [`Preset Ranges`](./customization.html#preset-ranges) documentation.
      * @default null
@@ -150,2 +153,3 @@ */
      * @default 1000
+     * @aspType int
      */
@@ -155,3 +159,3 @@ zIndex?: number;
     /**
-     * Specifies whether to show or hide the clear Icon
+     * Specifies whether to show or hide the clear icon
      * @default true
@@ -162,3 +166,3 @@ */
     /**
-     * Specifies whether the today button is displayed or not.
+     * Specifies whether the today button is to be displayed or not.
      * @default true
@@ -198,3 +202,3 @@ * @hidden
     /**
-     *  Specifies the minimum span that can be allowed in date range selection.
+     *  Specifies the minimum span of days that can be allowed in date range selection.
      * > For more details refer to 
@@ -207,5 +211,5 @@ * [`Range Span`] (./range-restriction.html#range-span) documentation.
     /**
-     *  Specifies the maximum span that can be allowed in a date range selection.
+     *  Specifies the maximum span of days that can be allowed in a date range selection.
      * > For more details refer to 
-     * [`Range Span`] (./range-restriction.html#range-span) documentation.
+     * [`Range Span`](./range-restriction.html#range-span) documentation.
      * @default null
@@ -246,13 +250,14 @@ */
      * Possible values are:
-     * * Never: The label will never float in the input when the placeholder is available.
-     * * Always: The floating label will always float above the input.
-     * * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     * 
-     *  @default Never
-     *  @aspType string
+     * Never: The label will never float in the input when the placeholder is available.
+     * Always: The floating label will always float above the input.
+     * Auto: The floating label will float above the input after focusing or entering a value in the input.
+     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
+     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
+     * @isEnumeration true
      */
-    floatLabelType?: FloatLabelType;
+    floatLabelType?: FloatLabelType | string;
 
     /**
      * Specifies the placeholder text that need to be displayed in the DateRangePicker component.
+     * 
      * @default null
@@ -259,0 +264,0 @@ */

src/daterangepicker/daterangepicker.d.ts

@@ -37,3 +37,3 @@ /// <reference path="../calendar/calendar-model.d.ts" />
      */
-    event?: Event;
+    event?: MouseEvent | KeyboardEvent | TouchEvent | Event;
     /**
@@ -83,2 +83,5 @@ * If the event is triggered by interaction, it returns true. Otherwise, it returns false.
     private initEndDate;
+    private startValue;
+    private endValue;
+    private modelValue;
     private rightCalCurrentDate;
@@ -139,3 +142,6 @@ private leftCalPrevIcon;
     /**
-     * Specifies whether the Component is persist or not. Here value property will be persisting after browser refresh.
+     * Enable or disable the persisting component's state between the page reloads. If enabled, following list of states will be persisted.
+     * 1. startDate
+     * 2. endDate
+     * 3. value
      * @default false
@@ -145,3 +151,3 @@ */
     /**
-     * Enable or disable rendering component in right to left direction.
+     * Specifies the DateRangePicker in RTL mode that displays the content in the right-to-left direction.
      * @default false
@@ -151,3 +157,3 @@ */
     /**
-     * Gets or sets the minimum date that can be selected in the Calendar.
+     * Gets or sets the minimum date that can be selected in the calendar-popup.
      * @default new Date(1900, 00, 01)
@@ -157,3 +163,3 @@ */
     /**
-     * Gets or sets the maximum date that can be selected in the Calendar.
+     * Gets or sets the maximum date that can be selected in the calendar-popup.
      * @default new Date(2099, 11, 31)
@@ -198,3 +204,3 @@ */
     /**
-     * Triggers when the Calendar is navigated to another level or within the same level of view.
+     * Triggers when the Calendar is navigated to another view or within the same level of view.
      * @event
@@ -221,3 +227,3 @@ */
      * > For more details refer to
-     * [`Preset Ranges`] (./customization.html#preset-ranges) documentation.
+     * [`Preset Ranges`](./customization.html#preset-ranges) documentation.
      * @default null
@@ -234,6 +240,7 @@ */
      * @default 1000
+     * @aspType int
      */
     zIndex: number;
     /**
-     * Specifies whether to show or hide the clear Icon
+     * Specifies whether to show or hide the clear icon
      * @default true
@@ -243,3 +250,3 @@ */
     /**
-     * Specifies whether the today button is displayed or not.
+     * Specifies whether the today button is to be displayed or not.
      * @default true
@@ -274,3 +281,3 @@ * @hidden
     /**
-     *  Specifies the minimum span that can be allowed in date range selection.
+     *  Specifies the minimum span of days that can be allowed in date range selection.
      * > For more details refer to
@@ -282,5 +289,5 @@ * [`Range Span`] (./range-restriction.html#range-span) documentation.
     /**
-     *  Specifies the maximum span that can be allowed in a date range selection.
+     *  Specifies the maximum span of days that can be allowed in a date range selection.
      * > For more details refer to
-     * [`Range Span`] (./range-restriction.html#range-span) documentation.
+     * [`Range Span`](./range-restriction.html#range-span) documentation.
      * @default null
@@ -316,12 +323,13 @@ */
      * Possible values are:
-     * * Never: The label will never float in the input when the placeholder is available.
-     * * Always: The floating label will always float above the input.
-     * * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     *
-     *  @default Never
-     *  @aspType string
+     * Never: The label will never float in the input when the placeholder is available.
+     * Always: The floating label will always float above the input.
+     * Auto: The floating label will float above the input after focusing or entering a value in the input.
+     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
+     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
+     * @isEnumeration true
      */
-    floatLabelType: FloatLabelType;
+    floatLabelType: FloatLabelType | string;
     /**
      * Specifies the placeholder text that need to be displayed in the DateRangePicker component.
+     *
      * @default null
@@ -374,2 +382,3 @@ */
     private initialize();
+    protected validationAttribute(element: HTMLElement, input: Element): void;
     private processPresets();
@@ -380,2 +389,3 @@ protected bindEvents(): void;
     protected resetHandler(e: MouseEvent): void;
+    protected formResetHandler(): void;
     private clear();
@@ -445,2 +455,3 @@ private rangeIconHandler(e);
      * @returns string
+     * @private
      * @hidden
@@ -487,2 +498,3 @@ */
     private disabledDates();
+    private setModelValue();
     private changeTrigger(e?);
@@ -542,2 +554,4 @@ /**
     private setDate();
+    private enableInput();
+    private clearModelvalue();
     /**
@@ -544,0 +558,0 @@ * Called internally if any of the property value changed.

src/datetimepicker/datetimepicker-model.d.ts

@@ -24,2 +24,3 @@ import { EventHandler, Internationalization, Property, NotifyPropertyChanges, Browser, RippleOptions } from '@syncfusion/ej2-base';import { Animation, EmitType, Event, AnimationModel, cldrData, getDefaultDateObject, detach } from '@syncfusion/ej2-base';import { createElement, remove, addClass, L10n, removeClass, closest, classList, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, BlurEventArgs } from '@syncfusion/ej2-inputs';import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';import { TimePickerBase } from '../timepicker/timepicker';import { cssClass as ListBaseClasses } from '@syncfusion/ej2-lists';
      * @default 1000
+     * @aspType int
      */
@@ -26,0 +27,0 @@ zIndex?: number;

src/datetimepicker/datetimepicker.d.ts

@@ -61,2 +61,3 @@ /// <reference path="../datepicker/datepicker-model.d.ts" />
      * @default 1000
+     * @aspType int
      */
@@ -63,0 +64,0 @@ zIndex: number;

src/datetimepicker/datetimepicker.js

@@ -140,2 +140,3 @@ var __extends = (this && this.__extends) || (function () {
             this.setValue();
+            this.previousDateTime = this.value && new Date(+this.value);
         };
@@ -328,5 +329,5 @@ DateTimePicker.prototype.setValue = function () {
                     this.popupCreation('time', e);
+                    ej2_base_3.addClass([this.inputWrapper.container], [INPUTFOCUS]);
                 }
             }
-            ej2_base_3.addClass([this.inputWrapper.container], [INPUTFOCUS]);
         };
@@ -431,3 +432,3 @@ DateTimePicker.prototype.dateHandler = function (e) {
                 popup: this.popupObject,
-                e: e || null
+                event: e || null
             };
@@ -576,2 +577,3 @@ this.trigger('open', this.preventArgs);
                 this.setInputValue('date');
+                this.previousDateTime = this.value && new Date(+this.value);
             }
@@ -583,3 +585,3 @@ };
                 this.changedArgs = {
-                    value: this.value, e: e || null,
+                    value: this.value, event: e || null,
                     isInteracted: !ej2_base_4.isNullOrUndefined(e),
@@ -796,3 +798,3 @@ element: this.element
                     popup: this.popupObj || this.popupObject,
-                    e: e || null
+                    event: e || null
                 };
@@ -799,0 +801,0 @@ if (ej2_base_4.isNullOrUndefined(this.popupObj)) {

src/timepicker/timepicker-model.d.ts

@@ -36,3 +36,3 @@ import { EventHandler, Property, Internationalization, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, AnimationModel, Browser, BaseEventArgs } from '@syncfusion/ej2-base';import { EmitType, cldrData, L10n, Component, getDefaultDateObject, rippleEffect, RippleOptions, Event } from '@syncfusion/ej2-base';import { createElement, remove, addClass, removeClass, closest, append, attributes, setStyleAttribute } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, setValue, getUniqueID } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType, FocusEventArgs, BlurEventArgs } from '@syncfusion/ej2-inputs';import { ListBase, cssClass as ListBaseClasses, ListBaseOptions } from '@syncfusion/ej2-lists';
      * > For more details refer to 
-     * [`Format`] (./getting-started.html#setting-the-time-format) documentation.
+     * [`Format`](./getting-started.html#setting-the-time-format) documentation.
      * @default null
@@ -57,10 +57,10 @@ */
      * Possible values are:
-     * * Never: The label will never float in the input when the placeholder is available.
-     * * Always: The floating label will always float above the input.
-     * * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     * 
-     *  @default Never
-     *  @aspType string
+     * Never: The label will never float in the input when the placeholder is available.
+     * Always: The floating label will always float above the input.
+     * Auto: The floating label will float above the input after focusing or entering a value in the input.
+     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
+     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
+     * @isEnumeration true
      */
-    floatLabelType?: FloatLabelType;
+    floatLabelType?: FloatLabelType | string;
 
@@ -76,2 +76,3 @@ /**
      * @default 1000
+     * @aspType int
      */
@@ -81,3 +82,4 @@ zIndex?: number;
     /**
-     * Specifies whether the Component is persist or not. Here value property will be persisting after browser refresh.
+     * Enable or disable the persisting component's state between the page reloads. If enabled, following list of states will be persisted.
+     * 1. Value
      * @default false
@@ -88,3 +90,3 @@ */
     /**
-     * Specifies whether to show or hide the clear Icon
+     * Specifies whether to show or hide the clear icon.
      * @default true
@@ -95,6 +97,7 @@ */
     /**
-     * Specifies the time interval between the two adjacent time values in the popup list . 
+     * Specifies the time interval between the two adjacent time values in the popup list. 
      * > For more details refer to 
-     * [`Format`] (./getting-started.html#setting-the-time-format)documentation.
+     * [`Format`](./getting-started.html#setting-the-time-format)documentation.
      * @default 30
+     * 
      */
@@ -107,3 +110,3 @@ step?: number;
      * > For more details refer to 
-     * [`Time Duration`] (https://ej2.syncfusion.com/demos/#/material/timepicker/list-formatting.html) sample. 
+     * [`Time Duration`](https://ej2.syncfusion.com/demos/#/material/timepicker/list-formatting.html) sample. 
      * @default null
@@ -114,3 +117,3 @@ */
     /**
-     * Gets or sets the value of the component. The value is parsed based on the format. 
+     * Gets or sets the value of the component. The value is parsed based on the culture specific time format.
      * @default null
@@ -123,3 +126,3 @@ */
      * > For more details refer to 
-     * [`Time Range`] (https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
+     * [`Time Range`](https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
      * @default 00:00
@@ -132,3 +135,3 @@ */
      * > For more details refer to 
-     * [`Time Range`] (https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
+     * [`Time Range`](https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
      * @default 00:00
@@ -139,3 +142,3 @@ */
     /**
-     * Specifies the component to be rendered in right-to-left direction.
+     * Specifies the TimePicker in RTL mode that displays the content in the right-to-left direction.
      * @default false
@@ -142,0 +145,0 @@ */

src/timepicker/timepicker.d.ts

@@ -14,5 +14,3 @@ import { Internationalization } from '@syncfusion/ej2-base';
     text?: string;
-    /** Defines the type of the event. */
-    e?: KeyboardEventArgs | FocusEvent | MouseEvent | Event;
-    /** Specifies the original event arguments. */
+    /** Defines the original event arguments. */
     event?: KeyboardEventArgs | FocusEvent | MouseEvent | Event;
@@ -136,3 +134,3 @@ /** Defines the element */
      * > For more details refer to
-     * [`Format`] (./getting-started.html#setting-the-time-format) documentation.
+     * [`Format`](./getting-started.html#setting-the-time-format) documentation.
      * @default null
@@ -154,10 +152,10 @@ */
      * Possible values are:
-     * * Never: The label will never float in the input when the placeholder is available.
-     * * Always: The floating label will always float above the input.
-     * * Auto: The floating label will float above the input after focusing or entering a value in the input.
-     *
-     *  @default Never
-     *  @aspType string
+     * Never: The label will never float in the input when the placeholder is available.
+     * Always: The floating label will always float above the input.
+     * Auto: The floating label will float above the input after focusing or entering a value in the input.
+     * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
+     * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
+     * @isEnumeration true
      */
-    floatLabelType: FloatLabelType;
+    floatLabelType: FloatLabelType | string;
     /**
@@ -171,6 +169,8 @@ * Specifies the placeholder text that is displayed in textbox.
      * @default 1000
+     * @aspType int
      */
     zIndex: number;
     /**
-     * Specifies whether the Component is persist or not. Here value property will be persisting after browser refresh.
+     * Enable or disable the persisting component's state between the page reloads. If enabled, following list of states will be persisted.
+     * 1. Value
      * @default false
@@ -180,3 +180,3 @@ */
     /**
-     * Specifies whether to show or hide the clear Icon
+     * Specifies whether to show or hide the clear icon.
      * @default true
@@ -186,6 +186,7 @@ */
     /**
-     * Specifies the time interval between the two adjacent time values in the popup list .
+     * Specifies the time interval between the two adjacent time values in the popup list.
      * > For more details refer to
-     * [`Format`] (./getting-started.html#setting-the-time-format)documentation.
+     * [`Format`](./getting-started.html#setting-the-time-format)documentation.
      * @default 30
+     *
      */
@@ -197,3 +198,3 @@ step: number;
      * > For more details refer to
-     * [`Time Duration`] (https://ej2.syncfusion.com/demos/#/material/timepicker/list-formatting.html) sample.
+     * [`Time Duration`](https://ej2.syncfusion.com/demos/#/material/timepicker/list-formatting.html) sample.
      * @default null
@@ -203,3 +204,3 @@ */
     /**
-     * Gets or sets the value of the component. The value is parsed based on the format.
+     * Gets or sets the value of the component. The value is parsed based on the culture specific time format.
      * @default null
@@ -211,3 +212,3 @@ */
      * > For more details refer to
-     * [`Time Range`] (https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
+     * [`Time Range`](https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
      * @default 00:00
@@ -219,3 +220,3 @@ */
      * > For more details refer to
-     * [`Time Range`] (https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
+     * [`Time Range`](https://ej2.syncfusion.com/documentation/timepicker/time-range.html?lang=typescript) documentation.
      * @default 00:00
@@ -225,3 +226,3 @@ */
     /**
-     * Specifies the component to be rendered in right-to-left direction.
+     * Specifies the TimePicker in RTL mode that displays the content in the right-to-left direction.
      * @default false
@@ -281,2 +282,3 @@ */
     private validateDisable();
+    protected validationAttribute(target: HTMLElement, input: Element): void;
     private initialize();
@@ -338,2 +340,3 @@ private checkDateValue(value);
     protected bindEvents(): void;
+    protected formResetHandler(): void;
     private inputChangeHandler(e);
@@ -340,0 +343,0 @@ protected unBindEvents(): void;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18886741

increased by8.91%

Worsened metrics

Lines of code

194050

decreased by-2.6%

Dependency changes

• + Added@syncfusion/ej2-base@16.2.50(transitive)

• + Added@syncfusion/ej2-buttons@16.2.50(transitive)

• + Added@syncfusion/ej2-data@16.2.52(transitive)

• + Added@syncfusion/ej2-inputs@16.2.53(transitive)

• + Added@syncfusion/ej2-lists@16.2.50(transitive)

• + Added@syncfusion/ej2-popups@16.2.52(transitive)

• + Added@syncfusion/ej2-splitbuttons@16.2.50(transitive)

• - Removed@syncfusion/ej2-base@16.1.38(transitive)

• - Removed@syncfusion/ej2-buttons@16.1.48(transitive)

• - Removed@syncfusion/ej2-data@16.1.42(transitive)

• - Removed@syncfusion/ej2-inputs@16.1.48(transitive)

• - Removed@syncfusion/ej2-lists@16.1.42(transitive)

• - Removed@syncfusion/ej2-popups@16.1.47(transitive)

• Updated@syncfusion/ej2-base@~16.2.41

• Updated@syncfusion/ej2-buttons@~16.2.41

• Updated@syncfusion/ej2-inputs@~16.2.41

• Updated@syncfusion/ej2-lists@~16.2.41

• Updated@syncfusion/ej2-popups@~16.2.41