@progress/kendo-angular-dateinputs 13.0.0-develop.9 → 13.0.1-develop.1

package/fesm2020/progress-kendo-angular-dateinputs.mjs

@@ -36,8 +36,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685111006,
-    version: '13.0.0-develop.9',
+    publishDate: 1686070647,
+    version: '13.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -9310,7 +9310,7 @@ class DatePickerComponent {
      * Used by the TextBoxContainer to determine if the component is empty.
      */
     isEmpty() {
-        return !this.value && this.input.isEmpty();
+        return !this.value && this.dateInput.isEmpty();
     }
     /**
      * @hidden
@@ -9343,6 +9343,9 @@ class DatePickerComponent {
             this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop$2;
             this.onValidatorChange();
         }
+        if (!this.focusableId || changes.focusableId) {
+            this.focusableId = this.dateInput?.focusableId;
+        }
     }
     /**
      * @hidden
@@ -9372,9 +9375,9 @@ class DatePickerComponent {
         this.verifyValue(value);
         this.value = cloneDate(value);
         this.cdr.markForCheck();
-        if (!value && this.input) {
-            this.input.placeholder = this.placeholder;
-            this.input.writeValue(value);
+        if (!value && this.dateInput) {
+            this.dateInput.placeholder = this.placeholder;
+            this.dateInput.writeValue(value);
         }
     }
     /**
@@ -9400,7 +9403,7 @@ class DatePickerComponent {
      * @hidden
      */
     validate(control) {
-        return this.minValidateFn(control) || this.maxValidateFn(control) || this.disabledDatesValidateFn(control) || this.incompleteValidator(control, this.input && this.input.isDateIncomplete);
+        return this.minValidateFn(control) || this.maxValidateFn(control) || this.disabledDatesValidateFn(control) || this.incompleteValidator(control, this.dateInput && this.dateInput.isDateIncomplete);
     }
     /**
      * @hidden
@@ -9437,13 +9440,13 @@ class DatePickerComponent {
      * ```
      */
     focus() {
-        this.input.focus();
+        this.dateInput.focus();
     }
     /**
      * Blurs the DatePicker component.
      */
     blur() {
-        (this.calendar || this.input)['blur']();
+        (this.calendar || this.dateInput)['blur']();
     }
     /**
      * Toggles the visibility of the popup or actionSheet.
@@ -9505,7 +9508,7 @@ class DatePickerComponent {
      * @hidden
      */
     handleInputChange(value) {
-        this.handleChange(this.input.formatSections['time'] ? value : this.mergeTime(value));
+        this.handleChange(this.dateInput.formatSections['time'] ? value : this.mergeTime(value));
     }
     /**
      * @hidden
@@ -9527,7 +9530,7 @@ class DatePickerComponent {
         }
         return appendTo === 'component' ? this.container : appendTo;
     }
-    get input() {
+    get dateInput() {
         return this.pickerService.input;
     }
     get calendar() {
@@ -9584,7 +9587,7 @@ class DatePickerComponent {
             }
         }
         if (keyCode === Keys$1.Tab && this.show && this.calendar.isActive && isTabExitingCalendar(this.calendarType, target, shiftKey)) {
-            this.input.focus();
+            this.dateInput.focus();
             this.show = false;
         }
     }
@@ -9617,7 +9620,7 @@ class DatePickerComponent {
             });
             this.setAriaActiveDescendant();
             this.popupRef.popupElement.setAttribute('id', this.popupUID);
-            this.renderer.setAttribute(this.inputElement, attributeNames.ariaControls, this.popupUID);
+            this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
             this.subscription = this.popupRef.popupAnchorViewportLeave.subscribe(() => this.show = false);
         }
         else {
@@ -9625,8 +9628,8 @@ class DatePickerComponent {
             this.popupRef = null;
             this.subscription.unsubscribe();
             this.ariaActiveDescendantSubscription.unsubscribe();
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaControls);
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaActiveDescendant);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaControls);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant);
             this.cdr.detectChanges();
         }
     }
@@ -9639,13 +9642,13 @@ class DatePickerComponent {
             this.updateActionSheetAdaptiveAppearance();
             this.setAriaActiveDescendant();
             this.actionSheet.element.nativeElement.setAttribute('id', this.popupUID);
-            this.renderer.setAttribute(this.inputElement, attributeNames.ariaControls, this.popupUID);
+            this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
         }
         else if (!show && this.isOpen) {
             this.actionSheet.toggle();
             this.ariaActiveDescendantSubscription.unsubscribe();
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaActiveDescendant);
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaControls);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaControls);
         }
         this._show = show;
     }
@@ -9672,13 +9675,13 @@ class DatePickerComponent {
         const focusedCellChangeEvent = this.calendar.type === 'infinite' ?
             this.calendar.monthView.focusedCellChange :
             this.calendar.multiViewCalendar.viewList.focusedCellChange;
-        this.ariaActiveDescendantSubscription = focusedCellChangeEvent.subscribe((id) => this.renderer.setAttribute(this.inputElement, attributeNames.ariaActiveDescendant, id));
+        this.ariaActiveDescendantSubscription = focusedCellChangeEvent.subscribe((id) => this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant, id));
     }
     focusInput() {
         if (this.touchEnabled) {
             return;
         }
-        this.input.focus();
+        this.dateInput.focus();
     }
     toggleFocus() {
         if (!this.isActive) {
@@ -9693,9 +9696,9 @@ class DatePickerComponent {
             }
         }
         else if (!this.touchEnabled) {
-            this.input.focus();
+            this.dateInput.focus();
         }
-        else if (!this.input.isActive) {
+        else if (!this.dateInput.isActive) {
             this.handleBlur();
         }
     }
@@ -9743,7 +9746,7 @@ class DatePickerComponent {
         const currentTarget = args && currentFocusTarget(args);
         const target = args && args.target;
         const isInsideActionSheet = this.actionSheet && (this.actionSheet.element.nativeElement.contains(target) || this.actionSheet.element.nativeElement.contains(currentTarget));
-        if (currentTarget && (this.input.containsElement(currentTarget) ||
+        if (currentTarget && (this.dateInput.containsElement(currentTarget) ||
             (this.calendar && this.calendar.containsElement(currentTarget)) || isInsideActionSheet)) {
             return;
         }
@@ -9878,6 +9881,7 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             }"
             [scope]="this"
             (collapse)="handleActionSheetCollapse()"
+            [titleId]="calendar?.headerId"
         >
             <ng-template kendoActionSheetTemplate>
                 <div class="k-actionsheet-titlebar">
@@ -10042,6 +10046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             }"
             [scope]="this"
             (collapse)="handleActionSheetCollapse()"
+            [titleId]="calendar?.headerId"
         >
             <ng-template kendoActionSheetTemplate>
                 <div class="k-actionsheet-titlebar">
@@ -12526,7 +12531,7 @@ class TimePickerComponent {
             this.toggleTimeSelector(show);
         }
     }
-    get input() {
+    get dateInput() {
         return this.pickerService.input;
     }
     get timeSelector() {
@@ -12540,7 +12545,7 @@ class TimePickerComponent {
      * Used by the TextBoxContainer to determine if the component is empty
      */
     isEmpty() {
-        return !this.value && this.input.isEmpty();
+        return !this.value && this.dateInput.isEmpty();
     }
     /**
      * @hidden
@@ -12575,6 +12580,9 @@ class TimePickerComponent {
         if (changes.format) {
             this.verifyFormat();
         }
+        if (!this.focusableId || changes.focusableId) {
+            this.focusableId = this.dateInput?.focusableId;
+        }
     }
     /**
      * @hidden
@@ -12620,9 +12628,9 @@ class TimePickerComponent {
         this.verifyValue(value);
         this.value = cloneDate(value);
         this.cdr.markForCheck();
-        if (!value && this.input) {
-            this.input.placeholder = this.placeholder;
-            this.input.writeValue(value);
+        if (!value && this.dateInput) {
+            this.dateInput.placeholder = this.placeholder;
+            this.dateInput.writeValue(value);
         }
     }
     /**
@@ -12648,7 +12656,7 @@ class TimePickerComponent {
      * @hidden
      */
     validate(control) {
-        return this.timeRangeValidateFn(control) || this.incompleteValidator(control, this.input && this.input.isDateIncomplete);
+        return this.timeRangeValidateFn(control) || this.incompleteValidator(control, this.dateInput && this.dateInput.isDateIncomplete);
     }
     /**
      * @hidden
@@ -12672,13 +12680,13 @@ class TimePickerComponent {
      * ```
      */
     focus() {
-        this.input.focus();
+        this.dateInput.focus();
     }
     /**
      * Blurs the TimePicker component.
      */
     blur() {
-        (this.timeSelector || this.input)['blur']();
+        (this.timeSelector || this.dateInput)['blur']();
     }
     /**
      * Toggles the visibility of the popup or actionSheet.
@@ -12751,7 +12759,7 @@ class TimePickerComponent {
      * @hidden
      */
     handleInputChange(value) {
-        const val = this.input.formatSections['date'] ? value : this.mergeTime(value);
+        const val = this.dateInput.formatSections['date'] ? value : this.mergeTime(value);
         this.handleChange(val);
     }
     /**
@@ -12862,12 +12870,12 @@ class TimePickerComponent {
             this.actionSheet.toggle();
             this.updateActionSheetAdaptiveAppearance();
             this.renderer.setAttribute(this.actionSheet.element.nativeElement, 'id', this.popupUID);
-            this.renderer.setAttribute(this.inputElement, attributeNames.ariaControls, this.popupUID);
+            this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
         }
         else if (!show && this.isOpen) {
             // Need to disable the pointer events to avoid triggering focus on the timelist when acionsheet close down animation starts
             this.renderer.setStyle(this.timeSelector.element.nativeElement, 'pointer-events', 'none');
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaControls);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaControls);
             this.actionSheet.toggle();
         }
         this._show = show;
@@ -12891,13 +12899,13 @@ class TimePickerComponent {
                 positionMode: 'absolute'
             });
             this.popupRef.popupElement.setAttribute('id', this.popupUID);
-            this.renderer.setAttribute(this.inputElement, attributeNames.ariaControls, this.popupUID);
+            this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
             this.popupRef.popupAnchorViewportLeave.subscribe(() => this.show = false);
         }
         else {
             this.popupRef.close();
             this.popupRef = null;
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaControls);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaControls);
         }
     }
     updateActionSheetAdaptiveAppearance() {
@@ -12923,7 +12931,7 @@ class TimePickerComponent {
         if (this.touchEnabled) {
             return;
         }
-        this.input.focus();
+        this.dateInput.focus();
     }
     toggleFocus() {
         if (!this.isActive) {
@@ -12938,9 +12946,9 @@ class TimePickerComponent {
             }
         }
         else if (!this.touchEnabled) {
-            this.input.focus();
+            this.dateInput.focus();
         }
-        else if (!this.input.isActive) {
+        else if (!this.dateInput.isActive) {
             this.handleBlur();
         }
     }
@@ -12989,7 +12997,7 @@ class TimePickerComponent {
         const currentTarget = args && currentFocusTarget(args); // relatedTarget || activeElement
         const target = args && args.target;
         const isInsideActionSheet = this.actionSheet && (this.actionSheet.element.nativeElement.contains(target) || this.actionSheet.element.nativeElement.contains(currentTarget));
-        if (currentTarget && (this.input.containsElement(currentTarget) ||
+        if (currentTarget && (this.dateInput.containsElement(currentTarget) ||
             (this.timeSelector && this.timeSelector.containsElement(currentTarget)) || isInsideActionSheet)) {
             return;
         }
@@ -13136,6 +13144,7 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
             #actionSheet
             (overlayClick)="show=false"
             (collapse)="handleActionSheetCollapse()"
+            [titleId]="focusableId"
         >
             <ng-template kendoActionSheetTemplate>
                 <div class="k-actionsheet-titlebar">
@@ -13338,6 +13347,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             #actionSheet
             (overlayClick)="show=false"
             (collapse)="handleActionSheetCollapse()"
+            [titleId]="focusableId"
         >
             <ng-template kendoActionSheetTemplate>
                 <div class="k-actionsheet-titlebar">
@@ -13812,15 +13822,9 @@ class DateTimePickerComponent {
     /**
      * @hidden
      */
-    get input() {
+    get dateInput() {
         return this.pickerService.input;
     }
-    /**
-     * @hidden
-     */
-    get inputElement() {
-        return this.wrapper.nativeElement.querySelector('input');
-    }
     /**
      * @hidden
      */
@@ -14173,6 +14177,9 @@ class DateTimePickerComponent {
             this.incompleteValidator = this.incompleteDateValidation ? incompleteDateValidator() : noop$2;
             this.onValidatorChange();
         }
+        if (!this.focusableId || changes['focusableId']) {
+            this.focusableId = this.dateInput?.focusableId;
+        }
     }
     ngOnDestroy() {
         if (this.isOpen) {
@@ -14192,7 +14199,7 @@ class DateTimePickerComponent {
             this.activeTabComponent.focus();
         }
         else {
-            this.input.focus();
+            this.dateInput.focus();
         }
     }
     /**
@@ -14203,7 +14210,7 @@ class DateTimePickerComponent {
             this.activeTabComponent.blur();
         }
         else {
-            this.input.blur();
+            this.dateInput.blur();
         }
     }
     /**
@@ -14255,7 +14262,7 @@ class DateTimePickerComponent {
      * @hidden
      */
     validate(control) {
-        return this.minValidateFn(control) || this.maxValidateFn(control) || this.disabledDatesValidateFn(control) || this.incompleteValidator(control, this.input && this.input.isDateIncomplete);
+        return this.minValidateFn(control) || this.maxValidateFn(control) || this.disabledDatesValidateFn(control) || this.incompleteValidator(control, this.dateInput && this.dateInput.isDateIncomplete);
     }
     /**
      * @hidden
@@ -14269,7 +14276,7 @@ class DateTimePickerComponent {
      * Used by the TextBoxContainer to determine if the floating label will render in the input.
      */
     isEmpty() {
-        return !isPresent(this.value) && this.input.isEmpty();
+        return !isPresent(this.value) && this.dateInput.isEmpty();
     }
     /**
      * @hidden
@@ -14342,7 +14349,7 @@ class DateTimePickerComponent {
             return;
         }
         if (this.activeTab === 'time') {
-            this.renderer.removeAttribute(this.inputElement, attributeNames.ariaActiveDescendant);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant);
         }
         this.activeTabComponent.focus();
     }
@@ -14487,7 +14494,6 @@ class DateTimePickerComponent {
         this.cdr.markForCheck();
         // Reset tabs after actionsheet is collapsed, otherwise the tab change can be seen during the animation
         this.resetActiveTab();
-        this.input.focus();
     }
     /**
      * @hidden
@@ -14519,14 +14525,14 @@ class DateTimePickerComponent {
             this.actionSheet.toggle();
             this.updateActionSheetAdaptiveAppearance();
             this.renderer.setAttribute(this.actionSheet.element.nativeElement, 'id', this.popupUID);
-            this.renderer.setAttribute(this.inputElement, attributeNames.ariaControls, this.popupUID);
+            this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
             this.setAriaActiveDescendant();
         }
         else if (isPresent(show) && !show && this.isOpen) {
             this.actionSheet.toggle();
             this.ariaActiveDescendantSubscription.unsubscribe();
-            this.renderer.removeAttribute(this.input.inputElement, attributeNames.ariaActiveDescendant);
-            this.renderer.removeAttribute(this.input.inputElement, attributeNames.ariaControls);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant);
+            this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaControls);
         }
     }
     updateActionSheetAdaptiveAppearance() {
@@ -14641,9 +14647,9 @@ class DateTimePickerComponent {
             this.activeTabComponent.focus();
         }
         else if (!this.touchEnabled) {
-            this.input.focus();
+            this.dateInput.focus();
         }
-        else if (!this.input.isActive) {
+        else if (!this.dateInput.isActive) {
             this.handleBlur();
         }
     }
@@ -14662,7 +14668,7 @@ class DateTimePickerComponent {
             popupAlign: { vertical: 'top', horizontal: direction }
         });
         this.popupRef.popupElement.setAttribute('id', this.popupUID);
-        this.renderer.setAttribute(this.inputElement, attributeNames.ariaControls, this.popupUID);
+        this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
         this.setAriaActiveDescendant();
         this.popupRef.popupAnchorViewportLeave.subscribe(() => this.handleCancel());
         if (this.calendar.type === 'infinite') {
@@ -14679,15 +14685,15 @@ class DateTimePickerComponent {
         const focusedCellChangeEvent = this.calendar.type === 'infinite' ?
             this.calendar.monthView.focusedCellChange :
             this.calendar.multiViewCalendar.viewList.focusedCellChange;
-        this.ariaActiveDescendantSubscription = focusedCellChangeEvent.subscribe((id) => this.renderer.setAttribute(this.input.inputElement, attributeNames.ariaActiveDescendant, id));
+        this.ariaActiveDescendantSubscription = focusedCellChangeEvent.subscribe((id) => this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant, id));
     }
     closePopup() {
         if (!this.isOpen) {
             return;
         }
         this.ariaActiveDescendantSubscription.unsubscribe();
-        this.renderer.removeAttribute(this.inputElement, attributeNames.ariaControls);
-        this.renderer.removeAttribute(this.inputElement, attributeNames.ariaActiveDescendant);
+        this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaControls);
+        this.renderer.removeAttribute(this.dateInput?.inputElement, attributeNames.ariaActiveDescendant);
         this.popupRef.close();
         this.popupRef = null;
     }
@@ -14907,6 +14913,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             #actionSheet
             (overlayClick)="toggleDateTime(false)"
             (collapse)="handleActionSheetCollapse()"
+            [titleId]="calendar?.headerId"
         >
             <ng-template kendoActionSheetTemplate>
                 <div class="k-actionsheet-titlebar">
@@ -15016,6 +15023,7 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 >
                     <div class="k-datetime-calendar-wrap">
                         <kendo-calendar
+                            #calendar
                             [ngClass]="{'k-calendar-lg': isAdaptive}"
                             [focusedDate]="focusedDate"
                             [(value)]="calendarValue"
@@ -15269,6 +15277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             #actionSheet
             (overlayClick)="toggleDateTime(false)"
             (collapse)="handleActionSheetCollapse()"
+            [titleId]="calendar?.headerId"
         >
             <ng-template kendoActionSheetTemplate>
                 <div class="k-actionsheet-titlebar">
@@ -15378,6 +15387,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 >
                     <div class="k-datetime-calendar-wrap">
                         <kendo-calendar
+                            #calendar
                             [ngClass]="{'k-calendar-lg': isAdaptive}"
                             [focusedDate]="focusedDate"
                             [(value)]="calendarValue"
@@ -15693,14 +15703,14 @@ class DateRangeService {
      * Gets the start input element.
      */
     get inputStartElement() {
-        return this.startInput$.value.dateInput.nativeElement;
+        return this.startInput$.value.inputElement;
     }
     /**
      * @hidden
      * Gets the end input element.
      */
     get inputEndElement() {
-        return this.endInput$.value.dateInput.nativeElement;
+        return this.endInput$.value.inputElement;
     }
     /**
      * Activates the registered `DateRangePopup` component.
@@ -16108,10 +16118,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * ```
  */
 class DateRangePopupComponent {
-    constructor(popupService, dateRangeService, ref, zone, renderer, localization, cdr, rtl) {
+    constructor(popupService, dateRangeService, zone, renderer, localization, cdr, rtl) {
         this.popupService = popupService;
         this.dateRangeService = dateRangeService;
-        this.ref = ref;
         this.zone = zone;
         this.renderer = renderer;
         this.localization = localization;
@@ -16254,8 +16263,16 @@ class DateRangePopupComponent {
         }
     }
     ngAfterViewInit() {
-        this.calendarSubscriptions.add(this.contentCalendar.changes.subscribe((changes) => this.calendar = changes.first));
-        this.calendarSubscriptions.add(this.viewCalendar.changes.subscribe((changes) => this.calendar = changes.first));
+        this.calendarSubscriptions.add(this.contentCalendar.changes.subscribe((changes) => {
+            this.calendar = changes.first;
+            this.actionSheet.titleId = changes.first?.headerId;
+            this.cdr.detectChanges();
+        }));
+        this.calendarSubscriptions.add(this.viewCalendar.changes.subscribe((changes) => {
+            this.calendar = changes.first;
+            this.actionSheet.titleId = changes.first?.headerId;
+            this.cdr.detectChanges();
+        }));
         if (isWindowAvailable()) {
             this.zone.runOutsideAngular(() => this.windowBlurSubscription = fromEvent(window, 'blur').subscribe(this.handleWindowBlur.bind(this)));
         }
@@ -16286,7 +16303,7 @@ class DateRangePopupComponent {
             this.activateSubscription.unsubscribe();
         }
         this.show = true;
-        this.ref.markForCheck();
+        this.cdr.markForCheck();
         this.zone.runOutsideAngular(() => {
             this.activateSubscription = merge(this.contentCalendar.changes, this.viewCalendar.changes)
                 .pipe(filter(changes => changes && changes.first), map(changes => changes.first))
@@ -16523,7 +16540,7 @@ class DateRangePopupComponent {
         }
     }
 }
-DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1$2.PopupService }, { token: DateRangeService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1$2.PopupService }, { token: DateRangeService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: { animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
         LocalizationService,
         {
@@ -16550,7 +16567,7 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             <kendo-multiviewcalendar kendoDateRangeSelection (onClosePopup)="closePopup($event)" (onTabPress)="handleTab($event)" (onShiftTabPress)="handleShiftTab($event)"></kendo-multiviewcalendar>
         </ng-template>
 
-        <kendo-actionsheet 
+        <kendo-actionsheet
             #actionSheet
             (overlayClick)="show=false"
             (collapse)="onBlur.emit()"
@@ -16587,7 +16604,6 @@ DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                         <kendo-multiviewcalendar
                             class="k-calendar-lg"
                             orientation="vertical"
-                            #test
                             kendoDateRangeSelection
                             [shouldSetRange]="false">
                         </kendo-multiviewcalendar>
@@ -16648,7 +16664,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <kendo-multiviewcalendar kendoDateRangeSelection (onClosePopup)="closePopup($event)" (onTabPress)="handleTab($event)" (onShiftTabPress)="handleShiftTab($event)"></kendo-multiviewcalendar>
         </ng-template>
 
-        <kendo-actionsheet 
+        <kendo-actionsheet
             #actionSheet
             (overlayClick)="show=false"
             (collapse)="onBlur.emit()"
@@ -16685,7 +16701,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         <kendo-multiviewcalendar
                             class="k-calendar-lg"
                             orientation="vertical"
-                            #test
                             kendoDateRangeSelection
                             [shouldSetRange]="false">
                         </kendo-multiviewcalendar>
@@ -16715,7 +16730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-actionsheet>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.PopupService }, { type: DateRangeService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.PopupService }, { type: DateRangeService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "13.0.0-develop.9",
+  "version": "13.0.1-develop.1",
   "description": "Kendo UI for Angular Date Inputs Package - Everything you need to add date selection functionality to apps (DatePicker, TimePicker, DateInput, DateRangePicker, DateTimePicker, Calendar, and MultiViewCalendar).",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -33,20 +33,20 @@
     "@angular/core": "13 - 16",
     "@angular/platform-browser": "13 - 16",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "13.0.0-develop.9",
-    "@progress/kendo-angular-intl": "13.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "13.0.0-develop.9",
-    "@progress/kendo-angular-icons": "13.0.0-develop.9",
-    "@progress/kendo-angular-popup": "13.0.0-develop.9",
-    "@progress/kendo-angular-navigation": "13.0.0-develop.9",
+    "@progress/kendo-angular-common": "13.0.1-develop.1",
+    "@progress/kendo-angular-intl": "13.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "13.0.1-develop.1",
+    "@progress/kendo-angular-icons": "13.0.1-develop.1",
+    "@progress/kendo-angular-popup": "13.0.1-develop.1",
+    "@progress/kendo-angular-navigation": "13.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-buttons": "13.0.0-develop.9",
-    "@progress/kendo-angular-inputs": "13.0.0-develop.9",
-    "@progress/kendo-angular-label": "13.0.0-develop.9"
+    "@progress/kendo-angular-buttons": "13.0.1-develop.1",
+    "@progress/kendo-angular-inputs": "13.0.1-develop.1",
+    "@progress/kendo-angular-label": "13.0.1-develop.1"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "13.0.0-develop.9",
+    "@progress/kendo-angular-schematics": "13.0.1-develop.1",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-date-math": "^1.1.0"
   },

package/timepicker/timepicker.component.d.ts

@@ -348,7 +348,7 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
     set isActive(value: boolean);
     get show(): boolean;
     set show(show: boolean);
-    get input(): DateInputComponent;
+    get dateInput(): DateInputComponent;
     get timeSelector(): TimeSelectorComponent;
     private get inputElement();
     private onControlChange;