@progress/kendo-angular-dateinputs 6.0.3 → 7.0.0-dev.202204191043

package/{dist/es2015 → esm2015}/dateinput/dateinput.component.js

@@ -2,25 +2,27 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-var DateInputComponent_1;
-/* tslint:disable:max-line-length */
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, ViewChild, EventEmitter, ElementRef, HostBinding, isDevMode, Renderer2, forwardRef, NgZone, Optional, Injector } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Output, ViewChild, EventEmitter, HostBinding, isDevMode, forwardRef, Optional } from '@angular/core';
 import { minValidator } from '../validators/min.validator';
 import { maxValidator } from '../validators/max.validator';
 import { incompleteDateValidator } from '../validators/incomplete-date.validator';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { IntlService } from '@progress/kendo-angular-intl';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { addMonths, cloneDate, createDate, getDate, isEqual, lastDayOfMonth } from '@progress/kendo-date-math';
 import { isDocumentAvailable, hasObservers, KendoInput, Keys, guid } from '@progress/kendo-angular-common';
 import { Arrow } from './arrow.enum';
-import { approximateStringMatching, noop, isInRange, dateInRange, isValidRange, setTime, cropTwoDigitYear, setYears, msPaddingFromFormat, millisecondDigitsInFormat, millisecondStepFor, getSizeClass, getRoundedClass, getFillModeClass } from '../util';
-import { PickerService } from '../common/picker.service';
+import { approximateStringMatching, noop, isInRange, dateInRange, isValidRange, setTime, cropTwoDigitYear, setYears, msPaddingFromFormat, millisecondDigitsInFormat, millisecondStepFor, getSizeClass, getRoundedClass, getFillModeClass, DEFAULT_FILL_MODE, DEFAULT_ROUNDED, DEFAULT_SIZE } from '../util';
 import { closest } from '../common/dom-queries';
 import { requiresZoneOnBlur, isPresent } from '../common/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-intl";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "../common/picker.service";
+import * as i4 from "./localization/dateinput-localized-messages.directive";
+import * as i5 from "@progress/kendo-angular-common";
+import * as i6 from "@angular/common";
 const MIN_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DateInputComponent/#toc-min';
 const MAX_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/api/DateInputComponent/#toc-max';
 const VALUE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/dateinputs/dateinput/#toc-using-with-json';
@@ -32,9 +34,7 @@ const PREVIOUS_CENTURY_BASE = 1900;
 const CURRENT_CENTURY_BASE = 2000;
 const DEFAULT_FORMAT = 'd';
 const padZero = (length) => new Array(Math.max(length, 0)).fill('0').join('');
-const ɵ0 = padZero;
 const unpadZero = (value) => value.replace(/^0*/, '');
