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

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

@@ -2,34 +2,40 @@
 * 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 TimePickerComponent_1;
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, TemplateRef, ViewChild, ViewContainerRef, Inject, Optional, Renderer2, forwardRef, isDevMode, Injector } from '@angular/core';
+import { Component, ChangeDetectionStrategy, EventEmitter, HostBinding, Input, Output, ViewChild, ViewContainerRef, Inject, Optional, forwardRef, isDevMode } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { PopupService } from '@progress/kendo-angular-popup';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
 import { hasObservers, KendoInput, guid, Keys } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../defaults';
-import { IntlService } from '@progress/kendo-angular-intl';
 import { PickerService } from '../common/picker.service';
 import { requiresZoneOnBlur, currentFocusTarget } from '../common/utils';
 import { TIME_PART } from './models/time-part.default';
 import { PreventableEvent } from '../preventable-event';
-import { noop, setTime, isWindowAvailable, getFillModeClass, getSizeClass, getRoundedClass } from '../util';
+import { noop, setTime, isWindowAvailable, getFillModeClass, getSizeClass, getRoundedClass, DEFAULT_FILL_MODE, DEFAULT_ROUNDED, DEFAULT_SIZE } from '../util';
 import { timeRangeValidator } from '../validators/time-range.validator';
 import { TOUCH_ENABLED } from '../touch-enabled';
 import { fromEvent } from 'rxjs';
 import { incompleteDateValidator } from '../validators/incomplete-date.validator';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "@progress/kendo-angular-popup";
+import * as i3 from "../common/picker.service";
+import * as i4 from "@progress/kendo-angular-intl";
+import * as i5 from "../dateinput/dateinput.component";
+import * as i6 from "./timeselector.component";
+import * as i7 from "./localization/timeselector-custom-messages.component";
+import * as i8 from "./localization/timepicker-localized-messages.directive";
+import * as i9 from "@progress/kendo-angular-common";
 const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/#toc-integration-with-json';
 const INTL_DATE_FORMAT = 'https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md';
 const formatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.millisecond}|${TIME_PART.dayperiod}|literal`);
 /**
  * Represents the [Kendo UI TimePicker component for Angular]({% slug overview_timepicker %}#toc-basic-usage).
  */
-let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
+export class TimePickerComponent {
     constructor(zone, localization, cdr, popupService, wrapper, renderer, injector, pickerService, intl, touchEnabled) {
         this.zone = zone;
         this.localization = localization;
@@ -140,7 +146,7 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
          * }
          * ```
          */
