@progress/kendo-angular-dateinputs 14.4.0-develop.1 → 14.4.0-develop.12

package/esm2020/timepicker/localization/timeselector-localized-messages.directive.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Directive, forwardRef } from '@angular/core';

package/esm2020/timepicker/models/incremental-steps.model.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/timepicker/models/list-item.interface.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/timepicker/models/list-service-settings.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/timepicker/models/list-service.interface.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/timepicker/models/time-part.default.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from '@angular/core';

package/esm2020/timepicker/timelist.component.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @angular-eslint/component-selector */

package/esm2020/timepicker/timepicker.component.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, TemplateRef, ViewChild, ViewContainerRef, Inject, Optional, Renderer2, forwardRef, isDevMode, Injector } from '@angular/core';
@@ -66,6 +66,7 @@ export class TimePickerComponent {
          * Sets or gets the `disabled` property of the TimePicker and
          * determines whether the component is active
          * ([see example]({% slug disabled_timepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_timepicker#toc-managing-the-timepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -744,8 +745,7 @@ export class TimePickerComponent {
      */
     get popupClasses() {
         return [
-            'k-group',
-            'k-reset'
+            'k-timepicker-popup'
         ].concat(this.popupSettings.popupClass || []);
     }
     /**

package/esm2020/timepicker/timepicker.module.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';

package/esm2020/timepicker/timeselector.component.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, EventEmitter, HostBinding, Input, Output, NgZone, ViewChild, ViewChildren, QueryList, Optional, Renderer2 } from '@angular/core';

package/esm2020/timepicker/util.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { cloneDate } from '@progress/kendo-date-math';

package/esm2020/touch-enabled.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { InjectionToken } from '@angular/core';

package/esm2020/util.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { MS_PER_HOUR, MS_PER_MINUTE, addDays, cloneDate, getDate, isEqual } from '@progress/kendo-date-math';

package/esm2020/validators/disabled-date.validator.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/esm2020/validators/disabled-dates-range.validator.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { disabledDatesInRange } from '../util';

package/esm2020/validators/incomplete-date.validator.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { isPresent } from '../common/utils';

package/esm2020/validators/max.validator.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/esm2020/validators/min.validator.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/esm2020/validators/time-range.validator.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { isInTimeRange } from '../util';

package/esm2020/virtualization/models/scrollable.interface.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/virtualization/services/row-height.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/esm2020/virtualization/services/scroller.service.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Observable, ReplaySubject } from 'rxjs';

package/esm2020/virtualization/virtualization.component.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @angular-eslint/component-selector */

package/esm2020/virtualization/virtualization.module.mjs

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
@@ -37,8 +37,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1703163316,
-    version: '14.4.0-develop.1',
+    publishDate: 1705561462,
+    version: '14.4.0-develop.12',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3299,6 +3299,7 @@ class MultiViewCalendarComponent {
          * Sets or gets the `disabled` property of the Calendar and
          * determines whether the component is active
          * ([see example]({% slug disabled_multiviewcalendar %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiviewcalendar#toc-managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -5794,6 +5795,7 @@ class CalendarComponent {
          * Sets or gets the `disabled` property of the Calendar and
          * determines whether the component is active
          * ([see example]({% slug disabled_calendar %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_calendar#toc-managing-the-calendar-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -7121,6 +7123,7 @@ class DateInputComponent {
          * Sets or gets the `disabled` property of the DateInput and
          * determines whether the component is active
          * ([see example]({% slug disabled_dateinput %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_dateinput#toc-managing-the-dateinput-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -8339,6 +8342,7 @@ class DatePickerComponent {
         /**
          * Sets or gets the `disabled` property of the DatePicker and determines whether the component is active
          * ([see example]({% slug disabled_datepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_datepicker#toc-managing-the-datepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -9029,9 +9033,8 @@ class DatePickerComponent {
      */
     get popupClasses() {
         return [
-            'k-calendar-container',
-            'k-group',
-            'k-reset'
+            'k-datepicker-popup',
+            'k-calendar-container'
         ].concat(this.popupSettings.popupClass || []);
     }
     /**
@@ -11712,6 +11715,7 @@ class TimePickerComponent {
          * Sets or gets the `disabled` property of the TimePicker and
          * determines whether the component is active
          * ([see example]({% slug disabled_timepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_timepicker#toc-managing-the-timepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -12391,8 +12395,7 @@ class TimePickerComponent {
      */
     get popupClasses() {
         return [
-            'k-group',
-            'k-reset'
+            'k-timepicker-popup'
         ].concat(this.popupSettings.popupClass || []);
     }
     /**
@@ -13289,6 +13292,7 @@ class DateTimePickerComponent {
         /**
          * Sets or gets the `disabled` property of the DateTimePicker and determines whether the component is active
          * ([see example]({% slug disabled_datetimepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_datetimepicker#toc-managing-the-datetimepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -14358,7 +14362,7 @@ class DateTimePickerComponent {
             positionMode: 'absolute',
             animate: this.popupSettings.animate,
             appendTo: this.appendTo,
-            popupClass: `k-datetime-container ${this.popupSettings.popupClass || ''}`,
+            popupClass: `k-datetime-container k-datetimepicker-popup ${this.popupSettings.popupClass || ''}`,
             anchorAlign: { vertical: 'bottom', horizontal: direction },
             popupAlign: { vertical: 'top', horizontal: direction }
         });
@@ -16226,11 +16230,12 @@ class DateRangePopupComponent {
                 collision: this.collision,
                 content: (this.contentTemplate || {}).templateRef || this.defaultTemplate,
                 margin: this.margin,
+                popupClass: 'k-calendar-container k-daterangepicker-popup',
                 popupAlign: this.popupAlign || { vertical: 'top', horizontal: direction },
                 positionMode: 'absolute'
             });
             const { popupElement, popupAnchorViewportLeave } = this.popupRef;
-            popupElement.setAttribute('id', this.popupUID);
+            this.renderer.setAttribute(popupElement.querySelector('.k-popup'), 'id', this.popupUID);
             this.addPopupSubscriptions(this.zone.runOutsideAngular(() => fromEvent(popupElement, 'keydown').subscribe(this.handleKeydown.bind(this))), fromEvent(popupElement, 'mouseleave').subscribe(this.handleMouseLeave.bind(this)), popupAnchorViewportLeave.subscribe(() => this.cancelPopup()));
         }
     }

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
@@ -37,8 +37,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1703163316,
-    version: '14.4.0-develop.1',
+    publishDate: 1705561462,
+    version: '14.4.0-develop.12',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3299,6 +3299,7 @@ class MultiViewCalendarComponent {
          * Sets or gets the `disabled` property of the Calendar and
          * determines whether the component is active
          * ([see example]({% slug disabled_multiviewcalendar %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiviewcalendar#toc-managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -5791,6 +5792,7 @@ class CalendarComponent {
          * Sets or gets the `disabled` property of the Calendar and
          * determines whether the component is active
          * ([see example]({% slug disabled_calendar %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_calendar#toc-managing-the-calendar-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -7114,6 +7116,7 @@ class DateInputComponent {
          * Sets or gets the `disabled` property of the DateInput and
          * determines whether the component is active
          * ([see example]({% slug disabled_dateinput %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_dateinput#toc-managing-the-dateinput-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -8330,6 +8333,7 @@ class DatePickerComponent {
         /**
          * Sets or gets the `disabled` property of the DatePicker and determines whether the component is active
          * ([see example]({% slug disabled_datepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_datepicker#toc-managing-the-datepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -9017,9 +9021,8 @@ class DatePickerComponent {
      */
     get popupClasses() {
         return [
-            'k-calendar-container',
-            'k-group',
-            'k-reset'
+            'k-datepicker-popup',
+            'k-calendar-container'
         ].concat(this.popupSettings.popupClass || []);
     }
     /**
@@ -11692,6 +11695,7 @@ class TimePickerComponent {
          * Sets or gets the `disabled` property of the TimePicker and
          * determines whether the component is active
          * ([see example]({% slug disabled_timepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_timepicker#toc-managing-the-timepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -12370,8 +12374,7 @@ class TimePickerComponent {
      */
     get popupClasses() {
         return [
-            'k-group',
-            'k-reset'
+            'k-timepicker-popup'
         ].concat(this.popupSettings.popupClass || []);
     }
     /**
@@ -13264,6 +13267,7 @@ class DateTimePickerComponent {
         /**
          * Sets or gets the `disabled` property of the DateTimePicker and determines whether the component is active
          * ([see example]({% slug disabled_datetimepicker %})).
+         * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_datetimepicker#toc-managing-the-datetimepicker-disabled-state-in-reactive-forms).
          */
         this.disabled = false;
         /**
@@ -14323,7 +14327,7 @@ class DateTimePickerComponent {
             positionMode: 'absolute',
             animate: this.popupSettings.animate,
             appendTo: this.appendTo,
-            popupClass: `k-datetime-container ${this.popupSettings.popupClass || ''}`,
+            popupClass: `k-datetime-container k-datetimepicker-popup ${this.popupSettings.popupClass || ''}`,
             anchorAlign: { vertical: 'bottom', horizontal: direction },
             popupAlign: { vertical: 'top', horizontal: direction }
         });
@@ -16182,11 +16186,12 @@ class DateRangePopupComponent {
                 collision: this.collision,
                 content: (this.contentTemplate || {}).templateRef || this.defaultTemplate,
                 margin: this.margin,
+                popupClass: 'k-calendar-container k-daterangepicker-popup',
                 popupAlign: this.popupAlign || { vertical: 'top', horizontal: direction },
                 positionMode: 'absolute'
             });
             const { popupElement, popupAnchorViewportLeave } = this.popupRef;
-            popupElement.setAttribute('id', this.popupUID);
+            this.renderer.setAttribute(popupElement.querySelector('.k-popup'), 'id', this.popupUID);
             this.addPopupSubscriptions(this.zone.runOutsideAngular(() => fromEvent(popupElement, 'keydown').subscribe(this.handleKeydown.bind(this))), fromEvent(popupElement, 'mouseleave').subscribe(this.handleMouseLeave.bind(this)), popupAnchorViewportLeave.subscribe(() => this.cancelPopup()));
         }
     }

package/index.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { CalendarComponent } from './calendar/calendar.component';

package/package-metadata.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { PackageMetadata } from '@progress/kendo-licensing';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "14.4.0-develop.1",
+  "version": "14.4.0-develop.12",
   "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,20 +34,20 @@
     "@angular/forms": "13 - 17",
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "14.4.0-develop.1",
-    "@progress/kendo-angular-intl": "14.4.0-develop.1",
-    "@progress/kendo-angular-l10n": "14.4.0-develop.1",
-    "@progress/kendo-angular-icons": "14.4.0-develop.1",
-    "@progress/kendo-angular-popup": "14.4.0-develop.1",
-    "@progress/kendo-angular-navigation": "14.4.0-develop.1",
+    "@progress/kendo-angular-common": "14.4.0-develop.12",
+    "@progress/kendo-angular-intl": "14.4.0-develop.12",
+    "@progress/kendo-angular-l10n": "14.4.0-develop.12",
+    "@progress/kendo-angular-icons": "14.4.0-develop.12",
+    "@progress/kendo-angular-popup": "14.4.0-develop.12",
+    "@progress/kendo-angular-navigation": "14.4.0-develop.12",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-buttons": "14.4.0-develop.1",
-    "@progress/kendo-angular-inputs": "14.4.0-develop.1",
-    "@progress/kendo-angular-label": "14.4.0-develop.1"
+    "@progress/kendo-angular-buttons": "14.4.0-develop.12",
+    "@progress/kendo-angular-inputs": "14.4.0-develop.12",
+    "@progress/kendo-angular-label": "14.4.0-develop.12"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.4.0-develop.1",
+    "@progress/kendo-angular-schematics": "14.4.0-develop.12",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-date-math": "^1.1.0",
     "@progress/kendo-dateinputs-common": "^0.3.1"

package/popup-settings.model.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ViewContainerRef } from '@angular/core';

package/preventable-event.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/progress-kendo-angular-dateinputs.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/timepicker/localization/messages.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages } from '@progress/kendo-angular-l10n';

package/timepicker/localization/timepicker-custom-messages.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/timepicker/localization/timepicker-localized-messages.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/timepicker/localization/timeselector-custom-messages.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/timepicker/localization/timeselector-localized-messages.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/timepicker/models/incremental-steps.model.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**