-const ɵ1 = unpadZero;
 class Mask {
     constructor() {
         this.symbols = "";
@@ -449,7 +449,7 @@ class KendoDate {
 /**
  * Represents the [Kendo UI DateInput component for Angular]({% slug overview_dateinput %}#toc-basic-usage).
  */
-let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
+export class DateInputComponent {
     constructor(cdr, intl, renderer, wrapper, ngZone, injector, localization, pickerService) {
         this.cdr = cdr;
         this.intl = intl;
@@ -607,7 +607,7 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
          * ```
          *
          */
-        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onFocus = new EventEmitter();
         /**
          * Fires each time the input element gets blurred.
          * For more information, refer to the section on
@@ -631,7 +631,7 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
          * ```
          *
          */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onBlur = new EventEmitter();
         this.arrow = Arrow;
         this.arrowDirection = Arrow.None;
         this.formatSections = { date: false, time: false };
@@ -656,9 +656,9 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
         this.onControlChange = noop;
         this.onControlTouched = noop;
         this.onValidatorChange = noop;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
+        this._size = DEFAULT_SIZE;
+        this._rounded = DEFAULT_ROUNDED;
+        this._fillMode = DEFAULT_FILL_MODE;
         this.symbolsMap = this.dateSymbolMap();
         this.updateFormatSections();
         if (this.pickerService) {
@@ -694,18 +694,19 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (Default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
+        const newSize = size ? size : DEFAULT_SIZE;
+        if (newSize !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -714,19 +715,20 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (Default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded) {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
+        if (newRounded !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
         }
-        this._rounded = rounded;
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -735,22 +737,23 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'solid'` (Default)
-     * * `'flat'`
-     * * `'outline'`
-     * * `null`
+     * * `solid` (Default)
+     * * `flat`
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode) {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+        if (newFillMode !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
             if (this.spinners && this.spinup && this.spindown) {
-                this.setSpinnerFill(this.spinup.nativeElement, fillMode, this.fillMode);
-                this.setSpinnerFill(this.spindown.nativeElement, fillMode, this.fillMode);
+                this.setSpinnerFill(this.spinup.nativeElement, newFillMode, this.fillMode);
+                this.setSpinnerFill(this.spindown.nativeElement, newFillMode, this.fillMode);
             }
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -1236,7 +1239,6 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
         if (this.disabled || this.readonly || !this.isActive) {
             return;
         }
-        /* tslint:disable-next-line:deprecation */
         event = window.event || event;
         if (event.shiftKey) {
             this.switchDateSegment((event.wheelDelta || -event.detail) > 0 ? -1 : 1);
@@ -1360,7 +1362,7 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
         }
     }
     setSpinnerFill(spinner, fill, oldFill) {
-        if (oldFill) {
+        if (oldFill !== 'none') {
             this.renderer.removeClass(spinner, `k-button-${oldFill}`);
             this.renderer.removeClass(spinner, `k-button-${oldFill}-base`);
         }
@@ -1368,178 +1370,106 @@ let DateInputComponent = DateInputComponent_1 = class DateInputComponent {
         this.renderer.addClass(spinner, `k-button-${fill}-base`);
     }
     setComponentClasses() {
-        if (this.size) {
+        if (this.size !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded) {
+        if (this.rounded !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode) {
+        if (this.fillMode !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
-        if (this.spinners) {
+        if (this.spinners && this.fillMode !== 'none') {
             this.setSpinnerFill(this.spinup.nativeElement, this.fillMode);
             this.setSpinnerFill(this.spindown.nativeElement, this.fillMode);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateInputComponent.prototype, "focusableId", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "readonly", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateInputComponent.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], DateInputComponent.prototype, "tabindex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateInputComponent.prototype, "role", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "ariaReadOnly", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], DateInputComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateInputComponent.prototype, "format", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateInputComponent.prototype, "formatPlaceholder", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateInputComponent.prototype, "placeholder", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateInputComponent.prototype, "steps", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date)
-], DateInputComponent.prototype, "max", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date)
-], DateInputComponent.prototype, "min", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "rangeValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "autoCorrect", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "incompleteDateValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], DateInputComponent.prototype, "twoDigitYearMax", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], DateInputComponent.prototype, "value", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "spinners", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "isPopupOpen", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateInputComponent.prototype, "hasPopup", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], DateInputComponent.prototype, "size", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], DateInputComponent.prototype, "rounded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], DateInputComponent.prototype, "fillMode", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateInputComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateInputComponent.prototype, "valueUpdate", void 0);
-tslib_1.__decorate([
-    Output('focus'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateInputComponent.prototype, "onFocus", void 0);
-tslib_1.__decorate([
-    Output('blur'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateInputComponent.prototype, "onBlur", void 0);
-tslib_1.__decorate([
-    ViewChild('dateInput', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], DateInputComponent.prototype, "dateInput", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-input'),
-    HostBinding('class.k-dateinput'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], DateInputComponent.prototype, "wrapperClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], DateInputComponent.prototype, "disabledClass", null);
-tslib_1.__decorate([
-    ViewChild('spinup', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], DateInputComponent.prototype, "spinup", void 0);
-tslib_1.__decorate([
-    ViewChild('spindown', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], DateInputComponent.prototype, "spindown", void 0);
-DateInputComponent = DateInputComponent_1 = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendo-dateinput',
-        providers: [
-            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateInputComponent_1), multi: true },
-            { provide: NG_VALIDATORS, useExisting: forwardRef(() => DateInputComponent_1), multi: true },
-            { provide: L10N_PREFIX, useValue: 'kendo.dateinput' },
-            { provide: KendoInput, useExisting: forwardRef(() => DateInputComponent_1) },
-            LocalizationService
-        ],
-        selector: 'kendo-dateinput',
-        template: `
+}
+DateInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.IntlService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i2.LocalizationService }, { token: i3.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateInputComponent, selector: "kendo-dateinput", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", tabindex: "tabindex", role: "role", ariaReadOnly: "ariaReadOnly", tabIndex: "tabIndex", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", max: "max", min: "min", rangeValidation: "rangeValidation", autoCorrect: "autoCorrect", incompleteDateValidation: "incompleteDateValidation", twoDigitYearMax: "twoDigitYearMax", value: "value", spinners: "spinners", isPopupOpen: "isPopupOpen", hasPopup: "hasPopup", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", valueUpdate: "valueUpdate", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-input": "this.wrapperClass", "class.k-dateinput": "this.wrapperClass", "class.k-disabled": "this.disabledClass" } }, providers: [
+        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateInputComponent), multi: true },
+        { provide: NG_VALIDATORS, useExisting: forwardRef(() => DateInputComponent), multi: true },
+        { provide: L10N_PREFIX, useValue: 'kendo.dateinput' },
+        { provide: KendoInput, useExisting: forwardRef(() => DateInputComponent) },
+        LocalizationService
+    ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true, static: true }, { propertyName: "spinup", first: true, predicate: ["spinup"], descendants: true }, { propertyName: "spindown", first: true, predicate: ["spindown"], descendants: true }], exportAs: ["kendo-dateinput"], usesOnChanges: true, ngImport: i0, template: `
+    <ng-container kendoDateInputLocalizedMessages
+        i18n-increment="kendo.dateinput.increment|The label for the **Increment** button in the DateInput"
+        increment="Increase value"
+
+        i18n-decrement="kendo.dateinput.decrement|The label for the **Decrement** button in the DateInput"
+        decrement="Decrease value"
+    >
+    </ng-container>
+    <input
+        #dateInput
+        autocomplete="off"
+        autocorrect="off"
+        autocapitalize="off"
+        spellcheck="false"
+        class="k-input-inner"
+        [attr.role]="role"
+        [attr.aria-readonly]="ariaReadOnly"
+        [id]="focusableId"
+        [title]="title"
+        [tabindex]="tabindex"
+        [disabled]="disabled"
+        [readonly]="readonly"
+        [placeholder]="placeholder"
+        [attr.aria-expanded]="isPopupOpen"
+        [attr.aria-haspopup]="hasPopup"
+        [kendoEventsOutsideAngular]="{
+            click: handleClick,
+            focus: handleFocus,
+            mousedown: handleMousedown,
+            touchstart: handleMousedown,
+            dragstart: handleDragAndDrop,
+            drop: handleDragAndDrop,
+            blur: handleBlur
+        }"
+        [scope]="this"
+        />
+    <span *ngIf="spinners" class="k-input-spinner k-spin-button" (mousedown)="$event.preventDefault()">
+        <button
+            #spinup
+            tabindex="-1"
+            class="k-spinner-increase k-button k-icon-button"
+            [class.k-active]="arrowDirection === arrow.Up"
+            (mousedown)="arrowDirection = arrow.Up"
+            (mouseleave)="arrowDirection = arrow.None"
+            (click)="handleButtonClick(1)"
+            [title]="localization.get('increment')"
+            [attr.aria-label]="localization.get('increment')">
+            <span class="k-button-icon k-icon k-i-arrow-n"></span>
+        </button>
+        <button
+            #spindown
+            tabindex="-1"
+            class="k-spinner-decrease k-button k-icon-button"
+            (click)="handleButtonClick(-1)"
+            [class.k-active]="arrowDirection === arrow.Down"
+            (mousedown)="arrowDirection = arrow.Down"
+            (mouseleave)="arrowDirection = arrow.None"
+            [title]="localization.get('decrement')"
+            [attr.aria-label]="localization.get('decrement')">
+            <span class="k-button-icon k-icon k-i-arrow-s"></span>
+        </button>
+    </span>
+  `, isInline: true, directives: [{ type: i4.DateInputLocalizedMessagesDirective, selector: "[kendoDateInputLocalizedMessages]" }, { type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendo-dateinput',
+                    providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateInputComponent), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => DateInputComponent), multi: true },
+                        { provide: L10N_PREFIX, useValue: 'kendo.dateinput' },
+                        { provide: KendoInput, useExisting: forwardRef(() => DateInputComponent) },
+                        LocalizationService
+                    ],
+                    selector: 'kendo-dateinput',
+                    template: `
     <ng-container kendoDateInputLocalizedMessages
         i18n-increment="kendo.dateinput.increment|The label for the **Increment** button in the DateInput"
         increment="Increase value"
@@ -1603,16 +1533,85 @@ DateInputComponent = DateInputComponent_1 = tslib_1.__decorate([
         </button>
     </span>
   `
-    }),
-    tslib_1.__param(7, Optional()),
-    tslib_1.__metadata("design:paramtypes", [ChangeDetectorRef,
-        IntlService,
-        Renderer2,
-        ElementRef,
-        NgZone,
-        Injector,
-        LocalizationService,
-        PickerService])
-], DateInputComponent);
-export { DateInputComponent };
-export { ɵ0, ɵ1 };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.IntlService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }, { type: i2.LocalizationService }, { type: i3.PickerService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { focusableId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], ariaReadOnly: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], formatPlaceholder: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], rangeValidation: [{
+                type: Input
+            }], autoCorrect: [{
+                type: Input
+            }], incompleteDateValidation: [{
+                type: Input
+            }], twoDigitYearMax: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], spinners: [{
+                type: Input
+            }], isPopupOpen: [{
+                type: Input
+            }], hasPopup: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], valueUpdate: [{
+                type: Output
+            }], onFocus: [{
+                type: Output,
+                args: ['focus']
+            }], onBlur: [{
+                type: Output,
+                args: ['blur']
+            }], dateInput: [{
+                type: ViewChild,
+                args: ['dateInput', { static: true }]
+            }], wrapperClass: [{
+                type: HostBinding,
+                args: ['class.k-input']
+            }, {
+                type: HostBinding,
+                args: ['class.k-dateinput']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }], spinup: [{
+                type: ViewChild,
+                args: ['spinup', { static: false }]
+            }], spindown: [{
+                type: ViewChild,
+                args: ['spindown', { static: false }]
+            }] } });

