@progress/kendo-angular-dateinputs 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/dateinput/dateinput.component.mjs

@@ -43,9 +43,23 @@ const TIME_PART_REGEXP = /hour|minute|second|millisecond/;
  * required by the kendo-dateinputs-common package
  */
 export class DateInputIntl {
+    service;
+    format;
+    toString;
+    formatDate;
+    parseDate;
+    parseNumber;
+    formatNumber;
+    splitDateFormat;
+    numberSymbols;
+    firstDay;
+    weekendRange;
+    dateFieldName;
+    dateFormatNames;
+    cldr = {};
+    localeId;
     constructor(service) {
         this.service = service;
-        this.cldr = {};
         this.localeId = service['localeId'];
         this.format = service.format;
         this.toString = service.toString;
@@ -69,226 +83,26 @@ export class DateInputIntl {
  * Represents the [Kendo UI DateInput component for Angular](slug:overview_dateinput).
  */
 export class DateInputComponent {
-    constructor(cdr, intl, renderer, wrapper, ngZone, injector, localization, pickerService) {
-        this.cdr = cdr;
-        this.intl = intl;
-        this.renderer = renderer;
-        this.wrapper = wrapper;
-        this.ngZone = ngZone;
-        this.injector = injector;
-        this.localization = localization;
-        this.pickerService = pickerService;
-        /**
-         * @hidden
-         */
-        this.caretAltUpIcon = caretAltUpIcon;
-        /**
-         * @hidden
-         */
-        this.xIcon = xIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltDownIcon = caretAltDownIcon;
-        /**
-         * If set to `true`, renders a clear button after the input text or DateInput value has been changed.
-         * Clicking this button resets the value of the component to `null` and triggers the `valueChange` event.
-         * @default false
-         */
-        this.clearButton = false;
-        /**
-         * Sets or gets the `disabled` property of the DateInput and
-         * determines whether the component is active
-         * ([see example]({% slug disabled_dateinput %})).
-         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_dateinput#toc-managing-the-dateinput-disabled-state-in-reactive-forms).
-         */
-        this.disabled = false;
-        /**
-         * Sets or gets the read-only state of the DateInput
-         * ([see example]({% slug readonly_dateinput %})).
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Sets the title of the input element of the DateInput.
-         */
-        this.title = "";
-        /**
-         * Sets or gets the `tabIndex` property of the DateInput.
-         */
-        this.tabindex = 0;
-        /**
-         * @hidden
-         */
-        this.role = 'textbox';
-        /**
-         * @hidden
-         */
-        this.ariaReadOnly = false;
-        /**
-         * @hidden
-         */
-        this.isRequired = false;
-        /**
-         * Specifies the date format that is used to display the input value
-         * ([see example]({% slug formats_dateinput %})).
-         *
-         * Format value options:
-         * - `string` - Provide a `string` if a single format is going to be used regardless whether the input is focused or blurred.
-         * - [`FormatSettings`]({% slug api_dateinputs_formatsettings %}) - To display different formats when the component is focused or blurred, provide a settings object with specified `inputFormat` and `displayFormat` values.
-         */
-        this.format = DEFAULT_FORMAT;
-        /**
-         * Specifies the hint the DateInput displays when its value is `null`.
-         * For more information, refer to the article on
-         * [placeholders]({% slug placeholders_dateinput %}).
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <kendo-dateinput placeholder="Enter birth date..."></kendo-dateinput>
-         * `
-         * })
-         * export class AppComponent { }
-         * ```
-         */
-        this.placeholder = null;
-        /**
-         * Configures the incremental steps of the DateInput.
-         * For more information, refer to the article on
-         * [incremental steps]({% slug incrementalsteps_dateinput %}).
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <kendo-dateinput [steps]="steps"></kendo-dateinput>
-         * `
-         * })
-         * export class AppComponent {
-         *   public steps = { year: 10, month: 1, day: 5 };
-         * }
-         * ```
-         */
-        this.steps = {};
-        /**
-         * Determines whether the built-in min or max validators are to be enforced when a form is being validated.
-         */
-        this.rangeValidation = true;
-        /**
-         * Determines whether to autocorrect invalid segments automatically.
-         *
-         * @default true
-         */
-        this.autoCorrectParts = true;
-        /**
-         * Determines whether to automatically move to the next segment after the user completes the current one.
-         *
-         * @default true
-         */
-        this.autoSwitchParts = true;
-        /**
-         * A string array representing custom keys, which will move the focus to the next date format segment.
-         */
-        this.autoSwitchKeys = [];
-        /**
-         * Determines if the users should see a blinking caret inside the Date Input when possible.
-         *
-         * @default false
-         */
-        this.allowCaretMode = false;
-        /**
-         * When enabled, the DateInput will autofill the rest of the date to the current date when the component loses focus.
-         *
-         * @default false
-         */
-        this.autoFill = false;
-        /**
-         * Determines whether the built-in validation for incomplete dates is to be enforced when a form is being validated.
-         */
-        this.incompleteDateValidation = false;
-        /**
-         * The maximum year to assume to be from the current century when typing two-digit year value
-         * ([see example]({% slug formats_dateinput %}#toc-two-digit-year-format)).
-         *
-         * The default value is 68, indicating that typing any value less than 69
-         * will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
-         */
-        this.twoDigitYearMax = TWO_DIGIT_YEAR_MAX;
-        /**
-         * Indicates whether the mouse scroll can be used to increase/decrease the time segments values.
-         *
-         * @default true
-         */
-        this.enableMouseWheel = true;
-        /**
-         * Specifies whether the **Up** and **Down** spin buttons will be rendered.
-         * For more information, refer to the article on
-         * [spinner buttons]({% slug spinbuttons_dateinput %}).
-         */
-        this.spinners = false;
-        /**
-         * Fires each time the user selects a new value
-         * ([see example](slug:events_dateinput)).
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * @hidden
-         * Fires each time the user selects a new value
-         * ([see example](slug:events_dateinput)).
-         */
-        this.valueUpdate = new EventEmitter();
-        /**
-         * Fires each time the user focuses the input element
-         * ([see example](slug:events_dateinput)).
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the input element gets blurred
-         * ([see example](slug:events_dateinput)).
-         */
-        this.onBlur = new EventEmitter();
-        this.arrow = Arrow;
-        this.arrowDirection = Arrow.None;
-        this.formatSections = { date: false, time: false };
-        this.hasMousedown = false;
-        this.focusedPriorToMousedown = false;
-        this.showClearButton = false;
-        /**
-         * @hidden
-         */
-        this.isDateIncomplete = false;
-        this.currentFormat = "";
-        this.minValidator = noop;
-        this.maxValidator = noop;
-        this.incompleteValidator = noop;
-        this._value = null;
-        this._active = false;
-        this._focusableId = `dateinput-${nextId++}`;
-        this._formatPlaceholder = DEFAULT_FORMAT_PLACEHOLDER;
-        this.kendoDate = null;
-        this.kendoDateObject = null;
-        this.domEvents = [];
-        this.onControlChange = noop;
-        this.onControlTouched = noop;
-        this.onValidatorChange = noop;
-        this._size = DEFAULT_SIZE;
-        this._rounded = DEFAULT_ROUNDED;
-        this._fillMode = DEFAULT_FILL_MODE;
-        this.subs = new Subscription();
-        this.parsedAttributes = {};
-        validatePackage(packageMetadata);
-        if (this.pickerService) {
-            this.pickerService.input = this;
-        }
-        else {
-            this.ariaReadOnly = null;
-        }
-    }
+    cdr;
+    intl;
+    renderer;
+    wrapper;
+    ngZone;
+    injector;
+    localization;
+    pickerService;
+    /**
+     * @hidden
+     */
+    caretAltUpIcon = caretAltUpIcon;
+    /**
+     * @hidden
+     */
+    xIcon = xIcon;
+    /**
+     * @hidden
+     */
+    caretAltDownIcon = caretAltDownIcon;
     /**
      * @hidden
      */
@@ -308,6 +122,42 @@ export class DateInputComponent {
             this.focusableId = `${_pickerType}-${nextId}`;
         }
     }
+    /**
+     * If set to `true`, renders a clear button after the input text or DateInput value has been changed.
+     * Clicking this button resets the value of the component to `null` and triggers the `valueChange` event.
+     * @default false
+     */
+    clearButton = false;
+    /**
+     * Sets or gets the `disabled` property of the DateInput and
+     * determines whether the component is active
+     * ([see example]({% slug disabled_dateinput %})).
+     * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_dateinput#toc-managing-the-dateinput-disabled-state-in-reactive-forms).
+     */
+    disabled = false;
+    /**
+     * Sets or gets the read-only state of the DateInput
+     * ([see example]({% slug readonly_dateinput %})).
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Sets the title of the input element of the DateInput.
+     */
+    title = "";
+    /**
+     * Sets or gets the `tabIndex` property of the DateInput.
+     */
+    tabindex = 0;
+    /**
+     * @hidden
+     */
+    role = 'textbox';
+    /**
+     * @hidden
+     */
+    ariaReadOnly = false;
     /**
      * @hidden
      */
@@ -317,6 +167,19 @@ export class DateInputComponent {
     get tabIndex() {
         return this.tabindex;
     }
+    /**
+     * @hidden
+     */
+    isRequired = false;
+    /**
+     * Specifies the date format that is used to display the input value
+     * ([see example]({% slug formats_dateinput %})).
+     *
+     * Format value options:
+     * - `string` - Provide a `string` if a single format is going to be used regardless whether the input is focused or blurred.
+     * - [`FormatSettings`]({% slug api_dateinputs_formatsettings %}) - To display different formats when the component is focused or blurred, provide a settings object with specified `inputFormat` and `displayFormat` values.
+     */
+    format = DEFAULT_FORMAT;
     /**
      * Defines the descriptions of the format sections in the input field.
      * For more information, refer to the article on
@@ -369,6 +232,104 @@ export class DateInputComponent {
     get formatPlaceholder() {
         return this._formatPlaceholder;
     }
+    /**
+     * Specifies the hint the DateInput displays when its value is `null`.
+     * For more information, refer to the article on
+     * [placeholders]({% slug placeholders_dateinput %}).
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <kendo-dateinput placeholder="Enter birth date..."></kendo-dateinput>
+     * `
+     * })
+     * export class AppComponent { }
+     * ```
+     */
+    placeholder = null;
+    /**
+     * Configures the incremental steps of the DateInput.
+     * For more information, refer to the article on
+     * [incremental steps]({% slug incrementalsteps_dateinput %}).
+     *
+     * @example
+     * ```ts
+     * _@Component({
+     * selector: 'my-app',
+     * template: `
+     *  <kendo-dateinput [steps]="steps"></kendo-dateinput>
+     * `
+     * })
+     * export class AppComponent {
+     *   public steps = { year: 10, month: 1, day: 5 };
+     * }
+     * ```
+     */
+    steps = {};
+    /**
+     * Specifies the biggest date that is valid
+     * ([see example]({% slug dateranges_dateinput %})).
+     * By default, the `max` value is `2099-12-31`.
+     */
+    max;
+    /**
+     * Specifies the smallest date that is valid
+     * ([see example]({% slug dateranges_dateinput %})).
+     * By default, the `min` value is `1900-1-1`.
+     */
+    min;
+    /**
+     * Determines whether the built-in min or max validators are to be enforced when a form is being validated.
+     */
+    rangeValidation = true;
+    /**
+     * Determines whether to autocorrect invalid segments automatically.
+     *
+     * @default true
+     */
+    autoCorrectParts = true;
+    /**
+     * Determines whether to automatically move to the next segment after the user completes the current one.
+     *
+     * @default true
+     */
+    autoSwitchParts = true;
+    /**
+     * A string array representing custom keys, which will move the focus to the next date format segment.
+     */
+    autoSwitchKeys = [];
+    /**
+     * Determines if the users should see a blinking caret inside the Date Input when possible.
+     *
+     * @default false
+     */
+    allowCaretMode = false;
+    /**
+     * When enabled, the DateInput will autofill the rest of the date to the current date when the component loses focus.
+     *
+     * @default false
+     */
+    autoFill = false;
+    /**
+     * Determines whether the built-in validation for incomplete dates is to be enforced when a form is being validated.
+     */
+    incompleteDateValidation = false;
+    /**
+     * The maximum year to assume to be from the current century when typing two-digit year value
+     * ([see example]({% slug formats_dateinput %}#toc-two-digit-year-format)).
+     *
+     * The default value is 68, indicating that typing any value less than 69
+     * will be assumed to be 20xx, while 69 and larger will be assumed to be 19xx.
+     */
+    twoDigitYearMax = TWO_DIGIT_YEAR_MAX;
+    /**
+     * Indicates whether the mouse scroll can be used to increase/decrease the time segments values.
+     *
+     * @default true
+     */
+    enableMouseWheel = true;
     /**
      * Specifies the value of the DateInput component.
      *
@@ -383,6 +344,20 @@ export class DateInputComponent {
     get value() {
         return this._value;
     }
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered.
+     * For more information, refer to the article on
+     * [spinner buttons]({% slug spinbuttons_dateinput %}).
+     */
+    spinners = false;
+    /**
+     * @hidden
+     */
+    isPopupOpen;
+    /**
+     * @hidden
+     */
+    hasPopup;
     /**
      * Sets the size of the component.
      *
@@ -467,6 +442,31 @@ export class DateInputComponent {
     get inputAttributes() {
         return this._inputAttributes;
     }
+    /**
+     * Fires each time the user selects a new value
+     * ([see example](slug:events_dateinput)).
+     */
+    valueChange = new EventEmitter();
+    /**
+     * @hidden
+     * Fires each time the user selects a new value
+     * ([see example](slug:events_dateinput)).
+     */
+    valueUpdate = new EventEmitter();
+    /**
+     * Fires each time the user focuses the input element
+     * ([see example](slug:events_dateinput)).
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the input element gets blurred
+     * ([see example](slug:events_dateinput)).
+     */
+    onBlur = new EventEmitter();
+    /**
+     * @hidden
+     */
+    dateInput;
     get wrapperClass() {
         return true;
     }
@@ -524,6 +524,40 @@ export class DateInputComponent {
             intlService: new DateInputIntl(this.intl)
         };
     }
+    arrow = Arrow;
+    arrowDirection = Arrow.None;
+    formatSections = { date: false, time: false };
+    hasMousedown = false;
+    focusedPriorToMousedown = false;
+    showClearButton = false;
+    /**
+     * @hidden
+     */
+    isDateIncomplete = false;
+    currentFormat = "";
+    spinup;
+    spindown;
+    minValidator = noop;
+    maxValidator = noop;
+    incompleteValidator = noop;
+    _value = null;
+    _active = false;
+    _focusableId = `dateinput-${nextId++}`;
+    _formatPlaceholder = DEFAULT_FORMAT_PLACEHOLDER;
+    kendoDate = null;
+    kendoDateObject = null;
+    domEvents = [];
+    ngControl;
+    onControlChange = noop;
+    onControlTouched = noop;
+    onValidatorChange = noop;
+    _size = DEFAULT_SIZE;
+    _rounded = DEFAULT_ROUNDED;
+    _fillMode = DEFAULT_FILL_MODE;
+    control;
+    subs = new Subscription();
+    _inputAttributes;
+    parsedAttributes = {};
     get defaultAttributes() {
         return {
             'aria-readonly': this.ariaReadOnly,
@@ -547,6 +581,23 @@ export class DateInputComponent {
             role: this.role
         };
     }
+    constructor(cdr, intl, renderer, wrapper, ngZone, injector, localization, pickerService) {
+        this.cdr = cdr;
+        this.intl = intl;
+        this.renderer = renderer;
+        this.wrapper = wrapper;
+        this.ngZone = ngZone;
+        this.injector = injector;
+        this.localization = localization;
+        this.pickerService = pickerService;
+        validatePackage(packageMetadata);
+        if (this.pickerService) {
+            this.pickerService.input = this;
+        }
+        else {
+            this.ariaReadOnly = null;
+        }
+    }
     /**
      * @hidden
      * Used by the TextBoxContainer to determine if the component is empty
@@ -890,15 +941,14 @@ export class DateInputComponent {
         const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
         setHTMLAttributes(attributesToRender, this.renderer, this.dateInput.nativeElement, this.ngZone);
     }
-}
-DateInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: DateInputComponent, isStandalone: true, selector: "kendo-dateinput", inputs: { focusableId: "focusableId", pickerType: "pickerType", clearButton: "clearButton", disabled: "disabled", readonly: "readonly", title: "title", tabindex: "tabindex", role: "role", ariaReadOnly: "ariaReadOnly", tabIndex: "tabIndex", isRequired: "isRequired", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", max: "max", min: "min", rangeValidation: "rangeValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", allowCaretMode: "allowCaretMode", autoFill: "autoFill", incompleteDateValidation: "incompleteDateValidation", twoDigitYearMax: "twoDigitYearMax", enableMouseWheel: "enableMouseWheel", value: "value", spinners: "spinners", isPopupOpen: "isPopupOpen", hasPopup: "hasPopup", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", valueUpdate: "valueUpdate", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-readonly": "this.readonly", "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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateInputComponent, isStandalone: true, selector: "kendo-dateinput", inputs: { focusableId: "focusableId", pickerType: "pickerType", clearButton: "clearButton", disabled: "disabled", readonly: "readonly", title: "title", tabindex: "tabindex", role: "role", ariaReadOnly: "ariaReadOnly", tabIndex: "tabIndex", isRequired: "isRequired", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", max: "max", min: "min", rangeValidation: "rangeValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", allowCaretMode: "allowCaretMode", autoFill: "autoFill", incompleteDateValidation: "incompleteDateValidation", twoDigitYearMax: "twoDigitYearMax", enableMouseWheel: "enableMouseWheel", value: "value", spinners: "spinners", isPopupOpen: "isPopupOpen", hasPopup: "hasPopup", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", valueUpdate: "valueUpdate", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-readonly": "this.readonly", "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"
@@ -987,7 +1037,8 @@ DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
         </button>
     </span>
   `, isInline: true, dependencies: [{ kind: "directive", type: DateInputLocalizedMessagesDirective, selector: "[kendoDateInputLocalizedMessages]" }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/dateinput/dateinput.module.mjs

@@ -14,13 +14,13 @@ import * as i2 from "./dateinput.component";
  * definition for the DateInput component.
  */
 export class DateInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateInputModule, imports: [i1.DateInputCustomMessagesComponent, i2.DateInputComponent], exports: [i1.DateInputCustomMessagesComponent, i2.DateInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputModule, providers: [
+            IconsService
+        ], imports: [i2.DateInputComponent] });
 }
-DateInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DateInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateInputModule, imports: [i1.DateInputCustomMessagesComponent, i2.DateInputComponent], exports: [i1.DateInputCustomMessagesComponent, i2.DateInputComponent] });
-DateInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputModule, providers: [
-        IconsService
-    ], imports: [KENDO_DATEINPUT] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_DATEINPUT],

package/{esm2020 → esm2022}/dateinput/localization/dateinput-custom-messages.component.mjs

@@ -11,6 +11,7 @@ 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 {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class DateInputCustomMessagesComponent extends DateInputMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateInputCustomMessagesComponent, isStandalone: true, selector: "kendo-dateinput-messages", providers: [
+            {
+                provide: DateInputMessages,
+                useExisting: forwardRef(() => DateInputCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-DateInputCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateInputCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateInputCustomMessagesComponent, isStandalone: true, selector: "kendo-dateinput-messages", providers: [
-        {
-            provide: DateInputMessages,
-            useExisting: forwardRef(() => DateInputCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/dateinput/localization/dateinput-localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class DateInputLocalizedMessagesDirective extends DateInputMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateInputLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateInputLocalizedMessages]", providers: [
+            {
+                provide: DateInputMessages,
+                useExisting: forwardRef(() => DateInputLocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-DateInputLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-DateInputLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateInputLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateInputLocalizedMessages]", providers: [
-        {
-            provide: DateInputMessages,
-            useExisting: forwardRef(() => DateInputLocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputLocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputLocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [