@syncfusion/ej2-calendars 19.3.56 → 19.4.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.56
+*  version : 19.4.50
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-calendars@*",
-  "_id": "@syncfusion/ej2-calendars@19.3.55",
+  "_id": "@syncfusion/ej2-calendars@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-PjIfcNqIA0VkYukwdA7OeqWW5Yj6gxqjzwXhmjDznTev1+Ql+NLWXXY8lFWk8qABfwVg0/pJFU4J9MEoM124wg==",
+  "_integrity": "sha512-eduZ8/SHrwD5ZUGqbyYTqclbX1Zq1/epZXOYQ6NltYuToDAwfdErMzDD3snRgKtn9bxXjp1u9k3sAcGO68wGNA==",
   "_location": "/@syncfusion/ej2-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -32,8 +32,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-calendars"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-19.3.55.tgz",
-  "_shasum": "1750f67bf33354bd284066a12dc23208e39af06c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-calendars/-/ej2-calendars-19.4.48.tgz",
+  "_shasum": "32a3cf95034f0bdf0bec7d9ca11386d236b9230c",
   "_spec": "@syncfusion/ej2-calendars@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -44,11 +44,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.56",
-    "@syncfusion/ej2-buttons": "~19.3.53",
-    "@syncfusion/ej2-inputs": "~19.3.53",
-    "@syncfusion/ej2-lists": "~19.3.53",
-    "@syncfusion/ej2-popups": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-buttons": "~19.4.50",
+    "@syncfusion/ej2-inputs": "~19.4.48",
+    "@syncfusion/ej2-lists": "~19.4.48",
+    "@syncfusion/ej2-popups": "~19.4.50"
   },
   "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.",
@@ -81,6 +81,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.56",
+  "version": "19.4.50",
   "sideEffects": false
 }

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

@@ -2,62 +2,6 @@
 import {CalendarType,CalendarView,WeekRule,DayHeaderFormats,NavigatedEventArgs,RenderDayCellEventArgs,ChangedEventArgs} from "./calendar";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
-/**
- * Interface for a class MaskPlaceholder
- */
-export interface MaskPlaceholderModel {
-
-    /**
-     * Specifies the mask placeholder value for day section.
-     *
-     * @default 'day'
-     */
-    day?: string;
-
-    /**
-     * Specifies the mask placeholder value for month section.
-     *
-     * @default 'month'
-     */
-    month?: string;
-
-    /**
-     * Specifies the mask placeholder value for year section.
-     *
-     * @default 'year'
-     */
-    year?: string;
-
-    /**
-     * Specifies the mask placeholder value for hour section.
-     *
-     * @default 'hour'
-     */
-    hour?: string;
-
-    /**
-     * Specifies the mask placeholder value for minute section.
-     *
-     * @default 'minute'
-     */
-    minute?: string;
-
-    /**
-     * Specifies the mask placeholder value for second section.
-     *
-     * @default 'second'
-     */
-    second?: string;
-
-    /**
-     * Specifies the mask placeholder value for day of the week section.
-     *
-     * @default 'day of the week'
-     */
-    dayOfTheWeek?: string;
-
-}
-
 /**
  * Interface for a class CalendarBase
  * @private

package/src/calendar/calendar.d.ts

@@ -1,7 +1,6 @@
 import { Component, Internationalization, ModuleDeclaration } from '@syncfusion/ej2-base';
 import { INotifyPropertyChanged, KeyboardEvents, L10n } from '@syncfusion/ej2-base';
 import { KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';
-import { ChildProperty } from '@syncfusion/ej2-base';
 import { EmitType } from '@syncfusion/ej2-base';
 import { CalendarModel, CalendarBaseModel } from './calendar-model';
 import { Islamic } from './index';
@@ -15,50 +14,6 @@ export declare type DayHeaderFormats = 'Short' | 'Narrow' | 'Abbreviated' | 'Wid
  * Specifies the rule for defining the first week of the year.
  */
 export declare type WeekRule = 'FirstDay' | 'FirstFullWeek' | 'FirstFourDayWeek';