-        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
@@ -163,7 +169,7 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
          * }
          * ```
          */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onBlur = new EventEmitter();
         /**
          * Fires each time the popup is about to open.
          * This event is preventable. If you cancel the event, the popup will remain closed.
@@ -197,9 +203,9 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
         this._value = null;
         this._active = false;
         this.domEvents = [];
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
+        this._size = DEFAULT_SIZE;
+        this._rounded = DEFAULT_ROUNDED;
+        this._fillMode = DEFAULT_FILL_MODE;
         validatePackage(packageMetadata);
         this.pickerSubscriptions = this.pickerService.onFocus.subscribe(this.handleFocus.bind(this));
         this.pickerSubscriptions.add(this.pickerService.onBlur.subscribe(this.handleBlur.bind(this)));
@@ -289,20 +295,21 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
      * 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));
         this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('input', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('input', size));
+        const newSize = size ? size : DEFAULT_SIZE;
+        if (newSize !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('input', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -311,19 +318,20 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
      * 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;
@@ -332,22 +340,23 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
      * 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));
         this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
         this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
-        if (fillMode) {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${fillMode}-base`);
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+        if (newFillMode !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
+            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', newFillMode));
+            this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${newFillMode}-base`);
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -541,7 +550,7 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
      * Blurs the TimePicker component.
      */
     blur() {
-        (this.timeSelector || this.input)['blur'](); //tslint:disable-line:no-string-literal
+        (this.timeSelector || this.input)['blur']();
     }
     /**
      * Toggles the visibility of the popup. If you use the `toggle` method to show or hide the popup,
@@ -790,163 +799,129 @@ let TimePickerComponent = TimePickerComponent_1 = class TimePickerComponent {
             this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
-};
-tslib_1.__decorate([
-    ViewChild('container', { read: ViewContainerRef, static: false }),
-    tslib_1.__metadata("design:type", ViewContainerRef)
-], TimePickerComponent.prototype, "container", void 0);
-tslib_1.__decorate([
-    ViewChild('popupTemplate', { static: false }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], TimePickerComponent.prototype, "popupTemplate", void 0);
-tslib_1.__decorate([
-    ViewChild('toggleButton', { static: true }),
-    tslib_1.__metadata("design:type", ElementRef)
-], TimePickerComponent.prototype, "toggleButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TimePickerComponent.prototype, "focusableId", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "readonly", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "readOnlyInput", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TimePickerComponent.prototype, "format", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TimePickerComponent.prototype, "formatPlaceholder", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TimePickerComponent.prototype, "placeholder", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], TimePickerComponent.prototype, "min", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], TimePickerComponent.prototype, "max", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "incompleteDateValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "cancelButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "nowButton", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], TimePickerComponent.prototype, "steps", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], TimePickerComponent.prototype, "popupSettings", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TimePickerComponent.prototype, "tabindex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], TimePickerComponent.prototype, "tabIndex", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TimePickerComponent.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "rangeValidation", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Date),
-    tslib_1.__metadata("design:paramtypes", [Date])
-], TimePickerComponent.prototype, "value", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], TimePickerComponent.prototype, "size", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], TimePickerComponent.prototype, "rounded", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], TimePickerComponent.prototype, "fillMode", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimePickerComponent.prototype, "valueChange", void 0);
-tslib_1.__decorate([
-    Output('focus'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimePickerComponent.prototype, "onFocus", void 0);
-tslib_1.__decorate([
-    Output('blur'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimePickerComponent.prototype, "onBlur", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimePickerComponent.prototype, "open", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TimePickerComponent.prototype, "close", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-timepicker'),
-    HostBinding('class.k-input'),
-    tslib_1.__metadata("design:type", Boolean)
-], TimePickerComponent.prototype, "wrapperClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TimePickerComponent.prototype, "disabledClass", null);
-TimePickerComponent = TimePickerComponent_1 = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        exportAs: 'kendo-timepicker',
-        providers: [
-            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent_1), multi: true },
-            { provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent_1), multi: true },
-            { provide: KendoInput, useExisting: forwardRef(() => TimePickerComponent_1) },
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.timepicker'
-            },
-            PickerService
-        ],
-        selector: 'kendo-timepicker',
-        template: `
+}
+TimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimePickerComponent, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i3.PickerService }, { token: i4.IntlService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimePickerComponent, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", cancelButton: "cancelButton", nowButton: "nowButton", steps: "steps", popupSettings: "popupSettings", tabindex: "tabindex", tabIndex: "tabIndex", title: "title", rangeValidation: "rangeValidation", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { properties: { "class.k-timepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
+        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent), multi: true },
+        { provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent), multi: true },
+        { provide: KendoInput, useExisting: forwardRef(() => TimePickerComponent) },
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.timepicker'
+        },
+        PickerService
+    ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true, static: true }], exportAs: ["kendo-timepicker"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoTimePickerLocalizedMessages
+            i18n-accept="kendo.timepicker.accept|The Accept button text in the timepicker component"
+            accept="Set"
+
+            i18n-acceptLabel="kendo.timepicker.acceptLabel|The label for the Accept button in the timepicker component"
+            acceptLabel="Set time"
+
+            i18n-cancel="kendo.timepicker.cancel|The Cancel button text in the timepicker component"
+            cancel="Cancel"
+
+            i18n-cancelLabel="kendo.timepicker.cancelLabel|The label for the Cancel button in the timepicker component"
+            cancelLabel="Cancel changes"
+
+            i18n-now="kendo.timepicker.now|The Now button text in the timepicker component"
+            now="Now"
+
+            i18n-nowLabel="kendo.timepicker.nowLabel|The label for the Now button in the timepicker component"
+            nowLabel="Select now"
+
+            i18n-toggle="kendo.timepicker.toggle|The label for the toggle button in the timepicker component"
+            toggle="Toggle time list"
+        >
+        </ng-container>
+        <kendo-dateinput
+            #input
+            [focusableId]="focusableId"
+            [hasPopup]="true"
+            [isPopupOpen]="show"
+            [disabled]="disabled"
+            [readonly]="readonly || readOnlyInput"
+            [role]="inputRole"
+            [ariaReadOnly]="readonly"
+            [format]="format"
+            [formatPlaceholder]="formatPlaceholder"
+            [placeholder]="placeholder"
+            [min]="normalizeTime(min)"
+            [max]="normalizeTime(max)"
+            [incompleteDateValidation]="incompleteDateValidation"
+            [fillMode]="fillMode"
+            [rounded]="rounded"
+            [size]="size"
+            [steps]="steps"
+            [tabindex]="!show ? tabindex : -1"
+            [title]="title"
+            [value]="value"
+            (valueChange)="handleInputChange($event)"
+        ></kendo-dateinput>
+        <button
+            #toggleButton
+            type="button"
+            class="k-input-button k-button k-icon-button"
+            [attr.title]="localization.get('toggle')"
+            [attr.aria-label]="localization.get('toggle')"
+            [kendoEventsOutsideAngular]="{
+                click: handleIconClick,
+                mousedown: handleMousedown
+            }"
+            [scope]="this"
+        >
+            <span class="k-button-icon k-icon k-i-clock"></span>
+        </button>
+        <ng-template #popupTemplate>
+            <kendo-timeselector
+                #timeSelector
+                [cancelButton]="cancelButton"
+                [nowButton]="nowButton"
+                [format]="format"
+                [min]="min"
+                [max]="max"
+                [steps]="steps"
+                [value]="value"
+                [kendoEventsOutsideAngular]="{
+                    keydown: handleKeydown,
+                    mousedown: handleMousedown
+                }"
+                [scope]="this"
+                (valueChange)="handleChange($event)"
+                (valueReject)="handleReject()"
+            >
+                <kendo-timeselector-messages
+                    [acceptLabel]="localization.get('acceptLabel')"
+                    [accept]="localization.get('accept')"
+                    [cancelLabel]="localization.get('cancelLabel')"
+                    [cancel]="localization.get('cancel')"
+                    [nowLabel]="localization.get('nowLabel')"
+                    [now]="localization.get('now')"
+                >
+                </kendo-timeselector-messages>
+            </kendo-timeselector>
+        </ng-template>
+        <ng-container #container></ng-container>
+    `, isInline: true, components: [{ type: i5.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i6.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "steps", "value"], outputs: ["valueChange", "valueReject"], exportAs: ["kendo-timeselector"] }, { type: i7.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], directives: [{ type: i8.TimePickerLocalizedMessagesDirective, selector: "[kendoTimePickerLocalizedMessages]" }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendo-timepicker',
+                    providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent), multi: true },
+                        { provide: KendoInput, useExisting: forwardRef(() => TimePickerComponent) },
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.timepicker'
+                        },
+                        PickerService
+                    ],
+                    selector: 'kendo-timepicker',
+                    template: `
         <ng-container kendoTimePickerLocalizedMessages
             i18n-accept="kendo.timepicker.accept|The Accept button text in the timepicker component"
             accept="Set"
@@ -1039,16 +1014,84 @@ TimePickerComponent = TimePickerComponent_1 = tslib_1.__decorate([
         </ng-template>
         <ng-container #container></ng-container>
     `
-    }),
-    tslib_1.__param(9, Optional()), tslib_1.__param(9, Inject(TOUCH_ENABLED)),
-    tslib_1.__metadata("design:paramtypes", [NgZone,
-        LocalizationService,
-        ChangeDetectorRef,
-        PopupService,
-        ElementRef,
-        Renderer2,
-        Injector,
-        PickerService,
-        IntlService, Boolean])
-], TimePickerComponent);
-export { TimePickerComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i3.PickerService }, { type: i4.IntlService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TOUCH_ENABLED]
+                }] }]; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: false }]
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popupTemplate', { static: false }]
+            }], toggleButton: [{
+                type: ViewChild,
+                args: ['toggleButton', { static: true }]
+            }], focusableId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], readOnlyInput: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], formatPlaceholder: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], incompleteDateValidation: [{
+                type: Input
+            }], cancelButton: [{
+                type: Input
+            }], nowButton: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], tabIndex: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], rangeValidation: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], onFocus: [{
+                type: Output,
+                args: ['focus']
+            }], onBlur: [{
+                type: Output,
+                args: ['blur']
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], wrapperClasses: [{
+                type: HostBinding,
+                args: ['class.k-timepicker']
+            }, {
+                type: HostBinding,
+                args: ['class.k-input']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-disabled']
+            }] } });

package/{dist/es2015 → esm2015}/timepicker/timepicker.module.js

@@ -2,7 +2,6 @@
 * 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";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { IntlModule } from '@progress/kendo-angular-intl';
@@ -25,6 +24,7 @@ import { TimeSelectorCustomMessagesComponent } from './localization/timeselector
 import { touchEnabled } from '@progress/kendo-common';
 import { TOUCH_ENABLED } from '../touch-enabled';
 import { EventsModule } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     TimePickerLocalizedMessagesDirective,
     TimeListComponent,
@@ -41,7 +41,6 @@ const COMPONENT_MODULES = [
     VirtualizationModule,
     EventsModule
 ];
-const ɵ0 = touchEnabled;
 const providers = [
     TimePickerDOMService,
     HoursService,
@@ -51,22 +50,40 @@ const providers = [
     DayPeriodService,
     {
         provide: TOUCH_ENABLED,
-        useValue: ɵ0
+        useValue: touchEnabled
     }
 ];
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the TimePicker component.
  */
-let TimePickerModule = class TimePickerModule {
-};
-TimePickerModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        exports: [COMPONENT_DIRECTIVES],
-        imports: [CommonModule, ...COMPONENT_MODULES],
-        providers: providers
-    })
-], TimePickerModule);
-export { TimePickerModule };
-export { ɵ0 };
+export class TimePickerModule {
+}
+TimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimePickerModule, declarations: [TimePickerLocalizedMessagesDirective,
+        TimeListComponent,
+        TimePickerCustomMessagesComponent,
+        TimePickerComponent,
+        TimeSelectorLocalizedMessagesDirective,
+        TimeSelectorCustomMessagesComponent,
+        TimeSelectorComponent], imports: [CommonModule, DateInputModule,
+        IntlModule,
+        PopupModule,
+        VirtualizationModule,
+        EventsModule], exports: [TimePickerLocalizedMessagesDirective,
+        TimeListComponent,
+        TimePickerCustomMessagesComponent,
+        TimePickerComponent,
+        TimeSelectorLocalizedMessagesDirective,
+        TimeSelectorCustomMessagesComponent,
+        TimeSelectorComponent] });
+TimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimePickerModule, providers: providers, imports: [[CommonModule, ...COMPONENT_MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TimePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    exports: [COMPONENT_DIRECTIVES],
+                    imports: [CommonModule, ...COMPONENT_MODULES],
+                    providers: providers
+                }]
+        }] });