@progress/kendo-angular-dateinputs 16.5.0 → 16.6.0-develop.10

package/esm2020/calendar/view.component.mjs

@@ -12,12 +12,12 @@ import { cloneDate, weekInYear } from '@progress/kendo-date-math';
 import { getToday, last, setTime, stringifyClassObject } from '../util';
 import { closestInScope } from '../common/dom-queries';
 import { isPresent } from '../common/utils';
+import { KForOf } from './for.directive';
+import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./services/bus-view.service";
 import * as i2 from "@progress/kendo-angular-intl";
 import * as i3 from "./services/disabled-dates.service";
-import * as i4 from "@angular/common";
-import * as i5 from "./for.directive";
 /**
  * @hidden
  */
@@ -235,7 +235,7 @@ export class ViewComponent {
     }
 }
 ViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewComponent, deps: [{ token: i1.BusViewService }, { token: i2.IntlService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i3.DisabledDatesService }], target: i0.ɵɵFactoryTarget.Component });
-ViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ViewComponent, selector: "[kendoCalendarView]", inputs: { allowReverse: "allowReverse", showOtherMonthDays: "showOtherMonthDays", direction: "direction", isActive: "isActive", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", viewDate: "viewDate", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", min: "min", max: "max", selectedDates: "selectedDates", weekNumber: "weekNumber", viewIndex: "viewIndex", templateRef: "templateRef", weekNumberTemplateRef: "weekNumberTemplateRef", headerTitle: "headerTitle" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", focusedCellId: "focusedCellId" }, usesOnChanges: true, ngImport: i0, template: `
+ViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ViewComponent, isStandalone: true, selector: "[kendoCalendarView]", inputs: { allowReverse: "allowReverse", showOtherMonthDays: "showOtherMonthDays", direction: "direction", isActive: "isActive", activeView: "activeView", cellUID: "cellUID", focusedDate: "focusedDate", viewDate: "viewDate", activeRangeEnd: "activeRangeEnd", selectionRange: "selectionRange", min: "min", max: "max", selectedDates: "selectedDates", weekNumber: "weekNumber", viewIndex: "viewIndex", templateRef: "templateRef", weekNumberTemplateRef: "weekNumberTemplateRef", headerTitle: "headerTitle" }, outputs: { cellClick: "cellClick", weekNumberCellClick: "weekNumberCellClick", cellEnter: "cellEnter", cellLeave: "cellLeave", focusedCellId: "focusedCellId" }, usesOnChanges: true, ngImport: i0, template: `
     <ng-template #emptyCell><td class="k-empty k-calendar-td" role="gridcell">&nbsp;</td></ng-template>
     <tr *ngIf="!isHorizontal()" class="k-calendar-tr" role="row" [attr.aria-hidden]="ariaHidden"><th class="k-calendar-caption" scope="col" [colSpan]="colSpan">{{title}}</th></tr>
     <tr *kFor="let row of data; let rowIndex = index" class="k-calendar-tr" role="row">
@@ -282,7 +282,7 @@ ViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             </td>
         </ng-container>
     </tr>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: KForOf, selector: "[kFor][kForOf]", inputs: ["kForOf", "kForTrackBy", "kForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -335,7 +335,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             </td>
         </ng-container>
     </tr>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgIf, KForOf, NgTemplateOutlet, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.BusViewService }, { type: i2.IntlService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i3.DisabledDatesService }]; }, propDecorators: { allowReverse: [{
                 type: Input

package/esm2020/common/adaptive.module.mjs

@@ -3,34 +3,42 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { ResizeSensorModule } from '@progress/kendo-angular-common';
-import { NavigationModule } from '@progress/kendo-angular-navigation';
-import { ButtonModule } from '@progress/kendo-angular-buttons';
+import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
+import { KENDO_NAVIGATION } from '@progress/kendo-angular-navigation';
+import { KENDO_RESIZESENSOR, ResizeBatchService } from '@progress/kendo-angular-common';
+import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
-const ADAPTIVE_MODULES = [
-    NavigationModule,
-    ResizeSensorModule,
-    ButtonModule
+import * as i1 from "@progress/kendo-angular-common";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "@progress/kendo-angular-navigation";
+const KENDO_ADAPTIVE = [
+    ...KENDO_RESIZESENSOR,
+    ...KENDO_BUTTON,
+    ...KENDO_NAVIGATION
 ];
+//IMPORTANT: This module is not needed and can be removed in the following major release.
+//The reason to keep it is that the module used to be public prior the migration to standalone.
 /**
+ * @hidden
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the modules specific to the Adaptive Mode.
  */
 export class AdaptiveModule {
 }
 AdaptiveModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdaptiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AdaptiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AdaptiveModule, imports: [NavigationModule,
-        ResizeSensorModule,
-        ButtonModule], exports: [NavigationModule,
-        ResizeSensorModule,
-        ButtonModule] });
-AdaptiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdaptiveModule, imports: [ADAPTIVE_MODULES, NavigationModule,
-        ResizeSensorModule,
-        ButtonModule] });
+AdaptiveModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AdaptiveModule, imports: [i1.ResizeSensorComponent, i2.ButtonComponent, i3.ActionSheetComponent, i3.ActionSheetHeaderTemplateDirective, i3.ActionSheetItemTemplateDirective, i3.ActionSheetContentTemplateDirective, i3.ActionSheetFooterTemplateDirective, i3.ActionSheetTemplateDirective, i3.AppBarComponent, i3.AppBarSectionComponent, i3.AppBarSpacerComponent, i3.BottomNavigationComponent, i3.BottomNavigationItemTemplateDirective, i3.BreadCrumbComponent, i3.BreadCrumbItemTemplateDirective], exports: [i1.ResizeSensorComponent, i2.ButtonComponent, i3.ActionSheetComponent, i3.ActionSheetHeaderTemplateDirective, i3.ActionSheetItemTemplateDirective, i3.ActionSheetContentTemplateDirective, i3.ActionSheetFooterTemplateDirective, i3.ActionSheetTemplateDirective, i3.AppBarComponent, i3.AppBarSectionComponent, i3.AppBarSpacerComponent, i3.BottomNavigationComponent, i3.BottomNavigationItemTemplateDirective, i3.BreadCrumbComponent, i3.BreadCrumbItemTemplateDirective] });
+AdaptiveModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdaptiveModule, providers: [
+        ResizeBatchService,
+        IconsService
+    ], imports: [i1.ResizeSensorComponent, i2.ButtonComponent, i3.ActionSheetComponent, i3.AppBarComponent, i3.AppBarSectionComponent, i3.AppBarSpacerComponent, i3.BottomNavigationComponent, i3.BreadCrumbComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AdaptiveModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [...ADAPTIVE_MODULES],
-                    exports: [...ADAPTIVE_MODULES]
+                    imports: [...KENDO_ADAPTIVE],
+                    exports: [...KENDO_ADAPTIVE],
+                    providers: [
+                        ResizeBatchService,
+                        IconsService
+                    ]
                 }]
         }] });

package/esm2020/dateinput/dateinput.component.mjs

@@ -12,7 +12,7 @@ import { IntlService, localeData } from '@progress/kendo-angular-intl';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
-import { hasObservers, isControlRequired, KendoInput, setHTMLAttributes, removeHTMLAttributes, isObjectPresent, parseAttributes, anyChanged } from '@progress/kendo-angular-common';
+import { hasObservers, isControlRequired, KendoInput, setHTMLAttributes, removeHTMLAttributes, isObjectPresent, parseAttributes, anyChanged, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
 import { Arrow } from './arrow.enum';
 import { noop, isValidRange, getSizeClass, getRoundedClass, getFillModeClass, DEFAULT_FILL_MODE, DEFAULT_ROUNDED, DEFAULT_SIZE } from '../util';
 import { PickerService } from '../common/picker.service';
@@ -21,14 +21,13 @@ import { requiresZoneOnBlur, isPresent, attributeNames } from '../common/utils';
 import { Subscription } from 'rxjs';
 import { caretAltDownIcon, caretAltUpIcon, xIcon } from '@progress/kendo-svg-icons';
 import { DateInput } from '@progress/kendo-dateinputs-common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { NgIf } from '@angular/common';
+import { DateInputLocalizedMessagesDirective } from './localization/dateinput-localized-messages.directive';
 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 "@angular/common";
-import * as i5 from "@progress/kendo-angular-common";
-import * as i6 from "@progress/kendo-angular-icons";
-import * as i7 from "./localization/dateinput-localized-messages.directive";
 let nextId = 0;
 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';
@@ -181,10 +180,7 @@ export class DateInputComponent {
          */
         this.rangeValidation = true;
         /**
-         * @hidden
-         *
-         * Determines whether to auto correct invalid segments automatically.
-         * TODO: To be fixed in common package before enabling: https://github.com/telerik/kendo-dateinputs-common/issues/24
+         * Determines whether to autocorrect invalid segments automatically.
          *
          * @default true
          */
@@ -615,7 +611,7 @@ export class DateInputComponent {
             this.kendoDate?.setOptions(this.options, true);
             this.updateFormatSections();
         }
-        if (anyChanged(['enableMouseWheel', 'autoFill', 'autoSwitchParts', 'autoSwitchKeys', 'twoDigitYearMax', 'allowCaretMode'], changes)) {
+        if (anyChanged(['enableMouseWheel', 'autoFill', 'autoSwitchParts', 'autoSwitchKeys', 'twoDigitYearMax', 'allowCaretMode', 'autoCorrectParts'], changes)) {
             if (!this.kendoDate) {
                 return;
             }
@@ -894,7 +890,7 @@ export class DateInputComponent {
     }
 }
 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, 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: [
+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' },
@@ -988,7 +984,7 @@ DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
                 </kendo-icon-wrapper>
         </button>
     </span>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: i7.DateInputLocalizedMessagesDirective, selector: "[kendoDateInputLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, 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: [{
             type: Component,
             args: [{
@@ -1090,7 +1086,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-icon-wrapper>
         </button>
     </span>
-  `
+  `,
+                    standalone: true,
+                    imports: [DateInputLocalizedMessagesDirective, EventsOutsideAngularDirective, NgIf, IconWrapperComponent]
                 }]
         }], 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

package/esm2020/dateinput/dateinput.module.mjs

@@ -3,14 +3,12 @@
 * 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 { IconsModule } from '@progress/kendo-angular-icons';
+import { KENDO_DATEINPUT } from '../directives';
+import { IconsService } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
+import * as i1 from "./localization/dateinput-custom-messages.component";
+import * as i2 from "./dateinput.component";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the DateInput component.
@@ -18,25 +16,17 @@ import * as i0 from "@angular/core";
 export class DateInputModule {
 }
 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, declarations: [DateInputComponent,
-        DateInputCustomMessagesComponent,
-        DateInputLocalizedMessagesDirective], imports: [CommonModule, IntlModule, EventsModule, IconsModule], exports: [DateInputComponent,
-        DateInputCustomMessagesComponent,
-        DateInputLocalizedMessagesDirective] });
-DateInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputModule, imports: [CommonModule, IntlModule, EventsModule, IconsModule] });
+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: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        DateInputComponent,
-                        DateInputCustomMessagesComponent,
-                        DateInputLocalizedMessagesDirective
-                    ],
-                    exports: [
-                        DateInputComponent,
-                        DateInputCustomMessagesComponent,
-                        DateInputLocalizedMessagesDirective
-                    ],
-                    imports: [CommonModule, IntlModule, EventsModule, IconsModule]
+                    exports: [...KENDO_DATEINPUT],
+                    imports: [...KENDO_DATEINPUT],
+                    providers: [
+                        IconsService
+                    ]
                 }]
         }] });

package/esm2020/dateinput/localization/dateinput-custom-messages.component.mjs

@@ -20,7 +20,7 @@ export class DateInputCustomMessagesComponent extends DateInputMessages {
     }
 }
 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, selector: "kendo-dateinput-messages", providers: [
+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)
@@ -36,6 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         }
                     ],
                     selector: 'kendo-dateinput-messages',
-                    template: ``
+                    template: ``,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/dateinput/localization/dateinput-localized-messages.directive.mjs

@@ -17,7 +17,7 @@ export class DateInputLocalizedMessagesDirective extends DateInputMessages {
     }
 }
 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, selector: "[kendoDateInputLocalizedMessages]", providers: [
+DateInputLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateInputLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateInputLocalizedMessages]", providers: [
         {
             provide: DateInputMessages,
             useExisting: forwardRef(() => DateInputLocalizedMessagesDirective)
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => DateInputLocalizedMessagesDirective)
                         }
                     ],
-                    selector: '[kendoDateInputLocalizedMessages]'
+                    selector: '[kendoDateInputLocalizedMessages]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/dateinputs.module.mjs

@@ -3,21 +3,54 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CalendarsModule } from './calendar/calendars.module';
-import { DateInputModule } from './dateinput/dateinput.module';
-import { DatePickerModule } from './datepicker/datepicker.module';
-import { DateRangeModule } from './daterange/date-range.module';
-import { TimePickerModule } from './timepicker/timepicker.module';
-import { DateTimePickerModule } from './datetimepicker/datetimepicker.module';
+import { KENDO_DATEINPUTS } from './directives';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { CenturyViewService } from './calendar/services/century-view.service';
+import { DecadeViewService } from './calendar/services/decade-view.service';
+import { CalendarDOMService } from './calendar/services/dom.service';
+import { MonthViewService } from './calendar/services/month-view.service';
+import { NavigationService } from './calendar/services/navigation.service';
+import { WeekNamesService } from './calendar/services/weeknames.service';
+import { YearViewService } from './calendar/services/year-view.service';
+import { DayPeriodService } from './timepicker/services/dayperiod.service';
+import { TimePickerDOMService } from './timepicker/services/dom.service';
+import { HoursService } from './timepicker/services/hours.service';
+import { MillisecondsService } from './timepicker/services/milliseconds.service';
+import { MinutesService } from './timepicker/services/minutes.service';
+import { SecondsService } from './timepicker/services/seconds.service';
 import * as i0 from "@angular/core";
-const COMPONENT_MODULES = [
-    CalendarsModule,
-    DateInputModule,
-    DatePickerModule,
-    TimePickerModule,
-    DateRangeModule,
-    DateTimePickerModule
-];
+import * as i1 from "./calendar/localization/calendar-custom-messages.component";
+import * as i2 from "./calendar/calendar.component";
+import * as i3 from "./calendar/templates/cell-template.directive";
+import * as i4 from "./calendar/templates/century-cell-template.directive";
+import * as i5 from "./calendar/templates/decade-cell-template.directive";
+import * as i6 from "./calendar/templates/footer-template.directive";
+import * as i7 from "./calendar/templates/header-template.directive";
+import * as i8 from "./calendar/templates/header-title-template.directive";
+import * as i9 from "./calendar/templates/month-cell-template.directive";
+import * as i10 from "./calendar/templates/navigation-item-template.directive";
+import * as i11 from "./calendar/templates/weeknumber-cell-template.directive";
+import * as i12 from "./calendar/templates/year-cell-template.directive";
+import * as i13 from "./calendar/localization/multiview-calendar-custom-messages.component";
+import * as i14 from "./calendar/multiview-calendar.component";
+import * as i15 from "./dateinput/localization/dateinput-custom-messages.component";
+import * as i16 from "./dateinput/dateinput.component";
+import * as i17 from "./datepicker/localization/datepicker-custom-messages.component";
+import * as i18 from "./datepicker/datepicker.component";
+import * as i19 from "./daterange/localization/daterange-popup-custom-messages.component";
+import * as i20 from "./daterange/date-range-end-input.directive";
+import * as i21 from "./daterange/date-range-popup-template.directive";
+import * as i22 from "./daterange/date-range.component";
+import * as i23 from "./daterange/date-range-popup.component";
+import * as i24 from "./daterange/date-range-selection.directive";
+import * as i25 from "./daterange/date-range-start-input.directive";
+import * as i26 from "./datetimepicker/localization/datetimepicker-custom-messages.component";
+import * as i27 from "./datetimepicker/datetimepicker.component";
+import * as i28 from "./timepicker/localization/timepicker-custom-messages.component";
+import * as i29 from "./timepicker/timepicker.component";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Date Inputs components.
@@ -52,27 +85,51 @@ const COMPONENT_MODULES = [
 export class DateInputsModule {
 }
 DateInputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DateInputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateInputsModule, imports: [CalendarsModule,
-        DateInputModule,
-        DatePickerModule,
-        TimePickerModule,
-        DateRangeModule,
-        DateTimePickerModule], exports: [CalendarsModule,
-        DateInputModule,
-        DatePickerModule,
-        TimePickerModule,
-        DateRangeModule,
-        DateTimePickerModule] });
-DateInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputsModule, imports: [COMPONENT_MODULES, CalendarsModule,
-        DateInputModule,
-        DatePickerModule,
-        TimePickerModule,
-        DateRangeModule,
-        DateTimePickerModule] });
+DateInputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateInputsModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i19.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i20.DateRangeEndInputDirective, i21.DateRangePopupTemplateDirective, i22.DateRangeComponent, i23.DateRangePopupComponent, i24.DateRangeSelectionDirective, i25.DateRangeStartInputDirective, i26.DateTimePickerCustomMessagesComponent, i27.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i28.TimePickerCustomMessagesComponent, i29.TimePickerComponent], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i19.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i20.DateRangeEndInputDirective, i21.DateRangePopupTemplateDirective, i22.DateRangeComponent, i23.DateRangePopupComponent, i24.DateRangeSelectionDirective, i25.DateRangeStartInputDirective, i26.DateTimePickerCustomMessagesComponent, i27.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i28.TimePickerCustomMessagesComponent, i29.TimePickerComponent] });
+DateInputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputsModule, providers: [
+        // CalendarModule providers
+        IconsService,
+        ResizeBatchService,
+        CalendarDOMService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        PopupService,
+        NavigationService,
+        // TimePickerModule providers
+        TimePickerDOMService,
+        HoursService,
+        MinutesService,
+        SecondsService,
+        MillisecondsService,
+        DayPeriodService
+    ], imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i19.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i22.DateRangeComponent, i23.DateRangePopupComponent, i26.DateTimePickerCustomMessagesComponent, i27.DateTimePickerComponent, i28.TimePickerCustomMessagesComponent, i29.TimePickerComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateInputsModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: COMPONENT_MODULES,
-                    imports: COMPONENT_MODULES
+                    exports: [...KENDO_DATEINPUTS],
+                    imports: [...KENDO_DATEINPUTS],
+                    providers: [
+                        // CalendarModule providers
+                        IconsService,
+                        ResizeBatchService,
+                        CalendarDOMService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        PopupService,
+                        NavigationService,
+                        // TimePickerModule providers
+                        TimePickerDOMService,
+                        HoursService,
+                        MinutesService,
+                        SecondsService,
+                        MillisecondsService,
+                        DayPeriodService
+                    ]
                 }]
         }] });