@progress/kendo-angular-dateinputs 16.11.0-develop.1 → 16.11.0-develop.11

package/esm2020/datepicker/datepicker.component.mjs

@@ -860,6 +860,7 @@ export class DatePickerComponent extends MultiTabStop {
     handleKeydown(e) {
         const { altKey, shiftKey, keyCode, target } = e;
         if (keyCode === Keys.Escape) {
+            this.dateInput.focus();
             this.show = false;
             hasObservers(this.escape) && this.escape.emit();
         }
@@ -868,6 +869,7 @@ export class DatePickerComponent extends MultiTabStop {
                 this.show = true;
             }
             if (keyCode === Keys.ArrowUp) {
+                this.dateInput.focus();
                 this.show = false;
             }
         }

package/esm2020/datetimepicker/datetimepicker.component.mjs

@@ -832,6 +832,9 @@ export class DateTimePickerComponent extends MultiTabStop {
             const shouldOpen = !this.isOpen;
             // handle focus first to maintain correct event order `focus` => `open`
             this.handleFocus();
+            if (!shouldOpen) {
+                this.dateInput.focus();
+            }
             this.toggleDateTime(shouldOpen);
             this.switchFocus();
         });
@@ -925,6 +928,7 @@ export class DateTimePickerComponent extends MultiTabStop {
         const runInZone = valueChangePresent || hasObservers(this.close);
         this.run(runInZone, () => {
             this.handleValueChange(candidate);
+            this.dateInput.focus();
             this.toggleDateTime(false);
         });
     }
@@ -936,6 +940,7 @@ export class DateTimePickerComponent extends MultiTabStop {
             return;
         }
         const runInZone = hasObservers(this.close);
+        this.dateInput.focus();
         this.run(runInZone, () => this.toggleDateTime(false));
         hasObservers(this.escape) && this.escape.emit();
     }
@@ -1445,9 +1450,9 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 keydown: handleKeyDown
             }"
             [scope]="this"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             (click)="handleDateInputClick()"
         >
             <kendo-dateinput-messages
@@ -1848,9 +1853,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 keydown: handleKeyDown
             }"
             [scope]="this"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             (click)="handleDateInputClick()"
         >
             <kendo-dateinput-messages

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727353523,
-    version: '16.11.0-develop.1',
+    publishDate: 1727949557,
+    version: '16.11.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/timepicker/services/dom.service.mjs

@@ -64,8 +64,8 @@ export class TimePickerDOMService {
             hostContainer = document.body;
             wrapper = hostContainer.appendChild(timeListWrapper(true, this.windowSize, this.isDateTimePicker));
         }
-        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
-        this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').offsetHeight;
+        this.itemHeight = wrapper.querySelector('li').offsetHeight;
         hostContainer.removeChild(wrapper);
     }
     isActive(element) {

package/esm2020/timepicker/timepicker.component.mjs

@@ -528,6 +528,7 @@ export class TimePickerComponent extends MultiTabStop {
     handleKeydown(event) {
         const { altKey, keyCode } = event;
         if (keyCode === Keys.Escape) {
+            this.focusInput();
             this.show = false;
             hasObservers(this.escape) && this.escape.emit();
             this.cdr.detectChanges();
@@ -536,6 +537,7 @@ export class TimePickerComponent extends MultiTabStop {
         if (altKey) {
             if (keyCode === Keys.ArrowUp) {
                 event.preventDefault();
+                this.focusInput();
                 this.show = false;
                 this.cdr.detectChanges();
             }
@@ -682,6 +684,7 @@ export class TimePickerComponent extends MultiTabStop {
      * @hidden
      */
     handleReject() {
+        this.focusInput();
         this.show = false;
     }
     /**
@@ -1039,9 +1042,9 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             [autoSwitchKeys]="autoSwitchKeys"
             [enableMouseWheel]="enableMouseWheel"
             [allowCaretMode]="allowCaretMode"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             [steps]="steps"
             [tabindex]="!show ? tabindex : -1"
             [isRequired]="isControlRequired"
@@ -1263,9 +1266,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [autoSwitchKeys]="autoSwitchKeys"
             [enableMouseWheel]="enableMouseWheel"
             [allowCaretMode]="allowCaretMode"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             [steps]="steps"
             [tabindex]="!show ? tabindex : -1"
             [isRequired]="isControlRequired"

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

@@ -35,8 +35,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727353523,
-    version: '16.11.0-develop.1',
+    publishDate: 1727949557,
+    version: '16.11.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -10218,6 +10218,7 @@ class DatePickerComponent extends MultiTabStop {
     handleKeydown(e) {
         const { altKey, shiftKey, keyCode, target } = e;
         if (keyCode === Keys$1.Escape) {
+            this.dateInput.focus();
             this.show = false;
             hasObservers(this.escape) && this.escape.emit();
         }
@@ -10226,6 +10227,7 @@ class DatePickerComponent extends MultiTabStop {
                 this.show = true;
             }
             if (keyCode === Keys$1.ArrowUp) {
+                this.dateInput.focus();
                 this.show = false;
             }
         }
@@ -11655,8 +11657,8 @@ class TimePickerDOMService {
             hostContainer = document.body;
             wrapper = hostContainer.appendChild(timeListWrapper(true, this.windowSize, this.isDateTimePicker));
         }
-        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
-        this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').offsetHeight;
+        this.itemHeight = wrapper.querySelector('li').offsetHeight;
         hostContainer.removeChild(wrapper);
     }
     isActive(element) {
@@ -13414,6 +13416,7 @@ class TimePickerComponent extends MultiTabStop {
     handleKeydown(event) {
         const { altKey, keyCode } = event;
         if (keyCode === Keys$1.Escape) {
+            this.focusInput();
             this.show = false;
             hasObservers(this.escape) && this.escape.emit();
             this.cdr.detectChanges();
@@ -13422,6 +13425,7 @@ class TimePickerComponent extends MultiTabStop {
         if (altKey) {
             if (keyCode === Keys$1.ArrowUp) {
                 event.preventDefault();
+                this.focusInput();
                 this.show = false;
                 this.cdr.detectChanges();
             }
@@ -13568,6 +13572,7 @@ class TimePickerComponent extends MultiTabStop {
      * @hidden
      */
     handleReject() {
+        this.focusInput();
         this.show = false;
     }
     /**
@@ -13927,9 +13932,9 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             [autoSwitchKeys]="autoSwitchKeys"
             [enableMouseWheel]="enableMouseWheel"
             [allowCaretMode]="allowCaretMode"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             [steps]="steps"
             [tabindex]="!show ? tabindex : -1"
             [isRequired]="isControlRequired"
@@ -14151,9 +14156,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [autoSwitchKeys]="autoSwitchKeys"
             [enableMouseWheel]="enableMouseWheel"
             [allowCaretMode]="allowCaretMode"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             [steps]="steps"
             [tabindex]="!show ? tabindex : -1"
             [isRequired]="isControlRequired"
@@ -15271,6 +15276,9 @@ class DateTimePickerComponent extends MultiTabStop {
             const shouldOpen = !this.isOpen;
             // handle focus first to maintain correct event order `focus` => `open`
             this.handleFocus();
+            if (!shouldOpen) {
+                this.dateInput.focus();
+            }
             this.toggleDateTime(shouldOpen);
             this.switchFocus();
         });
@@ -15365,6 +15373,7 @@ class DateTimePickerComponent extends MultiTabStop {
         const runInZone = valueChangePresent || hasObservers(this.close);
         this.run(runInZone, () => {
             this.handleValueChange(candidate);
+            this.dateInput.focus();
             this.toggleDateTime(false);
         });
     }
@@ -15376,6 +15385,7 @@ class DateTimePickerComponent extends MultiTabStop {
             return;
         }
         const runInZone = hasObservers(this.close);
+        this.dateInput.focus();
         this.run(runInZone, () => this.toggleDateTime(false));
         hasObservers(this.escape) && this.escape.emit();
     }
@@ -15888,9 +15898,9 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 keydown: handleKeyDown
             }"
             [scope]="this"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             (click)="handleDateInputClick()"
         >
             <kendo-dateinput-messages
@@ -16291,9 +16301,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 keydown: handleKeyDown
             }"
             [scope]="this"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             (click)="handleDateInputClick()"
         >
             <kendo-dateinput-messages

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

@@ -35,8 +35,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727353523,
-    version: '16.11.0-develop.1',
+    publishDate: 1727949557,
+    version: '16.11.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -10195,6 +10195,7 @@ class DatePickerComponent extends MultiTabStop {
     handleKeydown(e) {
         const { altKey, shiftKey, keyCode, target } = e;
         if (keyCode === Keys$1.Escape) {
+            this.dateInput.focus();
             this.show = false;
             hasObservers(this.escape) && this.escape.emit();
         }
@@ -10203,6 +10204,7 @@ class DatePickerComponent extends MultiTabStop {
                 this.show = true;
             }
             if (keyCode === Keys$1.ArrowUp) {
+                this.dateInput.focus();
                 this.show = false;
             }
         }
@@ -11054,8 +11056,8 @@ class TimePickerDOMService {
             hostContainer = document.body;
             wrapper = hostContainer.appendChild(timeListWrapper(true, this.windowSize, this.isDateTimePicker));
         }
-        this.timeListHeight = wrapper.querySelector('.k-scrollable').getBoundingClientRect().height;
-        this.itemHeight = wrapper.querySelector('li').getBoundingClientRect().height;
+        this.timeListHeight = wrapper.querySelector('.k-scrollable').offsetHeight;
+        this.itemHeight = wrapper.querySelector('li').offsetHeight;
         hostContainer.removeChild(wrapper);
     }
     isActive(element) {
@@ -13382,6 +13384,7 @@ class TimePickerComponent extends MultiTabStop {
     handleKeydown(event) {
         const { altKey, keyCode } = event;
         if (keyCode === Keys$1.Escape) {
+            this.focusInput();
             this.show = false;
             hasObservers(this.escape) && this.escape.emit();
             this.cdr.detectChanges();
@@ -13390,6 +13393,7 @@ class TimePickerComponent extends MultiTabStop {
         if (altKey) {
             if (keyCode === Keys$1.ArrowUp) {
                 event.preventDefault();
+                this.focusInput();
                 this.show = false;
                 this.cdr.detectChanges();
             }
@@ -13536,6 +13540,7 @@ class TimePickerComponent extends MultiTabStop {
      * @hidden
      */
     handleReject() {
+        this.focusInput();
         this.show = false;
     }
     /**
@@ -13893,9 +13898,9 @@ TimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             [autoSwitchKeys]="autoSwitchKeys"
             [enableMouseWheel]="enableMouseWheel"
             [allowCaretMode]="allowCaretMode"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             [steps]="steps"
             [tabindex]="!show ? tabindex : -1"
             [isRequired]="isControlRequired"
@@ -14117,9 +14122,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [autoSwitchKeys]="autoSwitchKeys"
             [enableMouseWheel]="enableMouseWheel"
             [allowCaretMode]="allowCaretMode"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             [steps]="steps"
             [tabindex]="!show ? tabindex : -1"
             [isRequired]="isControlRequired"
@@ -15229,6 +15234,9 @@ class DateTimePickerComponent extends MultiTabStop {
             const shouldOpen = !this.isOpen;
             // handle focus first to maintain correct event order `focus` => `open`
             this.handleFocus();
+            if (!shouldOpen) {
+                this.dateInput.focus();
+            }
             this.toggleDateTime(shouldOpen);
             this.switchFocus();
         });
@@ -15322,6 +15330,7 @@ class DateTimePickerComponent extends MultiTabStop {
         const runInZone = valueChangePresent || hasObservers(this.close);
         this.run(runInZone, () => {
             this.handleValueChange(candidate);
+            this.dateInput.focus();
             this.toggleDateTime(false);
         });
     }
@@ -15333,6 +15342,7 @@ class DateTimePickerComponent extends MultiTabStop {
             return;
         }
         const runInZone = hasObservers(this.close);
+        this.dateInput.focus();
         this.run(runInZone, () => this.toggleDateTime(false));
         hasObservers(this.escape) && this.escape.emit();
     }
@@ -15842,9 +15852,9 @@ DateTimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
                 keydown: handleKeyDown
             }"
             [scope]="this"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             (click)="handleDateInputClick()"
         >
             <kendo-dateinput-messages
@@ -16245,9 +16255,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 keydown: handleKeyDown
             }"
             [scope]="this"
-            [fillMode]="fillMode"
-            [rounded]="rounded"
-            [size]="size"
+            fillMode="none"
+            rounded="none"
+            size="none"
             (click)="handleDateInputClick()"
         >
             <kendo-dateinput-messages

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "16.11.0-develop.1",
+  "version": "16.11.0-develop.11",
   "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",
@@ -34,18 +34,18 @@
     "@angular/forms": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.11.0-develop.1",
-    "@progress/kendo-angular-common": "16.11.0-develop.1",
-    "@progress/kendo-angular-intl": "16.11.0-develop.1",
-    "@progress/kendo-angular-l10n": "16.11.0-develop.1",
-    "@progress/kendo-angular-icons": "16.11.0-develop.1",
-    "@progress/kendo-angular-popup": "16.11.0-develop.1",
-    "@progress/kendo-angular-navigation": "16.11.0-develop.1",
+    "@progress/kendo-angular-buttons": "16.11.0-develop.11",
+    "@progress/kendo-angular-common": "16.11.0-develop.11",
+    "@progress/kendo-angular-intl": "16.11.0-develop.11",
+    "@progress/kendo-angular-l10n": "16.11.0-develop.11",
+    "@progress/kendo-angular-icons": "16.11.0-develop.11",
+    "@progress/kendo-angular-popup": "16.11.0-develop.11",
+    "@progress/kendo-angular-navigation": "16.11.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.11.0-develop.1",
+    "@progress/kendo-angular-schematics": "16.11.0-develop.11",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-date-math": "^1.1.0",
     "@progress/kendo-dateinputs-common": "^0.3.5"