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

package/esm2020/daterange/date-range.module.mjs

@@ -3,38 +3,27 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { MultiViewCalendarModule } from '../calendar/multiview-calendar.module';
-import { DateInputModule } from '../dateinput/dateinput.module';
-import { DateRangeEndInputDirective } from './date-range-end-input.directive';
-import { DateRangeStartInputDirective } from './date-range-start-input.directive';
-import { DateRangeComponent } from './date-range.component';
-import { DateRangePopupComponent } from './date-range-popup.component';
-import { DateRangePopupTemplateDirective } from './date-range-popup-template.directive';
-import { DateRangeSelectionDirective } from './date-range-selection.directive';
-import { EventsModule } from '@progress/kendo-angular-common';
-import { AdaptiveModule } from '../common/adaptive.module';
-import { DateRangePopupCustomMessagesComponent } from './localization/daterange-popup-custom-messages.component';
-import { DateRangePopupLocalizedMessagesDirective } from './localization/daterange-popup-localized-messages.directive';
+import { KENDO_DATERANGE } from '../directives';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { CenturyViewService } from '../calendar/services/century-view.service';
+import { DecadeViewService } from '../calendar/services/decade-view.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 { IconsService } from '@progress/kendo-angular-icons';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
-const COMPONENT_DIRECTIVES = [
-    DateRangeComponent,
-    DateRangePopupComponent,
-    DateRangePopupTemplateDirective,
-    DateRangeSelectionDirective,
-    DateRangeStartInputDirective,
-    DateRangeEndInputDirective,
-    DateRangePopupCustomMessagesComponent,
-    DateRangePopupLocalizedMessagesDirective
-];
-const COMPONENT_MODULES = [
-    MultiViewCalendarModule,
-    DateInputModule,
-    PopupModule,
-    EventsModule,
-    AdaptiveModule
-];
+import * as i1 from "./localization/daterange-popup-custom-messages.component";
+import * as i2 from "../dateinput/localization/dateinput-custom-messages.component";
+import * as i3 from "../dateinput/dateinput.component";
+import * as i4 from "./date-range-end-input.directive";
+import * as i5 from "./date-range-popup-template.directive";
+import * as i6 from "./date-range.component";
+import * as i7 from "./date-range-popup.component";
+import * as i8 from "./date-range-selection.directive";
+import * as i9 from "./date-range-start-input.directive";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * The exported package module.
  *
@@ -76,31 +65,39 @@ const COMPONENT_MODULES = [
 export class DateRangeModule {
 }
 DateRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DateRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, declarations: [DateRangeComponent,
-        DateRangePopupComponent,
-        DateRangePopupTemplateDirective,
-        DateRangeSelectionDirective,
-        DateRangeStartInputDirective,
-        DateRangeEndInputDirective,
-        DateRangePopupCustomMessagesComponent,
-        DateRangePopupLocalizedMessagesDirective], imports: [CommonModule, MultiViewCalendarModule,
-        DateInputModule,
-        PopupModule,
-        EventsModule,
-        AdaptiveModule], exports: [DateRangeComponent,
-        DateRangePopupComponent,
-        DateRangePopupTemplateDirective,
-        DateRangeSelectionDirective,
-        DateRangeStartInputDirective,
-        DateRangeEndInputDirective,
-        DateRangePopupCustomMessagesComponent,
-        DateRangePopupLocalizedMessagesDirective] });
-DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, imports: [CommonModule, COMPONENT_MODULES] });
+DateRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, imports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i4.DateRangeEndInputDirective, i5.DateRangePopupTemplateDirective, i6.DateRangeComponent, i7.DateRangePopupComponent, i8.DateRangeSelectionDirective, i9.DateRangeStartInputDirective], exports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i4.DateRangeEndInputDirective, i5.DateRangePopupTemplateDirective, i6.DateRangeComponent, i7.DateRangePopupComponent, i8.DateRangeSelectionDirective, i9.DateRangeStartInputDirective] });
+DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, providers: [
+        // MultiViewCalendarModule providers
+        PopupService,
+        NavigationService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        // DateInputModule providers
+        IconsService,
+        // AdaptiveModule providers
+        ResizeBatchService
+    ], imports: [i1.DateRangePopupCustomMessagesComponent, i2.DateInputCustomMessagesComponent, i3.DateInputComponent, i6.DateRangeComponent, i7.DateRangePopupComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    exports: [COMPONENT_DIRECTIVES],
-                    imports: [CommonModule, COMPONENT_MODULES]
+                    exports: [...KENDO_DATERANGE],
+                    imports: [...KENDO_DATERANGE],
+                    providers: [
+                        // MultiViewCalendarModule providers
+                        PopupService,
+                        NavigationService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        // DateInputModule providers
+                        IconsService,
+                        // AdaptiveModule providers
+                        ResizeBatchService
+                    ]
                 }]
         }] });