package/esm2015/dateinput/dateinput.module.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { DateInputComponent } from './dateinput.component';
+import { CommonModule } from '@angular/common';
+import { IntlModule } from '@progress/kendo-angular-intl';
+import { DateInputLocalizedMessagesDirective } from './localization/dateinput-localized-messages.directive';
+import { DateInputCustomMessagesComponent } from './localization/dateinput-custom-messages.component';
+import { EventsModule } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the DateInput component.
+ */
+export class DateInputModule {
+}
+DateInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputModule, declarations: [DateInputComponent,
+        DateInputCustomMessagesComponent,
+        DateInputLocalizedMessagesDirective], imports: [CommonModule, IntlModule, EventsModule], exports: [DateInputComponent,
+        DateInputCustomMessagesComponent,
+        DateInputLocalizedMessagesDirective] });
+DateInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputModule, imports: [[CommonModule, IntlModule, EventsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DateInputComponent,
+                        DateInputCustomMessagesComponent,
+                        DateInputLocalizedMessagesDirective
+                    ],
+                    exports: [
+                        DateInputComponent,
+                        DateInputCustomMessagesComponent,
+                        DateInputLocalizedMessagesDirective
+                    ],
+                    imports: [CommonModule, IntlModule, EventsModule]
+                }]
+        }] });

package/esm2015/dateinput/localization/dateinput-custom-messages.component.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { DateInputMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
+ */
+export class DateInputCustomMessagesComponent extends DateInputMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+DateInputCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DateInputCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages", providers: [
+        {
+            provide: DateInputMessages,
+            useExisting: forwardRef(() => DateInputCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: DateInputMessages,
+                            useExisting: forwardRef(() => DateInputCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-dateinput-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });