@progress/kendo-angular-dateinputs 23.0.1 → 23.1.0-develop.1

package/dateinput/dateinput.component.d.ts

@@ -273,6 +273,9 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
     get fillMode(): DateInputFillMode;
     /**
      * Specifies the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     set inputAttributes(attributes: {
         [key: string]: string;

package/datepicker/datepicker.component.d.ts

@@ -98,6 +98,9 @@ export declare class DatePickerComponent extends MultiTabStop implements Control
     /**
      * Specifies the HTML attributes of the inner focusable input element.
      * You cannot change attributes that are essential for certain component functionalities.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes: {
         [key: string]: string;

package/daterange/date-range-popup.component.d.ts

@@ -17,6 +17,7 @@ import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
 import { DateInputSize } from '../common/models/size';
 import { CalendarView } from '../calendar/models/view.type';
 import { Day } from '@progress/kendo-date-math';
+import { SelectionRange } from '../calendar/models/selection-range.interface';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI DateRangePopup component for Angular.
@@ -283,6 +284,10 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      * @hidden
      */
     windowSize: AdaptiveSize;
+    /**
+     * @hidden
+     */
+    adaptiveRangeSelection: SelectionRange;
     /**
      * Gets or sets the visibility state of the component.
      */
@@ -302,7 +307,6 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     private resolvedPromise;
     private _calendar;
     private _show;