package/esm2020/daterange/localization/daterange-popup-custom-messages.component.mjs

@@ -20,7 +20,7 @@ export class DateRangePopupCustomMessagesComponent extends DateRangePopupMessage
     }
 }
 DateRangePopupCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateRangePopupCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupCustomMessagesComponent, selector: "kendo-daterange-popup-messages", providers: [
+DateRangePopupCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupCustomMessagesComponent, isStandalone: true, selector: "kendo-daterange-popup-messages", providers: [
         {
             provide: DateRangePopupMessages,
             useExisting: forwardRef(() => DateRangePopupCustomMessagesComponent)
@@ -36,6 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         }
                     ],
                     selector: 'kendo-daterange-popup-messages',
-                    template: ``
+                    template: ``,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/daterange/localization/daterange-popup-localized-messages.directive.mjs

@@ -17,7 +17,7 @@ export class DateRangePopupLocalizedMessagesDirective extends DateRangePopupMess
     }
 }
 DateRangePopupLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-DateRangePopupLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupLocalizedMessagesDirective, selector: "[kendoDateRangePopupLocalizedMessages]", providers: [
+DateRangePopupLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateRangePopupLocalizedMessages]", providers: [
         {
             provide: DateRangePopupMessages,
             useExisting: forwardRef(() => DateRangePopupLocalizedMessagesDirective)
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => DateRangePopupLocalizedMessagesDirective)
                         }
                     ],
-                    selector: '[kendoDateRangePopupLocalizedMessages]'
+                    selector: '[kendoDateRangePopupLocalizedMessages]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/datetimepicker/datetimepicker.component.mjs

@@ -2,14 +2,14 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, ViewChild, ElementRef, Input, isDevMode, TemplateRef, ChangeDetectorRef, Output, EventEmitter, NgZone, ViewContainerRef, forwardRef, ContentChild, Inject, ChangeDetectionStrategy, Renderer2, Injector, } from '@angular/core';
+import { Component, HostBinding, ViewChild, ElementRef, Input, isDevMode, TemplateRef, ChangeDetectorRef, Output, EventEmitter, NgZone, ViewContainerRef, forwardRef, ContentChild, ChangeDetectionStrategy, Renderer2, Injector, } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 import { Subscription, fromEvent } from 'rxjs';
 import { tap } from 'rxjs/operators';
 import { cloneDate, isEqual, getDate } from '@progress/kendo-date-math';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { IntlService } from '@progress/kendo-angular-intl';
