@progress/kendo-angular-dateinputs 7.0.0-next.202204010857 → 7.0.0-next.202204081436

package/fesm2015/kendo-angular-dateinputs.js

@@ -28,7 +28,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648803322,
+    publishDate: 1649428453,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -497,6 +497,18 @@ const getFillModeClass = (component, fillMode) => {
     };
     return FILLMODE_CLASSES[fillMode];
 };
+/**
+ * @hidden
+ */
+const DEFAULT_ROUNDED = 'medium';
+/**
+ * @hidden
+ */
+const DEFAULT_SIZE = 'medium';
+/**
+ * @hidden
+ */
+const DEFAULT_FILL_MODE = 'solid';
 
 const EMPTY_DATA$3 = [[]];
 const CELLS_LENGTH$3 = 4;
@@ -5977,6 +5989,9 @@ class CalendarComponent {
         }
         this.emitFocus();
     }
+    /**
+     * @hidden
+     */
     handleMultiViewCalendarKeydown(args) {
         // Prevent form from submitting on enter if used in datepicker (classic view)
         if (isPresent(this.pickerService) && args.keyCode === Keys.Enter) {
@@ -7137,9 +7152,9 @@ class DateInputComponent {
         this.onControlChange = noop$2;
         this.onControlTouched = noop$2;
         this.onValidatorChange = noop$2;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
+        this._size = DEFAULT_SIZE;
+        this._rounded = DEFAULT_ROUNDED;
+        this._fillMode = DEFAULT_FILL_MODE;
         this.symbolsMap = this.dateSymbolMap();
         this.updateFormatSections();
         if (this.pickerService) {
@@ -7175,18 +7190,19 @@ class DateInputComponent {
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (Default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
+        const newSize = size ? size : DEFAULT_SIZE;
+        if (newSize !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -7195,19 +7211,20 @@ class DateInputComponent {
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (Default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded) {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
+        if (newRounded !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
         }
-        this._rounded = rounded;
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -7216,22 +7233,23 @@ class DateInputComponent {
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'solid'` (Default)
-     * * `'flat'`
-     * * `'outline'`
-     * * `null`
+     * * `solid` (Default)
+     * * `flat`
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        if (fillMode) {
-            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+        if (newFillMode !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', newFillMode));
             if (this.spinners && this.spinup && this.spindown) {
-                this.setSpinnerFill(this.spinup.nativeElement, fillMode, this.fillMode);
-                this.setSpinnerFill(this.spindown.nativeElement, fillMode, this.fillMode);
+                this.setSpinnerFill(this.spinup.nativeElement, newFillMode, this.fillMode);
+                this.setSpinnerFill(this.spindown.nativeElement, newFillMode, this.fillMode);
             }
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -7840,7 +7858,7 @@ class DateInputComponent {
         }
     }
     setSpinnerFill(spinner, fill, oldFill) {
-        if (oldFill) {
+        if (oldFill !== 'none') {
             this.renderer.removeClass(spinner, `k-button-${oldFill}`);
             this.renderer.removeClass(spinner, `k-button-${oldFill}-base`);
         }
@@ -7848,16 +7866,16 @@ class DateInputComponent {
         this.renderer.addClass(spinner, `k-button-${fill}-base`);
     }
     setComponentClasses() {
-        if (this.size) {
+        if (this.size !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         }
-        if (this.rounded) {
+        if (this.rounded !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
         }
-        if (this.fillMode) {
+        if (this.fillMode !== 'none') {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         }
-        if (this.spinners) {
+        if (this.spinners && this.fillMode !== 'none') {
             this.setSpinnerFill(this.spinup.nativeElement, this.fillMode);
             this.setSpinnerFill(this.spindown.nativeElement, this.fillMode);
         }
@@ -8462,9 +8480,9 @@ class DatePickerComponent {
         this.incompleteValidator = noop$2;
         this.resolvedPromise = Promise.resolve(null);
         this.domEvents = [];
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
+        this._size = DEFAULT_SIZE;
+        this._rounded = DEFAULT_ROUNDED;
+        this._fillMode = DEFAULT_FILL_MODE;
         validatePackage(packageMetadata);
         this.pickerSubscriptions = this.pickerService.onFocus.subscribe(this.handleFocus.bind(this));
         this.pickerSubscriptions.add(this.pickerService.onBlur.subscribe(this.handleBlur.bind(this)));
@@ -8570,20 +8588,21 @@ class DatePickerComponent {
      * Sets the size of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (Default)
-     * * `'large'`
-     * * `null`
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `none`
      *
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
         this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('input', this.size));
-        if (size) {
-            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('input', size));
+        const newSize = size ? size : DEFAULT_SIZE;
+        if (newSize !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', newSize));
+            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('input', newSize));
         }
-        this._size = size;
+        this._size = newSize;
     }
     get size() {
         return this._size;
@@ -8592,19 +8611,20 @@ class DatePickerComponent {
      * Sets the border radius of the component.
      *
      * The possible values are:
-     * * `'small'`
-     * * `'medium'` (Default)
-     * * `'large'`
-     * * `'full'`
-     * * `null`
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `full`
+     * * `none`
      *
      */
     set rounded(rounded) {
         this.renderer.removeClass(this.wrapper.nativeElement, getRoundedClass(this.rounded));
-        if (rounded) {
-            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(rounded));
+        const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
+        if (newRounded !== 'none') {
+            this.renderer.addClass(this.wrapper.nativeElement, getRoundedClass(newRounded));
         }
-        this._rounded = rounded;
+        this._rounded = newRounded;
     }
     get rounded() {
         return this._rounded;
@@ -8613,22 +8633,23 @@ class DatePickerComponent {
      * Sets the fillMode of the component.
      *
      * The possible values are:
-     * * `'solid'` (Default)
-     * * `'flat'`
-     * * `'outline'`
-     * * `null`
+     * * `solid` (Default)
+     * * `flat`
+     * * `outline`
+     * * `none`
      *
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
         this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
         this.renderer.removeClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
-        if (fillMode) {
+        const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
+        if (newFillMode !== 'none') {
             this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
             this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${fillMode}-base`);
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
-        this._fillMode = fillMode;
+        this._fillMode = newFillMode;
     }
     get fillMode() {
         return this._fillMode;
@@ -13894,6 +13915,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
+const isActive = (cmp) => (cmp && cmp.isActive) || false;
+const hasActiveContent = (popup) => popup && popup.hasActiveContent();
 /**
  * A service that handles the communication between the components that are placed inside the DateRangeComponent.
  * For example, the start and end `DateInput` and `DateRangePopup` components.
@@ -13918,6 +13941,10 @@ class DateRangeService {
          * For example, when a new start `DateInput` is attached or the old one is detached.
          */
         this.startInput$ = new BehaviorSubject(null);
+        /**
+         * An Observable instance that notifies when the `DateRangePopup` component is changed.
+         */
+        this.dateRangePopup$ = new BehaviorSubject(null);
         /**
          * An Observable instance that notifies when the state of the selection range is changed.
          */
@@ -13955,73 +13982,6 @@ class DateRangeService {
     get selectionRange() {
         return this.range$.value;
     }
-    /**
-     * Completes all observables to mitigate possible memory leaks.
-     * Calls the method when a component that uses it is destroyed.
-     */
-    destroy() {
-        this.activeRangeEnd$.complete();
-        this.focusedDate$.complete();
-        this.endInput$.complete();
-        this.startInput$.complete();
-        this.range$.complete();
-    }
-    /**
-     * Registers a new start `DateInput` component. Notifies all `startInput$` listeners.
-     */
-    registerStartInput(startInput) {
-        this.startInput$.next(startInput);
-    }
-    /**
-     * Registers a new end `DateInput` component. Notifies all `endInput$` listeners.
-     */
-    registerEndInput(endInput) {
-        this.endInput$.next(endInput);
-    }
-    /**
-     * Updates the `activeRangeEnd` value. Notifies all `activeRangeEnd$` listeners.
-     */
-    setActiveRangeEnd(activeRange) {
-        if (!activeRange || this.activeRangeEnd === activeRange) {
-            return;
-        }
-        this.activeRangeEnd$.next(activeRange);
-    }
-    /**
-     * Updates the focused date. Notifies all `focusedDate$` listeners.
-     */
-    setFocusedDate(value) {
-        if (isEqual(this.focusedDate$.value, value)) {
-            return;
-        }
-        this.focusedDate$.next(value);
-    }
-    /**
-     * Updates the selection range. Notifies all `range$` listeners.
-     */
-    setRange(range = EMPTY_SELECTIONRANGE) {
-        this.range$.next(range);
-    }
-}
-DateRangeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DateRangeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService, decorators: [{
-            type: Injectable
-        }] });
-
-const isActive = (cmp) => (cmp && cmp.isActive) || false;
-const hasActiveContent = (popup) => popup && popup.hasActiveContent();
-/**
- * A service that handles the communication between the components that are placed inside the DateRangeComponent.
- * For example, the start and end `DateInput` and `DateRangePopup` components.
- */
-class DateRangePopupService {
-    constructor() {
-        /**
-         * An Observable instance that notifies when the `DateRangePopup` component is changed.
-         */
-        this.dateRangePopup$ = new BehaviorSubject(null);
-    }
     /**
      * Activates the registered `DateRangePopup` component.
      * The method opens the popup and focuses the calendar.
@@ -14057,19 +14017,43 @@ class DateRangePopupService {
         }
         dateRangePopup.cancelPopup();
     }
+    /**
+     * Completes all observables to mitigate possible memory leaks.
+     * Calls the method when a component that uses it is destroyed.
+     */
+    destroy() {
+        this.activeRangeEnd$.complete();
+        this.dateRangePopup$.complete();
+        this.focusedDate$.complete();
+        this.endInput$.complete();
+        this.startInput$.complete();
+        this.range$.complete();
+    }
     /**
      * Returns `true` when an active component that is placed inside the `DateRangeComponent` is detected.
      * For example, the opened popup or the focused DateInput.
      *
      * @returns `true` if an active component is present.
      */
-    hasActiveComponent(startInputValue, endInputValue) {
+    hasActiveComponent() {
         const popup = this.dateRangePopup$.value;
         const isPopup = isActive(popup);
-        const isStart = isActive(startInputValue);
-        const isEnd = isActive(endInputValue);
+        const isStart = isActive(this.startInput$.value);
+        const isEnd = isActive(this.endInput$.value);
         return isPopup || isStart || isEnd || hasActiveContent(popup) || false;
     }
+    /**
+     * Registers a new start `DateInput` component. Notifies all `startInput$` listeners.
+     */
+    registerStartInput(startInput) {
+        this.startInput$.next(startInput);
+    }
+    /**
+     * Registers a new end `DateInput` component. Notifies all `endInput$` listeners.
+     */
+    registerEndInput(endInput) {
+        this.endInput$.next(endInput);
+    }
     /**
      * Registers a new `DateRangePopup` component. Notifies all `dateRangePopup$` listeners.
      */
@@ -14077,16 +14061,33 @@ class DateRangePopupService {
         this.dateRangePopup$.next(dateRangePopup);
     }
     /**
-     * Completes all observables to mitigate possible memory leaks.
-     * Calls the method when a component that uses it is destroyed.
+     * Updates the `activeRangeEnd` value. Notifies all `activeRangeEnd$` listeners.
      */
-    destroy() {
-        this.dateRangePopup$.complete();
+    setActiveRangeEnd(activeRange) {
+        if (!activeRange || this.activeRangeEnd === activeRange) {
+            return;
+        }
+        this.activeRangeEnd$.next(activeRange);
+    }
+    /**
+     * Updates the focused date. Notifies all `focusedDate$` listeners.
+     */
+    setFocusedDate(value) {
+        if (isEqual(this.focusedDate$.value, value)) {
+            return;
+        }
+        this.focusedDate$.next(value);
+    }
+    /**
+     * Updates the selection range. Notifies all `range$` listeners.
+     */
+    setRange(range = EMPTY_SELECTIONRANGE) {
+        this.range$.next(range);
     }
 }
-DateRangePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DateRangePopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupService, decorators: [{
+DateRangeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DateRangeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService, decorators: [{
             type: Injectable
         }] });
 
@@ -14296,10 +14297,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * ```
  */
 class DateRangePopupComponent {
-    constructor(popupService, dateRangeService, dateRangePopupService, ref, zone, rtl) {
+    constructor(popupService, dateRangeService, ref, zone, rtl) {
         this.popupService = popupService;
         this.dateRangeService = dateRangeService;
-        this.dateRangePopupService = dateRangePopupService;
         this.ref = ref;
         this.zone = zone;
         this.rtl = rtl;
@@ -14392,7 +14392,7 @@ class DateRangePopupComponent {
         return this._show;
     }
     ngOnInit() {
-        this.dateRangePopupService.registerPopup(this);
+        this.dateRangeService.registerPopup(this);
     }
     ngAfterViewInit() {
         this.calendarSubscriptions.add(this.contentCalendar.changes.subscribe((changes) => this.calendar = changes.first));
@@ -14551,7 +14551,7 @@ class DateRangePopupComponent {
         }
     }
 }
-DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i2.PopupService }, { token: DateRangeService }, { token: DateRangePopupService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i2.PopupService }, { token: DateRangeService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: { animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: DateRangePopupTemplateDirective, descendants: true }, { propertyName: "contentCalendar", predicate: MultiViewCalendarComponent }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true }, { propertyName: "viewCalendar", predicate: MultiViewCalendarComponent, descendants: true }], exportAs: ["kendo-daterange-popup"], ngImport: i0, template: `
         <ng-container #container></ng-container>
         <ng-template #defaultTemplate>
@@ -14570,7 +14570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i2.PopupService }, { type: DateRangeService }, { type: DateRangePopupService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2.PopupService }, { type: DateRangeService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -14661,14 +14661,14 @@ class DateRangeComponent {
     }
 }
 DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeComponent, selector: "kendo-daterange", providers: [DateRangeService, DateRangePopupService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
+DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeComponent, selector: "kendo-daterange", providers: [DateRangeService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
         <ng-content></ng-content>
         <kendo-daterange-popup *ngIf="showDefault"></kendo-daterange-popup>
     `, isInline: true, components: [{ type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
             args: [{
-                    providers: [DateRangeService, DateRangePopupService],
+                    providers: [DateRangeService],
                     selector: 'kendo-daterange',
                     template: `
         <ng-content></ng-content>
@@ -14684,10 +14684,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * @hidden
  */
 class DateRangeInput {
-    constructor(activeRangeEnd, dateRangeService, dateRangePopupService, input, element, renderer, zone) {
+    constructor(activeRangeEnd, dateRangeService, input, element, renderer, zone) {
         this.activeRangeEnd = activeRangeEnd;
         this.dateRangeService = dateRangeService;
-        this.dateRangePopupService = dateRangePopupService;
         this.input = input;
         this.element = element;
         this.renderer = renderer;
@@ -14700,7 +14699,7 @@ class DateRangeInput {
         return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
     }
     get popupCalendarActivated() {
-        const popup = this.dateRangePopupService.dateRangePopup$.value;
+        const popup = this.dateRangeService.dateRangePopup$.value;
         return isPresent(popup) && isPresent(popup.calendar);
     }
     init() {
@@ -14717,7 +14716,7 @@ class DateRangeInput {
                 }
                 this.toggleActiveClass(this.isActiveEnd);
             }),
-            this.dateRangePopupService.dateRangePopup$.subscribe(popup => this.initPopup(popup)),
+            this.dateRangeService.dateRangePopup$.subscribe(popup => this.initPopup(popup)),
             this.dateRangeService.range$.subscribe(range => this.updateInputValue(range)),
             fromEvent(this.element.nativeElement, 'click').subscribe(() => this.activate()),
             fromEvent(this.element.nativeElement, 'keydown').subscribe((event) => this.togglePopup(event || {}))
@@ -14747,19 +14746,17 @@ class DateRangeInput {
     }
     activate() {
         this.dateRangeService.setActiveRangeEnd(this.activeRangeEnd);
-        this.dateRangePopupService.activatePopup();
+        this.dateRangeService.activatePopup();
     }
     deactivate() {
         this.zone.runOutsideAngular(() => {
             setTimeout(() => {
                 this.updateRange(this.input.value, 'blur');
-                const startInputValue = this.dateRangeService.startInput$.value;
-                const endInputValue = this.dateRangeService.endInput$.value;
-                if (this.dateRangePopupService.hasActiveComponent(startInputValue, endInputValue)) {
+                if (this.dateRangeService.hasActiveComponent()) {
                     return;
                 }
                 this.toggleActiveClass(false);
-                this.zone.run(() => this.dateRangePopupService.deactivatePopup());
+                this.zone.run(() => this.dateRangeService.deactivatePopup());
             });
         });
     }
@@ -14772,10 +14769,10 @@ class DateRangeInput {
     }
     togglePopup({ altKey, keyCode }) {
         if (keyCode === Keys.Escape) {
-            this.dateRangePopupService.cancelPopup();
+            this.dateRangeService.cancelPopup();
         }
         else if (altKey && keyCode === Keys.ArrowDown) {
-            this.dateRangePopupService.activatePopup();
+            this.dateRangeService.activatePopup();
         }
     }
     focusActiveDate() {
@@ -14798,8 +14795,8 @@ class DateRangeInput {
  * > You can use the DateRangeEndInputDirective only with a DateInput component.
  */
 class DateRangeEndInputDirective extends DateRangeInput {
-    constructor(rangeService, dateInput, rangePopupService, element, renderer, zone) {
-        super('end', rangeService, rangePopupService, dateInput, element, renderer, zone);
+    constructor(rangeService, dateInput, element, renderer, zone) {
+        super('end', rangeService, dateInput, element, renderer, zone);
         this.rangeService = rangeService;
         this.dateInput = dateInput;
         /**
@@ -14854,14 +14851,14 @@ class DateRangeEndInputDirective extends DateRangeInput {
         this.dateInput.notify();
     }
 }
-DateRangeEndInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: DateRangeService }, { token: DateInputComponent }, { token: DateRangePopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DateRangeEndInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: DateRangeService }, { token: DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
 DateRangeEndInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDateRangeEndInput]'
                 }]
-        }], ctorParameters: function () { return [{ type: DateRangeService }, { type: DateInputComponent }, { type: DateRangePopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { autoCorrectOn: [{
+        }], ctorParameters: function () { return [{ type: DateRangeService }, { type: DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { autoCorrectOn: [{
                 type: Input
             }], navigateCalendarOnFocus: [{
                 type: Input
@@ -14873,8 +14870,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * > You can use the DateRangeStartInputDirective only with a DateInput component.
  */
 class DateRangeStartInputDirective extends DateRangeInput {
-    constructor(rangeService, dateInput, rangePopupService, element, renderer, zone) {
-        super('start', rangeService, rangePopupService, dateInput, element, renderer, zone);
+    constructor(rangeService, dateInput, element, renderer, zone) {
+        super('start', rangeService, dateInput, element, renderer, zone);
         this.rangeService = rangeService;
         this.dateInput = dateInput;
         /**
@@ -14930,14 +14927,14 @@ class DateRangeStartInputDirective extends DateRangeInput {
         this.dateInput.notify();
     }
 }
-DateRangeStartInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: DateRangeService }, { token: DateInputComponent }, { token: DateRangePopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DateRangeStartInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: DateRangeService }, { token: DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
 DateRangeStartInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeStartInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDateRangeStartInput]'
                 }]
-        }], ctorParameters: function () { return [{ type: DateRangeService }, { type: DateInputComponent }, { type: DateRangePopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { autoCorrectOn: [{
+        }], ctorParameters: function () { return [{ type: DateRangeService }, { type: DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { autoCorrectOn: [{
                 type: Input
             }], navigateCalendarOnFocus: [{
                 type: Input
@@ -15835,5 +15832,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CalendarCommonModule, CalendarComponent, CalendarCustomMessagesComponent, CalendarLocalizedMessagesDirective, CalendarModule, CalendarsModule, CellTemplateDirective, CenturyCellTemplateDirective, DateInputComponent, DateInputCustomMessagesComponent, DateInputLocalizedMessagesDirective, DateInputModule, DateInputsModule, DatePickerComponent, DatePickerCustomMessagesComponent, DatePickerLocalizedMessagesDirective, DatePickerModule, DateRangeComponent, DateRangeEndInputDirective, DateRangeModule, DateRangePopupComponent, DateRangePopupService, DateRangePopupTemplateDirective, DateRangeSelectionDirective, DateRangeService, DateRangeStartInputDirective, DateTimePickerComponent, DateTimePickerCustomMessagesComponent, DateTimePickerModule, DecadeCellTemplateDirective, HeaderComponent, HeaderTitleTemplateDirective, HorizontalViewListComponent, KForOf, LocalizedMessagesDirective, MonthCellTemplateDirective, MultiViewCalendarComponent, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarLocalizedMessagesDirective, MultiViewCalendarModule, NavigationComponent, NavigationItemTemplateDirective, PreventableEvent, TemplatesModule, TimeListComponent, TimePickerComponent, TimePickerCustomMessagesComponent, TimePickerLocalizedMessagesDirective, TimePickerModule, TimeSelectorComponent, TimeSelectorCustomMessagesComponent, TimeSelectorLocalizedMessagesDirective, ViewComponent, ViewListComponent, WeekNumberCellTemplateDirective, YearCellTemplateDirective };
+export { CalendarCommonModule, CalendarComponent, CalendarCustomMessagesComponent, CalendarLocalizedMessagesDirective, CalendarModule, CalendarsModule, CellTemplateDirective, CenturyCellTemplateDirective, DateInputComponent, DateInputCustomMessagesComponent, DateInputLocalizedMessagesDirective, DateInputModule, DateInputsModule, DatePickerComponent, DatePickerCustomMessagesComponent, DatePickerLocalizedMessagesDirective, DatePickerModule, DateRangeComponent, DateRangeEndInputDirective, DateRangeModule, DateRangePopupComponent, DateRangePopupTemplateDirective, DateRangeSelectionDirective, DateRangeService, DateRangeStartInputDirective, DateTimePickerComponent, DateTimePickerCustomMessagesComponent, DateTimePickerModule, DecadeCellTemplateDirective, HeaderComponent, HeaderTitleTemplateDirective, HorizontalViewListComponent, KForOf, LocalizedMessagesDirective, MonthCellTemplateDirective, MultiViewCalendarComponent, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarLocalizedMessagesDirective, MultiViewCalendarModule, NavigationComponent, NavigationItemTemplateDirective, PreventableEvent, TemplatesModule, TimeListComponent, TimePickerComponent, TimePickerCustomMessagesComponent, TimePickerLocalizedMessagesDirective, TimePickerModule, TimeSelectorComponent, TimeSelectorCustomMessagesComponent, TimeSelectorLocalizedMessagesDirective, ViewComponent, ViewListComponent, WeekNumberCellTemplateDirective, YearCellTemplateDirective };
 

package/main.d.ts

@@ -42,7 +42,6 @@ export { DateTimePickerModule } from './datetimepicker/datetimepicker.module';
 export { MultiViewCalendarModule } from './calendar/multiview-calendar.module';
 export { DateRangeModule } from './daterange/date-range.module';
 export { DateRangeService } from './daterange/date-range.service';
-export { DateRangePopupService } from './daterange/date-range-popup.service';
 export { CalendarCustomMessagesComponent } from './calendar/localization/calendar-custom-messages.component';
 export { DateInputCustomMessagesComponent } from './dateinput/localization/dateinput-custom-messages.component';
 export { DatePickerCustomMessagesComponent } from './datepicker/localization/datepicker-custom-messages.component';