@syncfusion/ej2-calendars 19.2.62 → 19.3.53

package/src/datetimepicker/datetimepicker.js

@@ -23,7 +23,7 @@ import { EventHandler, Internationalization, Property, NotifyPropertyChanges, Br
 import { Animation, Event, cldrData, getDefaultDateObject, detach } from '@syncfusion/ej2-base';
 import { createElement, remove, addClass, L10n, removeClass, closest, append, attributes } from '@syncfusion/ej2-base';
 import { KeyboardEvents, isNullOrUndefined, formatUnit, getValue, rippleEffect } from '@syncfusion/ej2-base';
-import { extend, isBlazor, blazorCultureFormats } from '@syncfusion/ej2-base';
+import { extend } from '@syncfusion/ej2-base';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Input } from '@syncfusion/ej2-inputs';
 import { DatePicker } from '../datepicker/datepicker';
@@ -124,7 +124,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         }
         removeClass([this.inputWrapper.container], INPUTFOCUS);
         var blurArguments = {
-            model: (isBlazor() && this.isServerRendered) ? null : this
+            model: this
         };
         if (this.isTimePopupOpen()) {
             this.hide(e);
@@ -303,7 +303,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         var dateOptions;
         if (!isNullOrUndefined(value)) {
             if (this.calendarMode === 'Gregorian') {
-                dateOptions = { format: this.cldrDateTimeFormat(), type: 'dateTime', skeleton: isBlazor() ? 'd' : 'yMd' };
+                dateOptions = { format: this.cldrDateTimeFormat(), type: 'dateTime', skeleton: 'yMd' };
             }
             else {
                 dateOptions = { format: this.cldrDateTimeFormat(), type: 'dateTime', skeleton: 'yMd', calendar: 'islamic' };
@@ -354,8 +354,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         var cldrTime;
         if (this.isNullOrEmpty(this.timeFormat)) {
             if (this.locale === 'en' || this.locale === 'en-US') {
-                cldrTime = isBlazor() ? (getValue('t', getValue(this.locale, blazorCultureFormats))).replace(/tt/, 'a') :
-                    (getValue('timeFormats.short', getDefaultDateObject()));
+                cldrTime = (getValue('timeFormats.short', getDefaultDateObject()));
             }
             else {
                 cldrTime = (this.getCultureTimeObject(cldrData, '' + this.locale));
@@ -369,7 +368,7 @@ var DateTimePicker = /** @class */ (function (_super) {
     DateTimePicker.prototype.cldrDateTimeFormat = function () {
         var cldrTime;
         var culture = new Internationalization(this.locale);
-        var dateFormat = culture.getDatePattern({ skeleton: isBlazor() ? 'd' : 'yMd' });
+        var dateFormat = culture.getDatePattern({ skeleton: 'yMd' });
         if (this.isNullOrEmpty(this.formatString)) {
             cldrTime = dateFormat + ' ' + this.getCldrFormat('time');
         }
@@ -382,8 +381,7 @@ var DateTimePicker = /** @class */ (function (_super) {
     DateTimePicker.prototype.getCldrFormat = function (type) {
         var cldrDateTime;
         if (this.locale === 'en' || this.locale === 'en-US') {
-            cldrDateTime = isBlazor() ? (getValue('t', getValue(this.locale, blazorCultureFormats))).replace(/tt/, 'a') :
-                (getValue('timeFormats.short', getDefaultDateObject()));
+            cldrDateTime = (getValue('timeFormats.short', getDefaultDateObject()));
         }
         else {
             cldrDateTime = (this.getCultureTimeObject(cldrData, '' + this.locale));
@@ -401,8 +399,7 @@ var DateTimePicker = /** @class */ (function (_super) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     DateTimePicker.prototype.getCultureTimeObject = function (ld, c) {
         if (this.calendarMode === 'Gregorian') {
-            return isBlazor() ? (getValue('t', getValue(this.locale, blazorCultureFormats))).replace(/tt/, 'a') :
-                (getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.short', ld));
+            return getValue('main.' + '' + this.locale + '.dates.calendars.gregorian.timeFormats.short', ld);
         }
         else {
             return getValue('main.' + '' + this.locale + '.dates.calendars.islamic.timeFormats.short', ld);
@@ -549,7 +546,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         var _this = this;
         this.preventArgs = {
             cancel: false,
-            popup: (isBlazor() && this.isServerRendered) ? null : this.popupObject,
+            popup: this.popupObject,
             event: e || null
         };
         var eventArgs = this.preventArgs;
@@ -958,7 +955,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         if (this.popupObj || this.dateTimeWrapper) {
             this.preventArgs = {
                 cancel: false,
-                popup: (isBlazor() && this.isServerRendered) ? null : this.popupObj || this.popupObject,
+                popup: this.popupObj || this.popupObject,
                 event: e || null
             };
             var eventArgs = this.preventArgs;
@@ -1199,7 +1196,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         if (this.calendarMode === 'Gregorian') {
             dateString = this.globalize.formatDate(time, {
                 format: !isNullOrUndefined(this.formatString) ? this.formatString : this.cldrDateTimeFormat(),
-                type: 'dateTime', skeleton: isBlazor() ? 'd' : 'yMd'
+                type: 'dateTime', skeleton: 'yMd'
             });
         }
         else {

package/src/maskbase/masked-date-time.d.ts

@@ -30,6 +30,11 @@ export declare class MaskedDateTime {
     private isDeletion;
     private isShortYear;
     private isDeleteKey;
+    private isDateZero;
+    private isMonthZero;
+    private isYearZero;
+    private dayTypeCount;
+    private monthTypeCount;
     constructor(parent?: IMaskedDateTime);
     getModuleName(): string;
     addEventListener(): void;
@@ -45,6 +50,7 @@ export declare class MaskedDateTime {
     private maskInputHandler;
     private navigateSelection;
     private roundOff;
+    private zeroCheck;
     private handleDeletion;
     private dateAlteration;
     private getCulturedValue;

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

@@ -37,9 +37,14 @@ var MaskedDateTime = /** @class */ (function () {
         this.isDeletion = false;
         this.isShortYear = false;
         this.isDeleteKey = false;
+        this.isDateZero = false;
+        this.isMonthZero = false;
+        this.isYearZero = false;
+        this.dayTypeCount = 0;
+        this.monthTypeCount = 0;
         this.parent = parent;
         this.dateformat = this.getCulturedFormat();
-        this.maskDateValue = this.parent.value != null ? this.parent.value : new Date();
+        this.maskDateValue = this.parent.value != null ? new Date(+this.parent.value) : new Date();
         this.maskDateValue.setMonth(0);
         this.maskDateValue.setHours(0);
         this.maskDateValue.setMinutes(0);
@@ -197,6 +202,7 @@ var MaskedDateTime = /** @class */ (function () {
         switch (this.previousHiddenMask[start - 1]) {
             case 'd':
                 var date = (this.isDayPart && newDateValue.getDate().toString().length < 2 ? newDateValue.getDate() * 10 : 0) + parseInt(newVal[start - 1], 10);
+                this.isDateZero = (newVal[start - 1] == '0');
                 if (isNaN(date)) {
                     return;
                 }
@@ -211,9 +217,11 @@ var MaskedDateTime = /** @class */ (function () {
                         return;
                     }
                     this.isDayPart = true;
+                    this.dayTypeCount = this.dayTypeCount + 1;
                 }
                 else {
                     this.isDayPart = false;
+                    this.dayTypeCount = this.isDateZero ? this.dayTypeCount + 1 : this.dayTypeCount;
                 }
                 break;
             case 'M':
@@ -224,6 +232,7 @@ var MaskedDateTime = /** @class */ (function () {
                 else {
                     month = parseInt(newVal[start - 1], 10);
                 }
+                this.isMonthZero = (newVal[start - 1] == '0');
                 if (!isNaN(month)) {
                     while (month > 12) {
                         month = parseInt(month.toString().slice(1), 10);
@@ -244,10 +253,12 @@ var MaskedDateTime = /** @class */ (function () {
                         }
                         this.previousDate = new Date(newDateValue.getFullYear(), newDateValue.getMonth(), newDateValue.getDate());
                         this.isMonthPart = true;
+                        this.monthTypeCount = this.monthTypeCount + 1;
                     }
                     else {
                         newDateValue.setMonth(0);
                         this.isMonthPart = false;
+                        this.monthTypeCount = this.isMonthZero ? this.monthTypeCount + 1 : this.monthTypeCount;
                     }
                 }
                 else { // let monthString: string[] = <string[]>(getValue('months[stand-alone].wide', getDefaultDateObject()));
@@ -273,6 +284,7 @@ var MaskedDateTime = /** @class */ (function () {
             case 'y':
                 var year = (this.isYearPart && (newDateValue.getFullYear().toString().length < 4 && !this.isShortYear) ? newDateValue.getFullYear() * 10 : 0) + parseInt(newVal[start - 1], 10);
                 this.isShortYear = false;
+                this.isYearZero = (newVal[start - 1] == '0');
                 if (isNaN(year)) {
                     return;
                 }
@@ -381,9 +393,15 @@ var MaskedDateTime = /** @class */ (function () {
                 case 'dddd':
                 case 'd':
                     result = proxy.isDayPart ? proxy.maskDateValue.getDate().toString() : proxy.defaultConstant['day'].toString();
+                    result = proxy.zeroCheck(proxy.isDateZero, proxy.isDayPart, result);
                     break;
                 case 'dd':
                     result = proxy.isDayPart ? proxy.roundOff(proxy.maskDateValue.getDate(), 2) : proxy.defaultConstant['day'].toString();
+                    result = proxy.zeroCheck(proxy.isDateZero, proxy.isDayPart, result);
+                    if (proxy.dayTypeCount == 2) {
+                        proxy.isNavigate = true;
+                        proxy.dayTypeCount = 0;
+                    }
                     break;
                 case 'E':
                 case 'EE':
@@ -398,9 +416,15 @@ var MaskedDateTime = /** @class */ (function () {
                     break;
                 case 'M':
                     result = proxy.isMonthPart ? (proxy.maskDateValue.getMonth() + 1).toString() : proxy.defaultConstant['month'].toString();
+                    result = proxy.zeroCheck(proxy.isMonthZero, proxy.isMonthPart, result);
                     break;
                 case 'MM':
                     result = proxy.isMonthPart ? proxy.roundOff(proxy.maskDateValue.getMonth() + 1, 2) : proxy.defaultConstant['month'].toString();
+                    result = proxy.zeroCheck(proxy.isMonthZero, proxy.isMonthPart, result);
+                    if (proxy.monthTypeCount == 2) {
+                        proxy.isNavigate = true;
+                        proxy.monthTypeCount = 0;
+                    }
                     break;
                 case 'MMM':
                     result = proxy.isMonthPart ? monthAbbreviated[proxy.maskDateValue.getMonth() + 1] : proxy.defaultConstant['month'].toString();
@@ -410,6 +434,7 @@ var MaskedDateTime = /** @class */ (function () {
                     break;
                 case 'yy':
                     result = proxy.isYearPart ? proxy.roundOff(proxy.maskDateValue.getFullYear() % 100, 2) : proxy.defaultConstant['year'].toString();
+                    result = proxy.zeroCheck(proxy.isYearZero, proxy.isYearPart, result);
                     if (proxy.isYearPart) {
                         proxy.isNavigate = proxy.isShortYear = (proxy.maskDateValue.getFullYear() % 100).toString().length === 2;
                     }
@@ -417,6 +442,7 @@ var MaskedDateTime = /** @class */ (function () {
                 case 'y':
                 case 'yyyy':
                     result = proxy.isYearPart ? proxy.roundOff(proxy.maskDateValue.getFullYear(), 4) : proxy.defaultConstant['year'].toString();
+                    result = proxy.zeroCheck(proxy.isYearZero, proxy.isYearPart, result);
                     break;
                 case 'h':
                     result = proxy.isHourPart ? (proxy.maskDateValue.getHours() % 12 || 12).toString() : proxy.defaultConstant['hour'].toString();
@@ -492,6 +518,7 @@ var MaskedDateTime = /** @class */ (function () {
         inputValue = this.dateformat.replace(this.formatRegex, this.formatCheck());
         this.isHiddenMask = true;
         this.hiddenMask = this.dateformat.replace(this.formatRegex, this.formatCheck());
+        this.isDateZero = this.isMonthZero = this.isYearZero = false;
         this.isHiddenMask = false;
         this.previousHiddenMask = this.hiddenMask;
         this.previousValue = inputValue;
@@ -528,6 +555,13 @@ var MaskedDateTime = /** @class */ (function () {
         }
         return result + valueText;
     };
+    MaskedDateTime.prototype.zeroCheck = function (isZero, isDayPart, resultValue) {
+        var result = resultValue;
+        if (isZero && !isDayPart) {
+            result = '0';
+        }
+        return result;
+    };
     MaskedDateTime.prototype.handleDeletion = function (format, isSegment) {
         switch (format) {
             case 'd':

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

@@ -1,4 +1,4 @@
-import { EventHandler, Property, Internationalization, NotifyPropertyChanges, isBlazor } 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, blazorCultureFormats, 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 {TimeFormatObject,ChangeEventArgs,PopupEventArgs,ItemEventArgs} from "./timepicker";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -146,7 +146,6 @@ export interface TimePickerModel extends ComponentModel{
      * {% codeBlock src='timepicker/keyConfigs/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @blazorType object
      */
     keyConfigs?: { [key: string]: string };
 
@@ -159,7 +158,6 @@ export interface TimePickerModel extends ComponentModel{
      *
      * @default null
      * @aspType string
-     * @blazorType string
      */
     format?: string | TimeFormatObject;
 
@@ -195,7 +193,6 @@ export interface TimePickerModel extends ComponentModel{
      *
      * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
      * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
-     * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
      * @isEnumeration true
      */
     floatLabelType?: FloatLabelType | string;
@@ -212,7 +209,6 @@ export interface TimePickerModel extends ComponentModel{
      *
      * @default 1000
      * @aspType int
-     * @blazorType int
      */
     zIndex?: number;
 
@@ -237,7 +233,6 @@ export interface TimePickerModel extends ComponentModel{
      * [`Format`](../../timepicker/getting-started#setting-the-time-format)documentation.
      *
      * @default 30
-     * @blazorType int
      *
      */
     step?: number;
@@ -250,7 +245,6 @@ export interface TimePickerModel extends ComponentModel{
      * {% codeBlock src='timepicker/scrollTo/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @isBlazorNullableType true
      */
     scrollTo?: Date;
 
@@ -268,7 +262,6 @@ export interface TimePickerModel extends ComponentModel{
      * [`Time Range`](../../timepicker/time-range/) documentation.
      *
      * @default 00:00
-     * @blazorDefaultValue new DateTime(1900, 01, 01, 00, 00, 00)
      */
     min?: Date;
 
@@ -278,7 +271,6 @@ export interface TimePickerModel extends ComponentModel{
      * [`Time Range`](../../timepicker/time-range/) documentation.
      *
      * @default 00:00
-     * @blazorDefaultValue new DateTime(2099, 12, 31, 23, 59, 59)
      */
     max?: Date;
 
@@ -321,7 +313,6 @@ export interface TimePickerModel extends ComponentModel{
      * Triggers when the value is changed.
      *
      * @event change
-     * @blazorProperty 'ValueChange'
      */
     change?: EmitType<ChangeEventArgs>;
 
@@ -329,7 +320,6 @@ export interface TimePickerModel extends ComponentModel{
      * Triggers when the component is created.
      *
      * @event created
-     * @blazorProperty 'Created'
      */
     created?: EmitType<Object>;
 
@@ -337,7 +327,6 @@ export interface TimePickerModel extends ComponentModel{
      * Triggers when the component is destroyed.
      *
      * @event destroyed
-     * @blazorProperty 'Destroyed'
      */
     destroyed?: EmitType<Object>;
 
@@ -345,7 +334,6 @@ export interface TimePickerModel extends ComponentModel{
      * Triggers when the popup is opened.
      *
      * @event open
-     * @blazorProperty 'OnOpen'
      */
     open?: EmitType<PopupEventArgs>;
 
@@ -353,7 +341,6 @@ export interface TimePickerModel extends ComponentModel{
      * Triggers while rendering the each popup list item.
      *
      * @event itemRender
-     * @blazorProperty 'OnItemRender'
      */
     itemRender?: EmitType<ItemEventArgs>;
 
@@ -361,7 +348,6 @@ export interface TimePickerModel extends ComponentModel{
      * Triggers when the popup is closed.
      *
      * @event close
-     * @blazorProperty 'OnClose'
      */
     close?: EmitType<PopupEventArgs>;
 

package/src/timepicker/timepicker.d.ts

@@ -159,7 +159,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     private cursorDetails;
     private activeIndex;
     private timeCollections;
-    private blazorTimeCollections;
     private isNavigate;
     private disableItemCollection;
     protected isPreventBlur: boolean;
@@ -184,7 +183,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     };
     private timeOptions;
     private mobileTimePopupWrap;
-    private isBlazorServer;
     protected isAngular: boolean;
     protected preventChange: boolean;
     protected maskedDateValue: string;
@@ -269,7 +267,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * {% codeBlock src='timepicker/keyConfigs/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @blazorType object
      */
     keyConfigs: {
         [key: string]: string;
@@ -283,7 +280,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      *
      * @default null
      * @aspType string
-     * @blazorType string
      */
     format: string | TimeFormatObject;
     /**
@@ -317,7 +313,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      *
      * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
      * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
-     * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
      * @isEnumeration true
      */
     floatLabelType: FloatLabelType | string;
@@ -332,7 +327,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      *
      * @default 1000
      * @aspType int
-     * @blazorType int
      */
     zIndex: number;
     /**
@@ -354,7 +348,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * [`Format`](../../timepicker/getting-started#setting-the-time-format)documentation.
      *
      * @default 30
-     * @blazorType int
      *
      */
     step: number;
@@ -366,7 +359,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * {% codeBlock src='timepicker/scrollTo/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @isBlazorNullableType true
      */
     scrollTo: Date;
     /**
@@ -382,7 +374,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * [`Time Range`](../../timepicker/time-range/) documentation.
      *
      * @default 00:00
-     * @blazorDefaultValue new DateTime(1900, 01, 01, 00, 00, 00)
      */
     min: Date;
     /**
@@ -391,7 +382,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * [`Time Range`](../../timepicker/time-range/) documentation.
      *
      * @default 00:00
-     * @blazorDefaultValue new DateTime(2099, 12, 31, 23, 59, 59)
      */
     max: Date;
     /**
@@ -429,42 +419,36 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
      * Triggers when the value is changed.
      *
      * @event change
-     * @blazorProperty 'ValueChange'
      */
     change: EmitType<ChangeEventArgs>;
     /**
      * Triggers when the component is created.
      *
      * @event created
-     * @blazorProperty 'Created'
      */
     created: EmitType<Object>;
     /**
      * Triggers when the component is destroyed.
      *
      * @event destroyed
-     * @blazorProperty 'Destroyed'
      */
     destroyed: EmitType<Object>;
     /**
      * Triggers when the popup is opened.
      *
      * @event open
-     * @blazorProperty 'OnOpen'
      */
     open: EmitType<PopupEventArgs>;
     /**
      * Triggers while rendering the each popup list item.
      *
      * @event itemRender
-     * @blazorProperty 'OnItemRender'
      */
     itemRender: EmitType<ItemEventArgs>;
     /**
      * Triggers when the popup is closed.
      *
      * @event close
-     * @blazorProperty 'OnClose'
      */
     close: EmitType<PopupEventArgs>;
     /**
@@ -544,7 +528,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     private getText;
     private getValue;
     private cldrDateFormat;
-    private getBlazorCultureFormat;
     private cldrTimeFormat;
     private dateToNumeric;
     private getExactDateTime;
@@ -553,7 +536,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     private updatePlaceHolder;
     private updateInputValue;
     private preventEventBubbling;
-    private updateBlazorTimeCollections;
     private popupHandler;
     private mouseDownHandler;
     private mouseUpHandler;
@@ -596,7 +578,6 @@ export declare class TimePicker extends Component<HTMLElement> implements IInput
     private createMask;
     protected findNextElement(event: KeyboardEventArgs): void;
     protected selectNextItem(event: KeyboardEventArgs): void;
-    private findNextInBlazor;
     protected elementValue(value: Date): void;
     private validLiElement;
     protected keyHandler(event: KeyboardEventArgs): void;