-import { hasObservers, isControlRequired, isDocumentAvailable, KendoInput, Keys, MultiTabStop } from '@progress/kendo-angular-common';
+import { hasObservers, isControlRequired, isDocumentAvailable, KendoInput, Keys, MultiTabStop, ResizeSensorComponent, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -17,13 +17,15 @@ import { PickerService } from '../common/picker.service';
 import { DisabledDatesService } from '../calendar/services/disabled-dates.service';
 import { attributeNames, isPresent, isTruthy } from '../common/utils';
 import { mergeDateAndTime, noop, lastMillisecondOfDate, isInRange, isValidRange, isWindowAvailable, getFillModeClass, getRoundedClass, getSizeClass, DEFAULT_FILL_MODE, DEFAULT_ROUNDED, DEFAULT_SIZE, windowSize } from '../util';
+import { CalendarComponent } from '../calendar/calendar.component';
+import { TimeSelectorComponent } from '../timepicker/timeselector.component';
+import { DateInputComponent } from '../dateinput/dateinput.component';
 import { PreventableEvent } from '../preventable-event';
 import { minValidator } from '../validators/min.validator';
 import { maxValidator } from '../validators/max.validator';
 import { disabledDatesValidator } from '../validators/disabled-date.validator';
 import { TIME_PART } from '../timepicker/models/time-part.default';
 import { MIN_DATE, MAX_DATE, MIN_TIME, MAX_TIME } from '../defaults';
-import { TOUCH_ENABLED } from '../touch-enabled';
 import { CellTemplateDirective } from '../calendar/templates/cell-template.directive';
 import { MonthCellTemplateDirective } from '../calendar/templates/month-cell-template.directive';
 import { YearCellTemplateDirective } from '../calendar/templates/year-cell-template.directive';
@@ -33,27 +35,23 @@ import { WeekNumberCellTemplateDirective } from '../calendar/templates/weeknumbe
 import { HeaderTitleTemplateDirective } from '../calendar/templates/header-title-template.directive';
 import { incompleteDateValidator } from '../validators/incomplete-date.validator';
 import { calendarIcon, clockIcon, xIcon } from '@progress/kendo-svg-icons';
-import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
+import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
 import { HeaderTemplateDirective } from '../calendar/templates/header-template.directive';
 import { FooterTemplateDirective } from '../calendar/templates/footer-template.directive';
+import { TimeSelectorCustomMessagesComponent } from '../timepicker/localization/timeselector-custom-messages.component';
+import { CalendarCustomMessagesComponent } from '../calendar/localization/calendar-custom-messages.component';
+import { ButtonComponent } from '@progress/kendo-angular-buttons';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
+import { DateInputCustomMessagesComponent } from '../dateinput/localization/dateinput-custom-messages.component';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { touchEnabled } from '@progress/kendo-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "@progress/kendo-angular-intl";
 import * as i3 from "../common/picker.service";
 import * as i4 from "@progress/kendo-angular-l10n";
 import * as i5 from "../calendar/services/disabled-dates.service";
-import * as i6 from "@angular/common";
-import * as i7 from "../dateinput/dateinput.component";
-import * as i8 from "../dateinput/localization/dateinput-custom-messages.component";
-import * as i9 from "../calendar/calendar.component";
-import * as i10 from "../calendar/localization/calendar-custom-messages.component";
-import * as i11 from "../timepicker/localization/timeselector-custom-messages.component";
-import * as i12 from "../timepicker/timeselector.component";
-import * as i13 from "@progress/kendo-angular-common";
-import * as i14 from "@progress/kendo-angular-icons";
-import * as i15 from "@progress/kendo-angular-navigation";
-import * as i16 from "@progress/kendo-angular-buttons";
-import * as i17 from "./localization/localized-messages.directive";
 const timeFormatRegExp = new RegExp(`${TIME_PART.hour}|${TIME_PART.minute}|${TIME_PART.second}|${TIME_PART.dayperiod}|literal`);
 const VALUE_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/integration-with-json/';
 const MIN_MAX_DOC_LINK = 'https://www.telerik.com/kendo-angular-ui/components/dateinputs/datetimepicker/date-time-limits/';
@@ -69,7 +67,7 @@ const TIME_TAB_BUTTON_SELECTOR = '.k-button.k-group-end';
  * Represents the [Kendo UI DateTimePicker component for Angular]({% slug overview_datetimepicker %}).
  */
 export class DateTimePickerComponent extends MultiTabStop {
-    constructor(popupService, intl, cdr, pickerService, ngZone, wrapper, touchEnabled, localization, disabledDatesService, renderer, injector) {
+    constructor(popupService, intl, cdr, pickerService, ngZone, wrapper, localization, disabledDatesService, renderer, injector) {
         super();
         this.popupService = popupService;
         this.intl = intl;
@@ -77,7 +75,6 @@ export class DateTimePickerComponent extends MultiTabStop {
         this.pickerService = pickerService;
         this.ngZone = ngZone;
         this.wrapper = wrapper;
-        this.touchEnabled = touchEnabled;
         this.localization = localization;
         this.disabledDatesService = disabledDatesService;
         this.renderer = renderer;
@@ -182,10 +179,7 @@ export class DateTimePickerComponent extends MultiTabStop {
          */
         this.incompleteDateValidation = false;
         /**
-         * @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
          */
@@ -1213,7 +1207,7 @@ export class DateTimePickerComponent extends MultiTabStop {
         if (this.isOpen) {
             this.activeTabComponent.focus();
         }
-        else if (!this.touchEnabled) {
+        else if (!touchEnabled) {
             this.dateInput.focus();
         }
         else if (!this.dateInput.isActive) {
@@ -1338,8 +1332,8 @@ export class DateTimePickerComponent extends MultiTabStop {
         }
     }
 }
-DateTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1.PopupService }, { token: i2.IntlService }, { token: i0.ChangeDetectorRef }, { token: i3.PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: TOUCH_ENABLED }, { token: i4.LocalizationService }, { token: i5.DisabledDatesService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: { focusableId: "focusableId", weekDaysFormat: "weekDaysFormat", showOtherMonthDays: "showOtherMonthDays", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", tabindex: "tabindex", disabledDates: "disabledDates", popupSettings: "popupSettings", title: "title", subtitle: "subtitle", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", cancelButton: "cancelButton", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", focusedDate: "focusedDate", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", weekNumber: "weekNumber", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", clearButton: "clearButton", autoFill: "autoFill", adaptiveMode: "adaptiveMode", inputAttributes: "inputAttributes", defaultTab: "defaultTab", size: "size", rounded: "rounded", fillMode: "fillMode", headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], footer: "footer" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", escape: "escape" }, host: { properties: { "class.k-datetimepicker": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.disabledClass", "class.k-readonly": "this.readonly" } }, providers: [
+DateTimePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1.PopupService }, { token: i2.IntlService }, { token: i0.ChangeDetectorRef }, { token: i3.PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i5.DisabledDatesService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateTimePickerComponent, isStandalone: true, selector: "kendo-datetimepicker", inputs: { focusableId: "focusableId", weekDaysFormat: "weekDaysFormat", showOtherMonthDays: "showOtherMonthDays", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", tabindex: "tabindex", disabledDates: "disabledDates", popupSettings: "popupSettings", title: "title", subtitle: "subtitle", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", cancelButton: "cancelButton", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", focusedDate: "focusedDate", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", weekNumber: "weekNumber", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", clearButton: "clearButton", autoFill: "autoFill", adaptiveMode: "adaptiveMode", inputAttributes: "inputAttributes", defaultTab: "defaultTab", size: "size", rounded: "rounded", fillMode: "fillMode", headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], footer: "footer" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", escape: "escape" }, host: { properties: { "class.k-datetimepicker": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.disabledClass", "class.k-readonly": "this.readonly" } }, providers: [
         PickerService,
         LocalizationService,
         DisabledDatesService,
@@ -1734,7 +1728,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 </div>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i7.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i8.DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { kind: "component", type: i9.CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: i10.CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: i11.TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }, { kind: "component", type: i12.TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "directive", type: i13.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i14.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i15.ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: i15.ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: i13.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: i16.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i17.LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]" }, { kind: "component", type: DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "clearButton", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DateInputCustomMessagesComponent, selector: "kendo-dateinput-messages" }, { 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"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: ["title", "subtitle", "items", "cssClass", "animation", "expanded", "titleId"], outputs: ["expandedChange", "expand", "collapse", "itemClick", "overlayClick"], exportAs: ["kendoActionSheet"] }, { kind: "directive", type: ActionSheetTemplateDirective, selector: "[kendoActionSheetTemplate]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarComponent, selector: "kendo-calendar", inputs: ["showOtherMonthDays", "id", "focusedDate", "min", "max", "rangeValidation", "weekDaysFormat", "footer", "selection", "allowReverse", "value", "disabled", "tabindex", "tabIndex", "disabledDates", "navigation", "activeView", "bottomView", "topView", "type", "animateNavigation", "weekNumber", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate", "size", "activeRangeEnd"], outputs: ["activeViewChange", "navigate", "activeViewDateChange", "blur", "focus", "valueChange"], exportAs: ["kendo-calendar"] }, { kind: "component", type: CalendarCustomMessagesComponent, selector: "kendo-calendar-messages" }, { kind: "component", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: ["format", "min", "max", "cancelButton", "setButton", "nowButton", "disabled", "isAdaptiveEnabled", "isDateTimePicker", "steps", "value"], outputs: ["valueChange", "valueReject", "tabOutLastPart", "tabOutNow"], exportAs: ["kendo-timeselector"] }, { kind: "component", type: TimeSelectorCustomMessagesComponent, selector: "kendo-timeselector-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -2137,12 +2131,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </div>
             </div>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, DateInputComponent, EventsOutsideAngularDirective, DateInputCustomMessagesComponent, NgIf, IconWrapperComponent, NgTemplateOutlet, ResizeSensorComponent, ActionSheetComponent, ActionSheetTemplateDirective, ButtonComponent, NgClass, CalendarComponent, CalendarCustomMessagesComponent, TimeSelectorComponent, TimeSelectorCustomMessagesComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.IntlService }, { type: i0.ChangeDetectorRef }, { type: i3.PickerService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [TOUCH_ENABLED]
-                }] }, { type: i4.LocalizationService }, { type: i5.DisabledDatesService }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.IntlService }, { type: i0.ChangeDetectorRef }, { type: i3.PickerService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i5.DisabledDatesService }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-datetimepicker']
             }, {

package/esm2020/datetimepicker/datetimepicker.module.mjs

@@ -3,27 +3,37 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { EventsModule, ToggleButtonTabStopModule } from '@progress/kendo-angular-common';
-import { IntlModule } from '@progress/kendo-angular-intl';
-import { DateInputModule } from '../dateinput/dateinput.module';
-import { CalendarModule } from '../calendar/calendar.module';
-import { TimePickerModule } from '../timepicker/timepicker.module';
-import { TemplatesModule } from '../calendar/templates.module';
-import { touchEnabled } from '@progress/kendo-common';
-import { TOUCH_ENABLED } from '../touch-enabled';
-import { DateTimePickerComponent } from './datetimepicker.component';
-import { DateTimePickerCustomMessagesComponent } from './localization/datetimepicker-custom-messages.component';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import { AdaptiveModule } from '../common/adaptive.module';
+import { KENDO_DATETIMEPICKER } from '../directives';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+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_DIRECTIVES = [
-    DateTimePickerComponent,
-    DateTimePickerCustomMessagesComponent,
-    LocalizedMessagesDirective
-];
+import * as i1 from "./localization/datetimepicker-custom-messages.component";
+import * as i2 from "./datetimepicker.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";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the DateTimePicker component.
@@ -31,59 +41,51 @@ const COMPONENT_DIRECTIVES = [
 export class DateTimePickerModule {
 }
 DateTimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerModule, declarations: [DateTimePickerComponent,
-        DateTimePickerCustomMessagesComponent,
-        LocalizedMessagesDirective], imports: [CommonModule,
-        IntlModule,
-        DateInputModule,
-        CalendarModule,
-        TimePickerModule,
-        PopupModule,
-        EventsModule,
-        TemplatesModule,
-        IconsModule,
-        AdaptiveModule], exports: [DateTimePickerComponent,
-        DateTimePickerCustomMessagesComponent,
-        LocalizedMessagesDirective, TemplatesModule,
-        ToggleButtonTabStopModule] });
+DateTimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerModule, imports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective], exports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective] });
 DateTimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerModule, providers: [
-        { provide: TOUCH_ENABLED, useValue: touchEnabled }
-    ], imports: [CommonModule,
-        IntlModule,
-        DateInputModule,
-        CalendarModule,
-        TimePickerModule,
-        PopupModule,
-        EventsModule,
-        TemplatesModule,
-        IconsModule,
-        AdaptiveModule, TemplatesModule,
-        ToggleButtonTabStopModule] });
+        // CalendarModule providers
+        IconsService,
+        ResizeBatchService,
+        CalendarDOMService,
+        CenturyViewService,
+        DecadeViewService,
+        MonthViewService,
+        YearViewService,
+        WeekNamesService,
+        PopupService,
+        NavigationService,
+        // TimePickerModule providers
+        TimePickerDOMService,
+        HoursService,
+        MinutesService,
+        SecondsService,
+        MillisecondsService,
+        DayPeriodService,
+    ], imports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        ...COMPONENT_DIRECTIVES
-                    ],
-                    exports: [
-                        ...COMPONENT_DIRECTIVES,
-                        TemplatesModule,
-                        ToggleButtonTabStopModule
-                    ],
-                    imports: [
-                        CommonModule,
-                        IntlModule,
-                        DateInputModule,
-                        CalendarModule,
-                        TimePickerModule,
-                        PopupModule,
-                        EventsModule,
-                        TemplatesModule,
-                        IconsModule,
-                        AdaptiveModule
-                    ],
+                    exports: [...KENDO_DATETIMEPICKER],
+                    imports: [...KENDO_DATETIMEPICKER],
                     providers: [
-                        { provide: TOUCH_ENABLED, useValue: touchEnabled }
+                        // CalendarModule providers
+                        IconsService,
+                        ResizeBatchService,
+                        CalendarDOMService,
+                        CenturyViewService,
+                        DecadeViewService,
+                        MonthViewService,
+                        YearViewService,
+                        WeekNamesService,
+                        PopupService,
+                        NavigationService,
+                        // TimePickerModule providers
+                        TimePickerDOMService,
+                        HoursService,
+                        MinutesService,
+                        SecondsService,
+                        MillisecondsService,
+                        DayPeriodService,
                     ]
                 }]
         }] });

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

@@ -20,7 +20,7 @@ export class DateTimePickerCustomMessagesComponent extends DateTimePickerMessage
     }
 }
 DateTimePickerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateTimePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DateTimePickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateTimePickerCustomMessagesComponent, selector: "kendo-datetimepicker-messages", providers: [
+DateTimePickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DateTimePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datetimepicker-messages", providers: [
         {
             provide: DateTimePickerMessages,
             useExisting: forwardRef(() => DateTimePickerCustomMessagesComponent)
@@ -36,6 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         }
                     ],
                     selector: 'kendo-datetimepicker-messages',
-                    template: ``
+                    template: ``,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

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

@@ -17,7 +17,7 @@ export class LocalizedMessagesDirective extends DateTimePickerMessages {
     }
 }
 LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, selector: "[kendoDateTimePickerLocalizedMessages]", providers: [
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoDateTimePickerLocalizedMessages]", providers: [
         {
             provide: DateTimePickerMessages,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -32,6 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => LocalizedMessagesDirective)
                         }
                     ],
-                    selector: '[kendoDateTimePickerLocalizedMessages]'
+                    selector: '[kendoDateTimePickerLocalizedMessages]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });