@progress/kendo-angular-dateinputs 21.4.1 → 22.0.0-develop.1

package/esm2022/daterange/date-range-selection.directive.mjs

@@ -1,223 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Optional, Input, Output, Renderer2 } from '@angular/core';
-import { Subscription, fromEvent } from 'rxjs';
-import { DateRangeService } from './date-range.service';
-import { MultiViewCalendarComponent } from '../calendar/multiview-calendar.component';
-import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
-import { isEqual } from '@progress/kendo-date-math';
-import { clampRange, either, isEqualRange } from '../util';
-import * as i0 from "@angular/core";
-import * as i1 from "../calendar/multiview-calendar.component";
-import * as i2 from "./date-range.service";
-/**
- * Manages the MultiViewCalendar range selection.
- * This directive will be `deprecated` in a future version.
- * Use the MultiViewCalendar [range selection]({% slug selection_multiviewcalendar %}#toc-range-selection) instead.
- */
-export class DateRangeSelectionDirective {
-    calendar;
-    cdr;
-    element;
-    dateRangeService;
-    /**
-     * Specifies the auto-correction behavior. If the start date is greater than the end date,
-     * the directive corrects the date range to a single date either on input change or on blur
-     * ([see example](slug:autocorrect_daterange#toc-calendar-selection-directive)).
-     *
-     * By default, the auto-correction triggers on change.
-     * To disable this behavior, set the `autoCorrectOn` property to `none`.
-     *
-     * @default 'change'
-     */
-    autoCorrectOn = 'change';
-    /**
-     * Gets or sets the selection range of the calendar. When you set a new range,
-     * the connected DateRangeService notifies all related parties.
-     */
-    get selectionRange() {
-        return this.calendar ? this.calendar.selectionRange : null;
-    }
-    set selectionRange(range) {
-        if (!this.isEqualCalendarRange(range)) {
-            this.setSelectionRange(range);
-        }
-        if (!isEqualRange(this.dateRangeService.selectionRange, range)) {
-            this.dateRangeService.setRange(range);
-        }
-        this.updateFocusedDate(range);
-    }
-    /**
-     * Gets or sets the active end of the selection range. This option determines which range end will be updated on
-     * user interaction. When a new active end is set, the connected DateRangeService notifies all related parties.
-     */
-    /**
-     * Specifies which end of the selection range is marked as active. The active end gets modified when you interact with the component. When you set a new active end, the wired DateRangeService notifies all related components. For
-     * example, the start and end DateInput components.
-     *
-     * > If the selection range is undefined, the value is ignored.
-     */
-    get activeRangeEnd() {
-        return this.calendar.activeRangeEnd;
-    }
-    set activeRangeEnd(activeRange) {
-        if (this.dateRangeService.activeRangeEnd === activeRange) {
-            return;
-        }
-        this.calendar.activeRangeEnd = activeRange;
-        this.dateRangeService.setActiveRangeEnd(activeRange);
-    }
-    /**
-     * @hidden
-     * When in adaptive mode range should not be set automatically on calendar value change but only on accept
-     */
-    shouldSetRange = true;
-    /**
-     * Fires when the active range end changes. For more information, refer to
-     * the section on [events](slug:events_multiviewcalendar).
-     */
-    activeRangeEndChange = new EventEmitter();
-    /**
-     * Fires when the selection range changes. For more information, refer to
-     * the section on [events](slug:events_multiviewcalendar).
-     */
-    selectionRangeChange = new EventEmitter();
-    get calendarRange() {
-        return this.selectionRange || EMPTY_SELECTIONRANGE;
-    }
-    calendarSubscriptions = new Subscription();
-    range;
-    constructor(calendar, cdr, element, renderer, dateRangeService) {
-        this.calendar = calendar;
-        this.cdr = cdr;
-        this.element = element;
-        this.dateRangeService = dateRangeService;
-        this.dateRangeService = this.dateRangeService || new DateRangeService(renderer);
-        renderer.setAttribute(element.nativeElement, 'aria-multiselectable', 'true');
-    }
-    ngOnInit() {
-        const calendar = this.calendar;
-        const dateRangeService = this.dateRangeService;
-        calendar.min = either(dateRangeService.min, calendar.min);
-        calendar.max = either(dateRangeService.max, calendar.max);
-        this.addSubscriptions(calendar.cellEnter.subscribe((value) => this.handleHover(value)), calendar.valueChange.subscribe((value) => this.handleChange(value)), dateRangeService.focusedDate$.subscribe(focusedDate => {
-            if (!isEqual(calendar.focusedDate, focusedDate)) {
-                calendar.focusedDate = focusedDate;
-            }
-        }), dateRangeService.activeRangeEnd$.subscribe(rangeEnd => {
-            if (calendar.activeRangeEnd === rangeEnd) {
-                return;
-            }
-            calendar.activeRangeEnd = rangeEnd;
-            this.activeRangeEndChange.emit(rangeEnd);
-            this.cdr.markForCheck();
-        }), dateRangeService.range$.subscribe(range => {
-            if (!this.isEqualCalendarRange(range)) {
-                this.acceptAndEmit(range);
-            }
-            this.updateFocusedDate(range);
-        }), fromEvent(this.element.nativeElement, 'blur').subscribe(() => this.handleBlur()));
-    }
-    ngOnDestroy() {
-        this.calendarSubscriptions.unsubscribe();
-    }
-    /**
-     * @hidden
-     */
-    handleChange(value) {
-        const service = this.dateRangeService;
-        const autoCorrect = this.autoCorrectOn === 'change' && this.shouldAutoCorrect(value);
-        const activeEnd = this.calendar.activeRangeEnd !== 'end' ? 'end' : (autoCorrect ? 'end' : 'start');
-        this.range = autoCorrect ? clampRange(value) : this.updateRange(value);
-        if (!isEqualRange(service.selectionRange, this.range)) {
-            this.acceptAndEmit(this.range);
-            service.setActiveRangeEnd(activeEnd);
-            if (this.shouldSetRange) {
-                this.setRange();
-            }
-        }
-    }
-    setRange(range) {
-        this.dateRangeService.setRange(this.range ? this.range : range);
-    }
-    addSubscriptions(...subscriptions) {
-        subscriptions.forEach(s => this.calendarSubscriptions.add(s));
-    }
-    isEqualCalendarRange(range) {
-        return isEqualRange(this.calendar.selectionRange, range);
-    }
-    handleBlur() {
-        const { start, end } = this.calendarRange;
-        const autoCorrect = this.autoCorrectOn === 'blur' && start !== null && end !== null && end < start;
-        if (autoCorrect) {
-            this.dateRangeService.setRange(clampRange(start));
-        }
-    }
-    handleHover(value) {
-        if (this.hasCompleteRange()) {
-            return;
-        }
-        const { start, end } = this.calendarRange;
-        const activeRangeEnd = this.calendar.activeRangeEnd;
-        const updateRange = (start && activeRangeEnd === 'end') || (end && activeRangeEnd === 'start');
-        if (updateRange) {
-            this.setSelectionRange(this.updateRange(value));
-        }
-    }
-    hasCompleteRange() {
-        const { start, end } = this.dateRangeService.selectionRange || EMPTY_SELECTIONRANGE;
-        return Boolean(start) && Boolean(end);
-    }
-    shouldAutoCorrect(value) {
-        const { end, start } = this.calendarRange;
-        if (this.calendar.activeRangeEnd !== 'end') {
-            return end !== null && value > end;
-        }
-        else {
-            return start !== null && value < start;
-        }
-    }
-    updateFocusedDate(range) {
-        if (!range || this.dateRangeService.focusedDate) {
-            return;
-        }
-        this.dateRangeService.setFocusedDate(range.start || range.end);
-    }
-    updateRange(value) {
-        const { end, start } = this.calendarRange;
-        return this.calendar.activeRangeEnd !== 'end' ? ({ start: value, end }) : ({ start, end: value });
-    }
-    setSelectionRange(range) {
-        this.calendar.selectionRange = range;
-        this.calendar.writeValue(null);
-    }
-    acceptAndEmit(range) {
-        this.setSelectionRange(range);
-        this.selectionRangeChange.emit(range);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeSelectionDirective, deps: [{ token: i1.MultiViewCalendarComponent }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.DateRangeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangeSelectionDirective, isStandalone: true, selector: "[kendoDateRangeSelection]", inputs: { autoCorrectOn: "autoCorrectOn", selectionRange: "selectionRange", activeRangeEnd: "activeRangeEnd", shouldSetRange: "shouldSetRange" }, outputs: { activeRangeEndChange: "activeRangeEndChange", selectionRangeChange: "selectionRangeChange" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeSelectionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDateRangeSelection]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.MultiViewCalendarComponent }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.DateRangeService, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { autoCorrectOn: [{
-                type: Input
-            }], selectionRange: [{
-                type: Input
-            }], activeRangeEnd: [{
-                type: Input
-            }], shouldSetRange: [{
-                type: Input
-            }], activeRangeEndChange: [{
-                type: Output
-            }], selectionRangeChange: [{
-                type: Output
-            }] } });

package/esm2022/daterange/date-range-start-input.directive.mjs

@@ -1,109 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, ElementRef, Input, Renderer2, NgZone } from '@angular/core';
-import { cloneDate, isEqual } from '@progress/kendo-date-math';
-import { DateInputComponent } from '../dateinput/dateinput.component';
-import { DateRangeInput } from './date-range-input';
-import { DateRangeService } from './date-range.service';
-import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
-import { clampRange, isInRange } from '../util';
-import { attributeNames } from '../common/utils';
-import * as i0 from "@angular/core";
-import * as i1 from "./date-range.service";
-import * as i2 from "../dateinput/dateinput.component";
-/**
- * Represents a directive that manages the start selection range for date range inputs.
- *
- * You can use the DateRangeStartInputDirective only with a DateInput component.
- *
- * @example
- * ```typescript
- * @Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-daterange>
- *       <kendo-dateinput kendoDateRangeStartInput [(value)]="startDate"></kendo-dateinput>
- *       <kendo-dateinput kendoDateRangeEndInput [(value)]="endDate"></kendo-dateinput>
- *     </kendo-daterange>
- *   `
- * })
- * export class AppComponent {
- *   public startDate: Date = new Date();
- *   public endDate: Date = new Date();
- * }
- * ```
- *
- * @remarks
- * Applied to: {@link DateInputComponent}
- */
-export class DateRangeStartInputDirective extends DateRangeInput {
-    rangeService;
-    dateInput;
-    renderer;
-    /**
-     * Specifies when the component automatically corrects invalid date ranges.
-     * When the start date is greater than the end date, the component fixes the range to a single date either on input change or on blur ([see example](slug:autocorrect_daterange#toc-input-directives)).
-     *
-     * By default, the component does not perform any auto-correction.
-     *
-     */
-    autoCorrectOn;
-    /**
-     * Determines how the calendar navigates when you focus on the input.
-     * When you set `navigateCalendarOnFocus` to `true`, the calendar moves to the value of the focused input.
-     * When you set it to `false`, the calendar shows the last selected date.
-     *
-     * @default false
-     */
-    navigateCalendarOnFocus = false;
-    constructor(rangeService, dateInput, element, renderer, zone) {
-        super('start', rangeService, dateInput, element, renderer, zone);
-        this.rangeService = rangeService;
-        this.dateInput = dateInput;
-        this.renderer = renderer;
-    }
-    ngOnInit() {
-        this.rangeService.registerStartInput(this.dateInput);
-        super.init();
-        this.dateInput.pickerType = 'daterangestart';
-    }
-    ngAfterViewInit() {
-        this.renderer.setAttribute(this.dateInput.inputElement, attributeNames.ariaExpanded, 'false');
-    }
-    ngOnDestroy() {
-        super.destroy();
-    }
-    getRange(value, correctOn) {
-        const { min, max } = this.dateInput;
-        if (!isInRange(value, min, max)) {
-            return null;
-        }
-        const { end } = this.rangeService.selectionRange || EMPTY_SELECTIONRANGE;
-        const shouldClamp = this.autoCorrectOn === correctOn && end && value > end;
-        return shouldClamp ? clampRange(value) : { start: cloneDate(value), end };
-    }
-    updateInputValue(range) {
-        const { start } = range || EMPTY_SELECTIONRANGE;
-        const { min, max } = this.dateInput;
-        if (isEqual(this.dateInput.value, start) || !isInRange(start, min, max)) {
-            return;
-        }
-        this.dateInput.writeValue(cloneDate(start));
-        this.dateInput.notify();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DateRangeStartInputDirective, isStandalone: true, selector: "[kendoDateRangeStartInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeStartInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDateRangeStartInput]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { autoCorrectOn: [{
-                type: Input
-            }], navigateCalendarOnFocus: [{
-                type: Input
-            }] } });

package/esm2022/daterange/date-range.component.mjs

@@ -1,116 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ContentChildren, QueryList, HostBinding, HostListener, Input } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { DateRangePopupComponent } from './date-range-popup.component';
-import { DateRangeService } from './date-range.service';
-import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./date-range.service";
-/**
- * Represents the Kendo UI DateRange component for Angular.
- *
- * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-daterange>
- *      <kendo-dateinput kendoDateRangeStartInput [(value)]="dateRange.start"></kendo-dateinput>
- *      <kendo-dateinput kendoDateRangeEndInput [(value)]="dateRange.end"></kendo-dateinput>
- *  </kendo-daterange>
- * `
- * })
- * export class AppComponent {
- *   public dateRange: any = { start: null, end: null };
- * }
- * ```
- *
- * @remarks
- * Supported children components are: {@link DateRangePopupComponent}, {@link DateRangePopupCustomMessagesComponent}, {@link DateInputComponent}.
- */
-export class DateRangeComponent {
-    dateRangeService;
-    /**
-     * @hidden
-     *
-     * TODO: Make visible when the Infinite Calendar is fixed to set properly the size option.
-     * Sets the size of the component.
-     *
-     * @default 'medium'
-     */
-    size;
-    /**
-    * @hidden
-    */
-    keydown(event) {
-        const code = normalizeKeys(event);
-        const shouldOpenPopup = code === Keys.ArrowDown && event.altKey;
-        if (shouldOpenPopup) {
-            this.dateRangeService.activatePopup();
-        }
-        const shouldClosePopup = (code === Keys.ArrowUp && event.altKey) || code === Keys.Escape;
-        if (shouldClosePopup) {
-            this.dateRangeService.deactivatePopup();
-        }
-    }
-    wrapperClass = true;
-    /**
-     * @hidden
-     */
-    showDefault = false;
-    contentPopup;
-    get hasContentPopup() {
-        return this.contentPopup.length > 0;
-    }
-    subscription;
-    constructor(dateRangeService) {
-        this.dateRangeService = dateRangeService;
-        validatePackage(packageMetadata);
-    }
-    ngAfterContentInit() {
-        this.showDefault = !this.hasContentPopup;
-        this.subscription = this.contentPopup.changes.subscribe(() => {
-            this.showDefault = !this.hasContentPopup;
-        });
-    }
-    ngOnDestroy() {
-        this.subscription?.unsubscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeComponent, deps: [{ token: i1.DateRangeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DateRangeComponent, isStandalone: true, selector: "kendo-daterange", inputs: { size: "size" }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "class.k-daterangepicker": "this.wrapperClass" } }, providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
-        <ng-content></ng-content>
-        @if (showDefault) {
-          <kendo-daterange-popup [size]="size"></kendo-daterange-popup>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["showCalendarHeader", "focusedDate", "disabledDates", "activeView", "bottomView", "topView", "min", "max", "allowReverse", "animateNavigation", "disabled", "views", "weekNumber", "animate", "anchor", "anchorAlign", "showViewHeader", "showOtherMonthDays", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "size"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [DateRangeService],
-                    selector: 'kendo-daterange',
-                    template: `
-        <ng-content></ng-content>
-        @if (showDefault) {
-          <kendo-daterange-popup [size]="size"></kendo-daterange-popup>
-        }
-        `,
-                    standalone: true,
-                    imports: [DateRangePopupComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DateRangeService }], propDecorators: { size: [{
-                type: Input
-            }], keydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }], wrapperClass: [{
-                type: HostBinding,
-                args: ['class.k-daterangepicker']
-            }], contentPopup: [{
-                type: ContentChildren,
-                args: [DateRangePopupComponent]
-            }] } });

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

@@ -1,103 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { 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 { YearViewService } from '../calendar/services/year-view.service';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
-import { AdaptiveService } from '@progress/kendo-angular-utils';
-import * as i0 from "@angular/core";
-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.
- *
- * The package exports:
- * - `DateRangeComponent`—The DateRange component class.
- * - `DateRangePopupComponent`—The DateRangePopup component class.
- * - `DateRangeSelectionDirective`—The MultiviewCalendar date range selection directive.
- * - `DateRangeEndInputDirective`—The end DateInput date range selection directive.
- * - `DateRangeStartInputDirective`—The start DateInput date range selection directive.
- * - `DateRangePopupTemplateDirective`—The DateRangePopup content template directive.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the DateRange module
- * import { DateRangeModule } from '@progress/kendo-angular-dateinputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, DateRangeModule], // import DateRange module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-export class DateRangeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", 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] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeModule, providers: [
-            // MultiViewCalendarModule providers
-            PopupService,
-            NavigationService,
-            CenturyViewService,
-            DecadeViewService,
-            MonthViewService,
-            YearViewService,
-            // DateInputModule providers
-            IconsService,
-            // AdaptiveModule providers
-            ResizeBatchService,
-            AdaptiveService
-        ], imports: [i3.DateInputComponent, i6.DateRangeComponent, i7.DateRangePopupComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateRangeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_DATERANGE],
-                    imports: [...KENDO_DATERANGE],
-                    providers: [
-                        // MultiViewCalendarModule providers
-                        PopupService,
-                        NavigationService,
-                        CenturyViewService,
-                        DecadeViewService,
-                        MonthViewService,
-                        YearViewService,
-                        // DateInputModule providers
-                        IconsService,
-                        // AdaptiveModule providers
-                        ResizeBatchService,
-                        AdaptiveService
-                    ]
-                }]
-        }] });