-    private _rangeSelection;
     constructor(popupService: PopupService, dateRangeService: DateRangeService, zone: NgZone, renderer: Renderer2, localization: LocalizationService, cdr: ChangeDetectorRef, rtl: boolean, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/datetimepicker/datetimepicker.component.d.ts

@@ -156,6 +156,8 @@ export declare class DateTimePickerComponent extends MultiTabStop implements OnI
     twoDigitYearMax: number;
     /**
      * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the DateTimePicker.
+     *
+     * @default 0
      */
     set tabindex(value: number);
     get tabindex(): number;
@@ -342,6 +344,9 @@ export declare class DateTimePickerComponent extends MultiTabStop implements OnI
     adaptiveMode: AdaptiveMode;
     /**
      * Specifies the HTML attributes of the inner focusable input element. You cannot change attributes that are essential for certain component functionalities.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes: {
         [key: string]: string;

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

@@ -37,7 +37,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.1',
+    version: '23.1.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8868,6 +8868,9 @@ class DateInputComponent {
     }
     /**
      * Specifies the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     set inputAttributes(attributes) {
         if (isObjectPresent(this.parsedAttributes)) {
@@ -9983,6 +9986,9 @@ class DatePickerComponent extends MultiTabStop {
     /**
      * Specifies the HTML attributes of the inner focusable input element.
      * You cannot change attributes that are essential for certain component functionalities.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes;
     /**
@@ -10327,10 +10333,10 @@ class DatePickerComponent extends MultiTabStop {
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
+        this.toggleButton && this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
         if (size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
+            this.toggleButton && this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
         }
         this._size = size;
     }
@@ -10355,9 +10361,9 @@ class DatePickerComponent extends MultiTabStop {
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
+        this.toggleButton && this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
         if (fillMode) {
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
+            this.toggleButton && this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
         }
         this._fillMode = fillMode;
@@ -10674,7 +10680,9 @@ class DatePickerComponent extends MultiTabStop {
             return;
         }
         event.preventDefault();
-        this.focusInput();
+        if (this.show) {
+            this.focusInput();
+        }
         //XXX: explicitly call the handleFocus handler here
         //due to async IE focus event
         this.handleFocus();
@@ -13928,10 +13936,10 @@ class TimePickerComponent extends MultiTabStop {
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
+        this.toggleButton && this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
         if (size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
+            this.toggleButton && this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
         }
         this._size = size;
     }
@@ -13957,10 +13965,10 @@ class TimePickerComponent extends MultiTabStop {
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
+        this.toggleButton && this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
         if (fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
+            this.toggleButton && this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
         }
         this._fillMode = fillMode;
     }
@@ -13969,6 +13977,9 @@ class TimePickerComponent extends MultiTabStop {
     }
     /**
      * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes;
     /**
@@ -15558,6 +15569,8 @@ class DateTimePickerComponent extends MultiTabStop {
     twoDigitYearMax = TWO_DIGIT_YEAR_MAX;
     /**
      * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the DateTimePicker.
+     *
+     * @default 0
      */
     set tabindex(value) {
         const tabindex = Number(value);
@@ -15769,6 +15782,9 @@ class DateTimePickerComponent extends MultiTabStop {
     adaptiveMode = 'none';
     /**
      * Specifies the HTML attributes of the inner focusable input element. You cannot change attributes that are essential for certain component functionalities.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes;
     /**
@@ -15839,10 +15855,10 @@ class DateTimePickerComponent extends MultiTabStop {
      */
     set size(size) {
         this.renderer.removeClass(this.wrapper.nativeElement, getSizeClass('input', this.size));
-        this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
+        this.toggleButton && this.renderer.removeClass(this.toggleButton.nativeElement, getSizeClass('button', this.size));
         if (size) {
             this.renderer.addClass(this.wrapper.nativeElement, getSizeClass('input', size));
-            this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
+            this.toggleButton && this.renderer.addClass(this.toggleButton.nativeElement, getSizeClass('button', size));
         }
         this._size = size;
     }
@@ -15869,10 +15885,10 @@ class DateTimePickerComponent extends MultiTabStop {
      */
     set fillMode(fillMode) {
         this.renderer.removeClass(this.wrapper.nativeElement, getFillModeClass('input', this.fillMode));
-        this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
+        this.toggleButton && this.renderer.removeClass(this.toggleButton.nativeElement, getFillModeClass('button', this.fillMode));
         if (fillMode) {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('input', fillMode));
-            this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
+            this.toggleButton && this.renderer.addClass(this.toggleButton.nativeElement, getFillModeClass('button', fillMode));
         }
         this._fillMode = fillMode;
     }
@@ -18677,6 +18693,10 @@ class DateRangePopupComponent {
      * @hidden
      */
     windowSize;
+    /**
+     * @hidden
+     */
+    adaptiveRangeSelection;
     /**
      * Gets or sets the visibility state of the component.
      */
@@ -18703,7 +18723,7 @@ class DateRangePopupComponent {
      * @hidden
      */
     handleAccept() {
-        this.dateRangeService.setRange(this._rangeSelection);
+        this.dateRangeService.setRange(this.adaptiveRangeSelection);
         this.show = false;
     }
     activateSubscription;
@@ -18716,7 +18736,6 @@ class DateRangePopupComponent {
     resolvedPromise = Promise.resolve();
     _calendar;
     _show;
-    _rangeSelection;
     constructor(popupService, dateRangeService, zone, renderer, localization, cdr, rtl, adaptiveService) {
         this.popupService = popupService;
         this.dateRangeService = dateRangeService;
@@ -18784,7 +18803,7 @@ class DateRangePopupComponent {
             this.dateRangeService.setRange(rangeSelection.selectionRange);
         }
         else {
-            this._rangeSelection = rangeSelection.selectionRange;
+            this.adaptiveRangeSelection = rangeSelection.selectionRange;
         }
     }
     /**
@@ -18995,6 +19014,7 @@ class DateRangePopupComponent {
             return;
         }
         if (show && !this.actionSheet.expanded) {
+            this.adaptiveRangeSelection = this.dateRangeService.selectionRange;
             this.actionSheet.toggle();
             this.renderer.setAttribute(this.actionSheet.element.nativeElement, 'id', this.popupUID);
         }
@@ -19130,7 +19150,7 @@ class DateRangePopupComponent {
                   [showViewHeader]="showViewHeader"
                   [showOtherMonthDays]="showOtherMonthDays"
                   [focusedDate]="dateRangeService.focusedDate"
-                  [value]="dateRangeService.selectionRange"
+                  [value]="adaptiveRangeSelection"
                   selection="range"
                   (rangeSelectionChange)="onRangeSelectionChange($event)"
                   >
@@ -19292,7 +19312,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   [showViewHeader]="showViewHeader"
                   [showOtherMonthDays]="showOtherMonthDays"
                   [focusedDate]="dateRangeService.focusedDate"
-                  [value]="dateRangeService.selectionRange"
+                  [value]="adaptiveRangeSelection"
                   selection="range"
                   (rangeSelectionChange)="onRangeSelectionChange($event)"
                   >

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770815739,
-  "version": "23.0.1",
+  "publishDate": 1771342336,
+  "version": "23.1.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "23.0.1",
+  "version": "23.1.0-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",
@@ -79,7 +79,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770815739,
+      "publishDate": 1771342336,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -90,19 +90,19 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.0.1",
-    "@progress/kendo-angular-common": "23.0.1",
-    "@progress/kendo-angular-utils": "23.0.1",
-    "@progress/kendo-angular-intl": "23.0.1",
-    "@progress/kendo-angular-l10n": "23.0.1",
-    "@progress/kendo-angular-icons": "23.0.1",
-    "@progress/kendo-angular-popup": "23.0.1",
-    "@progress/kendo-angular-navigation": "23.0.1",
+    "@progress/kendo-angular-buttons": "23.1.0-develop.1",
+    "@progress/kendo-angular-common": "23.1.0-develop.1",
+    "@progress/kendo-angular-utils": "23.1.0-develop.1",
+    "@progress/kendo-angular-intl": "23.1.0-develop.1",
+    "@progress/kendo-angular-l10n": "23.1.0-develop.1",
+    "@progress/kendo-angular-icons": "23.1.0-develop.1",
+    "@progress/kendo-angular-popup": "23.1.0-develop.1",
+    "@progress/kendo-angular-navigation": "23.1.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.0.1",
+    "@progress/kendo-angular-schematics": "23.1.0-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-date-math": "^1.1.0",
     "@progress/kendo-dateinputs-common": "^0.4.7"

package/timepicker/timepicker.component.d.ts

@@ -247,6 +247,9 @@ export declare class TimePickerComponent extends MultiTabStop implements Control
     get fillMode(): DateInputFillMode;
     /**
      * Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes: {
         [key: string]: string;