-export declare class MaskPlaceholder extends ChildProperty<MaskPlaceholder> {
-    /**
-     * Specifies the mask placeholder value for day section.
-     *
-     * @default 'day'
-     */
-    day: string;
-    /**
-     * Specifies the mask placeholder value for month section.
-     *
-     * @default 'month'
-     */
-    month: string;
-    /**
-     * Specifies the mask placeholder value for year section.
-     *
-     * @default 'year'
-     */
-    year: string;
-    /**
-     * Specifies the mask placeholder value for hour section.
-     *
-     * @default 'hour'
-     */
-    hour: string;
-    /**
-     * Specifies the mask placeholder value for minute section.
-     *
-     * @default 'minute'
-     */
-    minute: string;
-    /**
-     * Specifies the mask placeholder value for second section.
-     *
-     * @default 'second'
-     */
-    second: string;
-    /**
-     * Specifies the mask placeholder value for day of the week section.
-     *
-     * @default 'day of the week'
-     */
-    dayOfTheWeek: string;
-}
 /**
  *
  * @private

package/src/calendar/calendar.js

@@ -22,7 +22,7 @@ import { KeyboardEvents, L10n } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges } 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, ChildProperty } from '@syncfusion/ej2-base';
+import { getValue, getUniqueID, extend, Browser } from '@syncfusion/ej2-base';
 import { Property, Event, isNullOrUndefined, throwError } from '@syncfusion/ej2-base';
 //class constant defination.
 var OTHERMONTH = 'e-other-month';
@@ -62,35 +62,6 @@ var PRIMARY = 'e-primary';
 var DAYHEADERLONG = 'e-calendar-day-header-lg';
 var dayMilliSeconds = 86400000;
 var minutesMilliSeconds = 60000;
-var MaskPlaceholder = /** @class */ (function (_super) {
-    __extends(MaskPlaceholder, _super);
-    function MaskPlaceholder() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    __decorate([
-        Property('day')
-    ], MaskPlaceholder.prototype, "day", void 0);
-    __decorate([
-        Property('month')
-    ], MaskPlaceholder.prototype, "month", void 0);
-    __decorate([
-        Property('year')
-    ], MaskPlaceholder.prototype, "year", void 0);
-    __decorate([
-        Property('hour')
-    ], MaskPlaceholder.prototype, "hour", void 0);
-    __decorate([
-        Property('minute')
-    ], MaskPlaceholder.prototype, "minute", void 0);
-    __decorate([
-        Property('second')
-    ], MaskPlaceholder.prototype, "second", void 0);
-    __decorate([
-        Property('day of the week')
-    ], MaskPlaceholder.prototype, "dayOfTheWeek", void 0);
-    return MaskPlaceholder;
-}(ChildProperty));
-export { MaskPlaceholder };
 /**
  *
  * @private

package/src/common/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * MaskPlaceholder modules
+ */
+export * from './maskplaceholder';
+export * from './maskplaceholder-model';

package/src/common/index.js

@@ -0,0 +1,4 @@
+/**
+ * MaskPlaceholder modules
+ */
+export * from './maskplaceholder';

package/src/common/maskplaceholder-model.d.ts

@@ -0,0 +1,57 @@
+import {  Property, ChildProperty } from '@syncfusion/ej2-base';
+
+/**
+ * Interface for a class MaskPlaceholder
+ */
+export interface MaskPlaceholderModel {
+
+    /**
+     * Specifies the mask placeholder value for day section.
+     *
+     * @default 'day'
+     */
+    day?: string;
+
+    /**
+     * Specifies the mask placeholder value for month section.
+     *
+     * @default 'month'
+     */
+    month?: string;
+
+    /**
+     * Specifies the mask placeholder value for year section.
+     *
+     * @default 'year'
+     */
+    year?: string;
+
+    /**
+     * Specifies the mask placeholder value for day of the week section.
+     *
+     * @default 'day of the week'
+     */
+    dayOfTheWeek?: string;
+
+    /**
+     * Specifies the mask placeholder value for hour section.
+     *
+     * @default 'hour'
+     */
+    hour?: string;
+
+    /**
+     * Specifies the mask placeholder value for minute section.
+     *
+     * @default 'minute'
+     */
+    minute?: string;
+
+    /**
+     * Specifies the mask placeholder value for second section.
+     *
+     * @default 'second'
+     */
+    second?: string;
+
+}

package/src/common/maskplaceholder.d.ts

@@ -0,0 +1,45 @@
+import { ChildProperty } from '@syncfusion/ej2-base';
+export declare class MaskPlaceholder extends ChildProperty<MaskPlaceholder> {
+    /**
+     * Specifies the mask placeholder value for day section.
+     *
+     * @default 'day'
+     */
+    day: string;
+    /**
+     * Specifies the mask placeholder value for month section.
+     *
+     * @default 'month'
+     */
+    month: string;
+    /**
+     * Specifies the mask placeholder value for year section.
+     *
+     * @default 'year'
+     */
+    year: string;
+    /**
+     * Specifies the mask placeholder value for day of the week section.
+     *
+     * @default 'day of the week'
+     */
+    dayOfTheWeek: string;
+    /**
+     * Specifies the mask placeholder value for hour section.
+     *
+     * @default 'hour'
+     */
+    hour: string;
+    /**
+     * Specifies the mask placeholder value for minute section.
+     *
+     * @default 'minute'
+     */
+    minute: string;
+    /**
+     * Specifies the mask placeholder value for second section.
+     *
+     * @default 'second'
+     */
+    second: string;
+}

package/src/common/maskplaceholder.js

@@ -0,0 +1,49 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+var MaskPlaceholder = /** @class */ (function (_super) {
+    __extends(MaskPlaceholder, _super);
+    function MaskPlaceholder() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('day')
+    ], MaskPlaceholder.prototype, "day", void 0);
+    __decorate([
+        Property('month')
+    ], MaskPlaceholder.prototype, "month", void 0);
+    __decorate([
+        Property('year')
+    ], MaskPlaceholder.prototype, "year", void 0);
+    __decorate([
+        Property('day of the week')
+    ], MaskPlaceholder.prototype, "dayOfTheWeek", void 0);
+    __decorate([
+        Property('hour')
+    ], MaskPlaceholder.prototype, "hour", void 0);
+    __decorate([
+        Property('minute')
+    ], MaskPlaceholder.prototype, "minute", void 0);
+    __decorate([
+        Property('second')
+    ], MaskPlaceholder.prototype, "second", void 0);
+    return MaskPlaceholder;
+}(ChildProperty));
+export { MaskPlaceholder };

package/src/datepicker/datepicker-model.d.ts

@@ -1,4 +1,4 @@
-import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes, select } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs, DayHeaderFormats} from '../calendar/calendar';import { MaskPlaceholderModel } from '../calendar/calendar-model'
+import { EventHandler, Property, Internationalization, NotifyPropertyChanges, DateFormatOptions } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, Animation, EmitType, Event, extend, L10n, Browser, formatUnit } from '@syncfusion/ej2-base';import { detach, addClass, removeClass, closest, attributes, select } from '@syncfusion/ej2-base';import { isNullOrUndefined, setValue, getUniqueID, ModuleDeclaration } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs, DayHeaderFormats} from '../calendar/calendar';import { MaskPlaceholderModel } from '../common/maskplaceholder-model'
 import {FormatObject,PopupObjectArgs,PreventableEventArgs} from "./datepicker";
 import {CalendarModel} from "../calendar/calendar-model";
 

package/src/datepicker/datepicker.d.ts

@@ -4,7 +4,7 @@ import { ModuleDeclaration } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';
 import { ChangedEventArgs, CalendarView, Calendar, BlurEventArgs, FocusEventArgs, ClearedEventArgs } from '../calendar/calendar';
-import { MaskPlaceholderModel } from '../calendar/calendar-model';
+import { MaskPlaceholderModel } from '../common/maskplaceholder-model';
 import { DatePickerModel } from './datepicker-model';
 export interface FormatObject {
     /**

package/src/daterangepicker/daterangepicker.js

@@ -3476,7 +3476,7 @@ var DateRangePicker = /** @class */ (function (_super) {
         this.disabledDayCnt = null;
         var localDate = new Date(+this.startValue);
         var count = 0;
-        while (+localDate <= +this.endValue) {
+        while (+localDate <= +this.endValue && +this.endValue <= +this.max) {
             this.virtualRenderCellArgs = {
                 date: localDate,
                 isDisabled: false

package/src/datetimepicker/datetimepicker-model.d.ts

@@ -1,4 +1,4 @@
-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, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { ModuleDeclaration, extend } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input } from '@syncfusion/ej2-inputs';import { BlurEventArgs, ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';import { TimePickerBase } from '../timepicker/timepicker';import {MaskPlaceholderModel} from '../calendar/calendar-model'
+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, append, attributes } from '@syncfusion/ej2-base';import { KeyboardEvents, KeyboardEventArgs, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';import { ModuleDeclaration, extend } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { Input } from '@syncfusion/ej2-inputs';import { BlurEventArgs, ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';import { TimePickerBase } from '../timepicker/timepicker';import {MaskPlaceholderModel} from '../common/maskplaceholder-model'
 import {DatePickerModel} from "../datepicker/datepicker-model";
 
 /**

package/src/datetimepicker/datetimepicker.d.ts

@@ -6,7 +6,7 @@ import { ModuleDeclaration } from '@syncfusion/ej2-base';
 import { ClearedEventArgs, CalendarType, CalendarView, DayHeaderFormats } from '../calendar/calendar';
 import { DatePicker, PopupObjectArgs } from '../datepicker/datepicker';
 import { DateTimePickerModel } from './datetimepicker-model';
-import { MaskPlaceholderModel } from '../calendar/calendar-model';
+import { MaskPlaceholderModel } from '../common/maskplaceholder-model';
 /**
  * Represents the DateTimePicker component that allows user to select
  * or enter a date time value.

package/src/datetimepicker/datetimepicker.js

@@ -719,7 +719,7 @@ var DateTimePicker = /** @class */ (function (_super) {
             };
             this.addTimeSelection();
             this.trigger('change', this.changedArgs);
-            this.previousDateTime = this.value;
+            this.previousDateTime = this.previousDate = this.value;
         }
     };
     DateTimePicker.prototype.setTimeScrollPosition = function () {

package/src/maskbase/masked-date-time.js

@@ -190,7 +190,7 @@ var MaskedDateTime = /** @class */ (function () {
         var inputValue = this.parent.inputElement.value;
         var previousVal = this.previousValue.substring(0, start + this.previousValue.length - inputValue.length);
         var newVal = inputValue.substring(0, start);
-        var newDateValue = this.maskDateValue;
+        var newDateValue = new Date(+this.maskDateValue);
         var maxDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth() + 1, 0).getDate();
         if (previousVal.indexOf(newVal) === 0 && (newVal.length === 0 || this.previousHiddenMask[newVal.length - 1] !== this.previousHiddenMask[newVal.length])) {
             for (var i = newVal.length; i < previousVal.length; i++) {

package/src/timepicker/timepicker-model.d.ts

@@ -1,4 +1,4 @@
-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 { remove, addClass, detach, removeClass, closest, append, attributes, setStyleAttribute } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, extend, getUniqueID, ModuleDeclaration, ChildProperty } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { FocusEventArgs, BlurEventArgs, ClearedEventArgs } from '../calendar/calendar';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ListBase, ListBaseOptions, createElementParams } from '@syncfusion/ej2-lists';
+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 { remove, addClass, detach, removeClass, closest, append, attributes, setStyleAttribute } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, getValue, extend, getUniqueID, ModuleDeclaration, ChildProperty } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups';import { FocusEventArgs, BlurEventArgs, ClearedEventArgs } from '../calendar/calendar';import { Input, InputObject, IInput, FloatLabelType } from '@syncfusion/ej2-inputs';import { ListBase, ListBaseOptions, createElementParams } from '@syncfusion/ej2-lists';import {MaskPlaceholderModel} from '../common/maskplaceholder-model';import { MaskPlaceholder } from '../common/maskplaceholder';
 import {TimeFormatObject,ChangeEventArgs,PopupEventArgs,ItemEventArgs} from "./timepicker";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,49 +8,49 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface TimeMaskPlaceholderModel {
 
     /**
-     * Specifies the mask placeholder value for day section.
+     * Specifies the mask placeholder value for day property.
      *
      * @default 'day'
      */
     day?: string;
 
     /**
-     * Specifies the mask placeholder value for month section.
+     * Specifies the mask placeholder value for month property.
      *
      * @default 'month'
      */
     month?: string;
 
     /**
-     * Specifies the mask placeholder value for year section.
+     * Specifies the mask placeholder value for year property.
      *
      * @default 'year'
      */
     year?: string;
 
     /**
-     * Specifies the mask placeholder value for day of the week section.
+     * Specifies the mask placeholder value for day of the week property.
      *
      * @default 'day of the week'
      */
     dayOfTheWeek?: string;
 
     /**
-     * Specifies the mask placeholder value for hour section.
+     * Specifies the mask placeholder value for hour property.
      *
      * @default 'hour'
      */
     hour?: string;
 
     /**
-     * Specifies the mask placeholder value for minute section.
+     * Specifies the mask placeholder value for minute property.
      *
      * @default 'minute'
      */
     minute?: string;
 
     /**
-     * Specifies the mask placeholder value for second section.
+     * Specifies the mask placeholder value for second property.
      *
      * @default 'second'
      */
@@ -306,6 +306,7 @@ export interface TimePickerModel extends ComponentModel{
      * Specifies the mask placeholder to be displayed on masked timepicker.
      * 
      * @default {day:'day' , month:'month', year: 'year', hour:'hour',minute:'minute',second:'second',dayOfTheWeek: 'day of the week'}
+     * @aspType TimePickerMaskPlaceholder
      */
     maskPlaceholder?: TimeMaskPlaceholderModel;
 

package/src/timepicker/timepicker.d.ts

@@ -86,43 +86,43 @@ export declare namespace TimePickerBase {
 }
 export declare class TimeMaskPlaceholder extends ChildProperty<TimeMaskPlaceholder> {
     /**
-     * Specifies the mask placeholder value for day section.
+     * Specifies the mask placeholder value for day property.
      *
      * @default 'day'
      */
     day: string;
     /**
-     * Specifies the mask placeholder value for month section.
+     * Specifies the mask placeholder value for month property.
      *
      * @default 'month'
      */
     month: string;
     /**
-     * Specifies the mask placeholder value for year section.
+     * Specifies the mask placeholder value for year property.
      *
      * @default 'year'
      */
     year: string;
     /**
-     * Specifies the mask placeholder value for day of the week section.
+     * Specifies the mask placeholder value for day of the week property.
      *
      * @default 'day of the week'
      */
     dayOfTheWeek: string;
     /**
-     * Specifies the mask placeholder value for hour section.
+     * Specifies the mask placeholder value for hour property.
      *
      * @default 'hour'
      */
     hour: string;
     /**
-     * Specifies the mask placeholder value for minute section.
+     * Specifies the mask placeholder value for minute property.
      *
      * @default 'minute'
      */
     minute: string;
     /**
-     * Specifies the mask placeholder value for second section.
+     * Specifies the mask placeholder value for second property.
      *
      * @default 'second'
      */
@@ -413,6 +413,7 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     * Specifies the mask placeholder to be displayed on masked timepicker.
     *
     * @default {day:'day' , month:'month', year: 'year', hour:'hour',minute:'minute',second:'second',dayOfTheWeek: 'day of the week'}
+    * @aspType TimePickerMaskPlaceholder
     */
     maskPlaceholder: TimeMaskPlaceholderModel;
     /**

package/styles/bootstrap5-dark.css

@@ -977,7 +977,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar.e-device .e-next:active,
 .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
 .e-bigger.e-small .e-calendar.e-device .e-next:focus {
-  background: none;
+  background: #5c636a;
 }
 
 .e-calendar.e-device button.e-prev:active span,

package/styles/bootstrap5.css

@@ -977,7 +977,7 @@ ejs-calendar {
 .e-bigger.e-small .e-calendar.e-device .e-next:active,
 .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
 .e-bigger.e-small .e-calendar.e-device .e-next:focus {
-  background: none;
+  background: #5c636a;
 }
 
 .e-calendar.e-device button.e-prev:active span,

package/styles/calendar/_bootstrap-dark-definition.scss

@@ -35,6 +35,7 @@ $calendar-active-icon-color: $calendar-icon-font-color !default;
 $calendar-title-hover-color: $grey-light-font !default;
 $calendar-icon-hover-color: $grey-light-font !default;
 $calendar-icon-hover-bg-color: $grey-88 !default;
+$calendar-device-icon-hover-bg-color: none !default;
 $calendar-default-border-color: none !default;
 $calendar-icon-hover-border-color: $calendar-default-border-color !default;
 $calendar-active-state-icon-bg-color: $grey-8c !default;

package/styles/calendar/_bootstrap-definition.scss

@@ -37,6 +37,7 @@ $calendar-active-icon-color: $calendar-icon-font-color !default;
 $calendar-title-hover-color: $grey-light-font !default;
 $calendar-icon-hover-color: $grey-light-font !default;
 $calendar-icon-hover-bg-color: $grey-e6 !default;
+$calendar-device-icon-hover-bg-color: none !default;
 $calendar-default-border-color: none !default;
 $calendar-icon-hover-border-color: $calendar-default-border-color !default;
 $calendar-active-state-icon-bg-color: $grey-d4 !default;

package/styles/calendar/_bootstrap4-definition.scss

@@ -37,6 +37,7 @@ $calendar-active-icon-color: $white !default;
 $calendar-title-hover-color: $gray-900 !default;
 $calendar-icon-hover-color: $gray-900 !default;
 $calendar-icon-hover-bg-color: darken($gray-100, 2%) !default;
+$calendar-device-icon-hover-bg-color: none !default;
 $calendar-default-border-color: none !default;
 $calendar-icon-hover-border-color: $calendar-default-border-color !default;
 $calendar-active-state-icon-bg-color: darken($gray-600, 10%) !default;

package/styles/calendar/_bootstrap5-definition.scss

@@ -138,6 +138,7 @@ $calendar-active-icon-color: $secondary-text-color !default;
 $calendar-title-hover-color: $content-text-color-alt3 !default;
 $calendar-icon-hover-color: $secondary-text-color !default;
 $calendar-icon-hover-bg-color: $secondary-bg-color-hover !default;
+$calendar-device-icon-hover-bg-color: $secondary-bg-color-hover !default;
 $calendar-default-border-color: none !default;
 $calendar-icon-hover-border-color: $content-bg-color-hover !default;
 $calendar-active-state-icon-bg-color: $secondary-border-color-pressed !default;

package/styles/calendar/_fabric-dark-definition.scss

@@ -18,6 +18,7 @@ $calendar-icon-font-color: $neutral-light-font !default;
 $calendar-active-icon-color: $neutral-light-fontalt !default;
 $calendar-active-state-icon-bg-color: none !default;
 $calendar-icon-hover-bg-color: none !default;
+$calendar-device-icon-hover-bg-color: none !default;
 $calendar-focus-date-color: $neutral-quintenaryalt !default;
 $calendar-other-month-date: $neutral-tertiary-alt !default;
 $calendar-text-color: $neutral-light-font !default;