@progress/kendo-angular-dateinputs 17.1.1-develop.1 → 17.1.1-develop.10

package/dateinputs.module.d.ts

@@ -21,17 +21,18 @@ import * as i15 from "./dateinput/localization/dateinput-custom-messages.compone
 import * as i16 from "./dateinput/dateinput.component";
 import * as i17 from "./datepicker/localization/datepicker-custom-messages.component";
 import * as i18 from "./datepicker/datepicker.component";
-import * as i19 from "./daterange/localization/daterange-popup-custom-messages.component";
-import * as i20 from "./daterange/date-range-end-input.directive";
-import * as i21 from "./daterange/date-range-popup-template.directive";
-import * as i22 from "./daterange/date-range.component";
-import * as i23 from "./daterange/date-range-popup.component";
-import * as i24 from "./daterange/date-range-selection.directive";
-import * as i25 from "./daterange/date-range-start-input.directive";
-import * as i26 from "./datetimepicker/localization/datetimepicker-custom-messages.component";
-import * as i27 from "./datetimepicker/datetimepicker.component";
-import * as i28 from "./timepicker/localization/timepicker-custom-messages.component";
-import * as i29 from "./timepicker/timepicker.component";
+import * as i19 from "@progress/kendo-angular-common";
+import * as i20 from "./daterange/localization/daterange-popup-custom-messages.component";
+import * as i21 from "./daterange/date-range-end-input.directive";
+import * as i22 from "./daterange/date-range-popup-template.directive";
+import * as i23 from "./daterange/date-range.component";
+import * as i24 from "./daterange/date-range-popup.component";
+import * as i25 from "./daterange/date-range-selection.directive";
+import * as i26 from "./daterange/date-range-start-input.directive";
+import * as i27 from "./datetimepicker/localization/datetimepicker-custom-messages.component";
+import * as i28 from "./datetimepicker/datetimepicker.component";
+import * as i29 from "./timepicker/localization/timepicker-custom-messages.component";
+import * as i30 from "./timepicker/timepicker.component";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Date Inputs components.
@@ -65,6 +66,6 @@ import * as i29 from "./timepicker/timepicker.component";
  */
 export declare class DateInputsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateInputsModule, never, [typeof i1.CalendarCustomMessagesComponent, typeof i2.CalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i13.MultiViewCalendarCustomMessagesComponent, typeof i14.MultiViewCalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i17.DatePickerCustomMessagesComponent, typeof i18.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i19.DateRangePopupCustomMessagesComponent, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i20.DateRangeEndInputDirective, typeof i21.DateRangePopupTemplateDirective, typeof i22.DateRangeComponent, typeof i23.DateRangePopupComponent, typeof i24.DateRangeSelectionDirective, typeof i25.DateRangeStartInputDirective, typeof i26.DateTimePickerCustomMessagesComponent, typeof i27.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i28.TimePickerCustomMessagesComponent, typeof i29.TimePickerComponent], [typeof i1.CalendarCustomMessagesComponent, typeof i2.CalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i13.MultiViewCalendarCustomMessagesComponent, typeof i14.MultiViewCalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i17.DatePickerCustomMessagesComponent, typeof i18.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i19.DateRangePopupCustomMessagesComponent, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i20.DateRangeEndInputDirective, typeof i21.DateRangePopupTemplateDirective, typeof i22.DateRangeComponent, typeof i23.DateRangePopupComponent, typeof i24.DateRangeSelectionDirective, typeof i25.DateRangeStartInputDirective, typeof i26.DateTimePickerCustomMessagesComponent, typeof i27.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i28.TimePickerCustomMessagesComponent, typeof i29.TimePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateInputsModule, never, [typeof i1.CalendarCustomMessagesComponent, typeof i2.CalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i13.MultiViewCalendarCustomMessagesComponent, typeof i14.MultiViewCalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i17.DatePickerCustomMessagesComponent, typeof i18.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i19.ToggleButtonTabStopDirective, typeof i20.DateRangePopupCustomMessagesComponent, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i21.DateRangeEndInputDirective, typeof i22.DateRangePopupTemplateDirective, typeof i23.DateRangeComponent, typeof i24.DateRangePopupComponent, typeof i25.DateRangeSelectionDirective, typeof i26.DateRangeStartInputDirective, typeof i27.DateTimePickerCustomMessagesComponent, typeof i28.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i19.ToggleButtonTabStopDirective, typeof i29.TimePickerCustomMessagesComponent, typeof i30.TimePickerComponent, typeof i19.ToggleButtonTabStopDirective, typeof i19.ToggleButtonTabStopDirective], [typeof i1.CalendarCustomMessagesComponent, typeof i2.CalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i13.MultiViewCalendarCustomMessagesComponent, typeof i14.MultiViewCalendarComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i17.DatePickerCustomMessagesComponent, typeof i18.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i19.ToggleButtonTabStopDirective, typeof i20.DateRangePopupCustomMessagesComponent, typeof i15.DateInputCustomMessagesComponent, typeof i16.DateInputComponent, typeof i21.DateRangeEndInputDirective, typeof i22.DateRangePopupTemplateDirective, typeof i23.DateRangeComponent, typeof i24.DateRangePopupComponent, typeof i25.DateRangeSelectionDirective, typeof i26.DateRangeStartInputDirective, typeof i27.DateTimePickerCustomMessagesComponent, typeof i28.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i19.ToggleButtonTabStopDirective, typeof i29.TimePickerCustomMessagesComponent, typeof i30.TimePickerComponent, typeof i19.ToggleButtonTabStopDirective, typeof i19.ToggleButtonTabStopDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DateInputsModule>;
 }

package/datepicker/datepicker.module.d.ts

@@ -15,12 +15,13 @@ import * as i9 from "../calendar/templates/month-cell-template.directive";
 import * as i10 from "../calendar/templates/navigation-item-template.directive";
 import * as i11 from "../calendar/templates/weeknumber-cell-template.directive";
 import * as i12 from "../calendar/templates/year-cell-template.directive";
+import * as i13 from "@progress/kendo-angular-common";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the DatePicker component.
  */
 export declare class DatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, never, [typeof i1.DatePickerCustomMessagesComponent, typeof i2.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective], [typeof i1.DatePickerCustomMessagesComponent, typeof i2.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, never, [typeof i1.DatePickerCustomMessagesComponent, typeof i2.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i13.ToggleButtonTabStopDirective, typeof i13.ToggleButtonTabStopDirective], [typeof i1.DatePickerCustomMessagesComponent, typeof i2.DatePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i13.ToggleButtonTabStopDirective, typeof i13.ToggleButtonTabStopDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
 }

package/datetimepicker/datetimepicker.module.d.ts

@@ -15,12 +15,13 @@ import * as i9 from "../calendar/templates/month-cell-template.directive";
 import * as i10 from "../calendar/templates/navigation-item-template.directive";
 import * as i11 from "../calendar/templates/weeknumber-cell-template.directive";
 import * as i12 from "../calendar/templates/year-cell-template.directive";
+import * as i13 from "@progress/kendo-angular-common";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the DateTimePicker component.
  */
 export declare class DateTimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimePickerModule, never, [typeof i1.DateTimePickerCustomMessagesComponent, typeof i2.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective], [typeof i1.DateTimePickerCustomMessagesComponent, typeof i2.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimePickerModule, never, [typeof i1.DateTimePickerCustomMessagesComponent, typeof i2.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i13.ToggleButtonTabStopDirective, typeof i13.ToggleButtonTabStopDirective], [typeof i1.DateTimePickerCustomMessagesComponent, typeof i2.DateTimePickerComponent, typeof i3.CellTemplateDirective, typeof i4.CenturyCellTemplateDirective, typeof i5.DecadeCellTemplateDirective, typeof i6.FooterTemplateDirective, typeof i7.HeaderTemplateDirective, typeof i8.HeaderTitleTemplateDirective, typeof i9.MonthCellTemplateDirective, typeof i10.NavigationItemTemplateDirective, typeof i11.WeekNumberCellTemplateDirective, typeof i12.YearCellTemplateDirective, typeof i13.ToggleButtonTabStopDirective, typeof i13.ToggleButtonTabStopDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DateTimePickerModule>;
 }

package/directives.d.ts

@@ -31,6 +31,7 @@ import { DatePickerCustomMessagesComponent } from "./datepicker/localization/dat
 import { DateRangePopupCustomMessagesComponent } from "./daterange/localization/daterange-popup-custom-messages.component";
 import { DateTimePickerCustomMessagesComponent } from "./datetimepicker/localization/datetimepicker-custom-messages.component";
 import { TimePickerCustomMessagesComponent } from "./timepicker/localization/timepicker-custom-messages.component";
+import { ToggleButtonTabStopDirective } from "@progress/kendo-angular-common";
 /**
 * Utility array that contains all `Calendar` related components and directives
 */
@@ -46,7 +47,7 @@ export declare const KENDO_DATEINPUT: readonly [typeof DateInputCustomMessagesCo
 /**
 * Utility array that contains all `DatePicker` related components and directives
 */
-export declare const KENDO_DATEPICKER: readonly [typeof DatePickerCustomMessagesComponent, typeof DatePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof NavigationItemTemplateDirective];
+export declare const KENDO_DATEPICKER: readonly [typeof DatePickerCustomMessagesComponent, typeof DatePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof ToggleButtonTabStopDirective];
 /**
 * Utility array that contains all `DateRange` related components and directives
 */
@@ -54,12 +55,12 @@ export declare const KENDO_DATERANGE: readonly [typeof DateRangePopupCustomMessa
 /**
 * Utility array that contains all `DateTimePicker` related components and directives
 */
-export declare const KENDO_DATETIMEPICKER: readonly [typeof DateTimePickerCustomMessagesComponent, typeof DateTimePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective];
+export declare const KENDO_DATETIMEPICKER: readonly [typeof DateTimePickerCustomMessagesComponent, typeof DateTimePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof ToggleButtonTabStopDirective];
 /**
 * Utility array that contains all `TimePicker` related components and directives
 */
-export declare const KENDO_TIMEPICKER: readonly [typeof TimePickerCustomMessagesComponent, typeof TimePickerComponent];
+export declare const KENDO_TIMEPICKER: readonly [typeof TimePickerCustomMessagesComponent, typeof TimePickerComponent, typeof ToggleButtonTabStopDirective];
 /**
 * Utility array that contains all `@progress/kendo-angular-dateinputs` related components and directives
 */
-export declare const KENDO_DATEINPUTS: readonly [typeof CalendarCustomMessagesComponent, typeof CalendarComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof MultiViewCalendarCustomMessagesComponent, typeof MultiViewCalendarComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof DateInputCustomMessagesComponent, typeof DateInputComponent, typeof DatePickerCustomMessagesComponent, typeof DatePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof DateRangePopupCustomMessagesComponent, typeof DateInputCustomMessagesComponent, typeof DateInputComponent, typeof DateRangeEndInputDirective, typeof DateRangePopupTemplateDirective, typeof DateRangeComponent, typeof DateRangePopupComponent, typeof DateRangeSelectionDirective, typeof DateRangeStartInputDirective, typeof DateTimePickerCustomMessagesComponent, typeof DateTimePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof TimePickerCustomMessagesComponent, typeof TimePickerComponent];
+export declare const KENDO_DATEINPUTS: readonly [typeof CalendarCustomMessagesComponent, typeof CalendarComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof MultiViewCalendarCustomMessagesComponent, typeof MultiViewCalendarComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof DateInputCustomMessagesComponent, typeof DateInputComponent, typeof DatePickerCustomMessagesComponent, typeof DatePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof ToggleButtonTabStopDirective, typeof DateRangePopupCustomMessagesComponent, typeof DateInputCustomMessagesComponent, typeof DateInputComponent, typeof DateRangeEndInputDirective, typeof DateRangePopupTemplateDirective, typeof DateRangeComponent, typeof DateRangePopupComponent, typeof DateRangeSelectionDirective, typeof DateRangeStartInputDirective, typeof DateTimePickerCustomMessagesComponent, typeof DateTimePickerComponent, typeof CellTemplateDirective, typeof CenturyCellTemplateDirective, typeof DecadeCellTemplateDirective, typeof FooterTemplateDirective, typeof HeaderTemplateDirective, typeof HeaderTitleTemplateDirective, typeof MonthCellTemplateDirective, typeof NavigationItemTemplateDirective, typeof WeekNumberCellTemplateDirective, typeof YearCellTemplateDirective, typeof ToggleButtonTabStopDirective, typeof TimePickerCustomMessagesComponent, typeof TimePickerComponent, typeof ToggleButtonTabStopDirective];

package/esm2022/calendar/view.component.mjs

@@ -163,7 +163,7 @@ export class ViewComponent {
         return `${rowIndex}:${cellIndex}`;
     }
     handleWeekNumberClick(week) {
-        const availableDates = week.map(item => item.value).filter(date => !this.disabledDatesService.isDateDisabled(date));
+        const availableDates = week.filter(day => day).map(item => item.value).filter(date => !this.disabledDatesService.isDateDisabled(date));
         this.weekNumberCellClick.emit(availableDates);
     }
     getMonthLabel(date) {

package/esm2022/dateinputs.module.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
 import { KENDO_DATEINPUTS } from './directives';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { KENDO_TOGGLEBUTTONTABSTOP, ResizeBatchService } from '@progress/kendo-angular-common';
 import { IconsService } from '@progress/kendo-angular-icons';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { CenturyViewService } from './calendar/services/century-view.service';
@@ -38,17 +38,18 @@ import * as i15 from "./dateinput/localization/dateinput-custom-messages.compone
 import * as i16 from "./dateinput/dateinput.component";
 import * as i17 from "./datepicker/localization/datepicker-custom-messages.component";
 import * as i18 from "./datepicker/datepicker.component";
-import * as i19 from "./daterange/localization/daterange-popup-custom-messages.component";
-import * as i20 from "./daterange/date-range-end-input.directive";
-import * as i21 from "./daterange/date-range-popup-template.directive";
-import * as i22 from "./daterange/date-range.component";
-import * as i23 from "./daterange/date-range-popup.component";
-import * as i24 from "./daterange/date-range-selection.directive";
-import * as i25 from "./daterange/date-range-start-input.directive";
-import * as i26 from "./datetimepicker/localization/datetimepicker-custom-messages.component";
-import * as i27 from "./datetimepicker/datetimepicker.component";
-import * as i28 from "./timepicker/localization/timepicker-custom-messages.component";
-import * as i29 from "./timepicker/timepicker.component";
+import * as i19 from "@progress/kendo-angular-common";
+import * as i20 from "./daterange/localization/daterange-popup-custom-messages.component";
+import * as i21 from "./daterange/date-range-end-input.directive";
+import * as i22 from "./daterange/date-range-popup-template.directive";
+import * as i23 from "./daterange/date-range.component";
+import * as i24 from "./daterange/date-range-popup.component";
+import * as i25 from "./daterange/date-range-selection.directive";
+import * as i26 from "./daterange/date-range-start-input.directive";
+import * as i27 from "./datetimepicker/localization/datetimepicker-custom-messages.component";
+import * as i28 from "./datetimepicker/datetimepicker.component";
+import * as i29 from "./timepicker/localization/timepicker-custom-messages.component";
+import * as i30 from "./timepicker/timepicker.component";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -83,7 +84,7 @@ import * as i29 from "./timepicker/timepicker.component";
  */
 export class DateInputsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i19.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i20.DateRangeEndInputDirective, i21.DateRangePopupTemplateDirective, i22.DateRangeComponent, i23.DateRangePopupComponent, i24.DateRangeSelectionDirective, i25.DateRangeStartInputDirective, i26.DateTimePickerCustomMessagesComponent, i27.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i28.TimePickerCustomMessagesComponent, i29.TimePickerComponent], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i19.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i20.DateRangeEndInputDirective, i21.DateRangePopupTemplateDirective, i22.DateRangeComponent, i23.DateRangePopupComponent, i24.DateRangeSelectionDirective, i25.DateRangeStartInputDirective, i26.DateTimePickerCustomMessagesComponent, i27.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i28.TimePickerCustomMessagesComponent, i29.TimePickerComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, imports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, i20.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i21.DateRangeEndInputDirective, i22.DateRangePopupTemplateDirective, i23.DateRangeComponent, i24.DateRangePopupComponent, i25.DateRangeSelectionDirective, i26.DateRangeStartInputDirective, i27.DateTimePickerCustomMessagesComponent, i28.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, i29.TimePickerCustomMessagesComponent, i30.TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [i1.CalendarCustomMessagesComponent, i2.CalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.MultiViewCalendarCustomMessagesComponent, i14.MultiViewCalendarComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i17.DatePickerCustomMessagesComponent, i18.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, i20.DateRangePopupCustomMessagesComponent, i15.DateInputCustomMessagesComponent, i16.DateInputComponent, i21.DateRangeEndInputDirective, i22.DateRangePopupTemplateDirective, i23.DateRangeComponent, i24.DateRangePopupComponent, i25.DateRangeSelectionDirective, i26.DateRangeStartInputDirective, i27.DateTimePickerCustomMessagesComponent, i28.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, i29.TimePickerCustomMessagesComponent, i30.TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, providers: [
             // CalendarModule providers
             IconsService,
@@ -102,13 +103,13 @@ export class DateInputsModule {
             SecondsService,
             MillisecondsService,
             DayPeriodService
-        ], imports: [i2.CalendarComponent, i14.MultiViewCalendarComponent, i16.DateInputComponent, i18.DatePickerComponent, i16.DateInputComponent, i22.DateRangeComponent, i23.DateRangePopupComponent, i27.DateTimePickerComponent, i29.TimePickerComponent] });
+        ], imports: [i2.CalendarComponent, i14.MultiViewCalendarComponent, i16.DateInputComponent, i18.DatePickerComponent, i16.DateInputComponent, i23.DateRangeComponent, i24.DateRangePopupComponent, i28.DateTimePickerComponent, i30.TimePickerComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_DATEINPUTS],
-                    imports: [...KENDO_DATEINPUTS],
+                    exports: [...KENDO_DATEINPUTS, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_DATEINPUTS, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         // CalendarModule providers
                         IconsService,

package/esm2022/datepicker/datepicker.component.mjs

@@ -1018,6 +1018,7 @@ export class DatePickerComponent extends MultiTabStop {
         this._show = show;
         if (show) {
             const direction = this.localization.rtl ? 'right' : 'left';
+            const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
             this.popupRef = this.popupService.open({
                 anchor: this.wrapper,
                 anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -1026,7 +1027,7 @@ export class DatePickerComponent extends MultiTabStop {
                 content: this.popupTemplate,
                 popupAlign: { vertical: 'top', horizontal: direction },
                 popupClass: this.popupClasses,
-                positionMode: 'absolute'
+                positionMode: appendToComponent ? 'fixed' : 'absolute'
             });
             this.setAriaActiveDescendant();
             this.popupRef.popupElement.setAttribute('id', this.popupUID);

package/esm2022/datepicker/datepicker.module.mjs

@@ -5,7 +5,7 @@
 import { NgModule } from '@angular/core';
 import { KENDO_DATEPICKER } from '../directives';
 import { IconsService } from '@progress/kendo-angular-icons';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { KENDO_TOGGLEBUTTONTABSTOP, ResizeBatchService } from '@progress/kendo-angular-common';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { CenturyViewService } from '../calendar/services/century-view.service';
 import { DecadeViewService } from '../calendar/services/decade-view.service';
@@ -26,6 +26,7 @@ import * as i9 from "../calendar/templates/month-cell-template.directive";
 import * as i10 from "../calendar/templates/navigation-item-template.directive";
 import * as i11 from "../calendar/templates/weeknumber-cell-template.directive";
 import * as i12 from "../calendar/templates/year-cell-template.directive";
+import * as i13 from "@progress/kendo-angular-common";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -33,7 +34,7 @@ import * as i12 from "../calendar/templates/year-cell-template.directive";
  */
 export class DatePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective], exports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective], exports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, providers: [
             // DateInputModule providers
             IconsService,
@@ -51,8 +52,8 @@ export class DatePickerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_DATEPICKER],
-                    imports: [...KENDO_DATEPICKER],
+                    exports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         // DateInputModule providers
                         IconsService,

package/esm2022/datetimepicker/datetimepicker.component.mjs

@@ -1354,10 +1354,11 @@ export class DateTimePickerComponent extends MultiTabStop {
         this.setCalendarValue(this.value);
         this.setTimeSelectorMinMax(this.value);
         const direction = this.localization.rtl ? 'right' : 'left';
+        const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
         this.popupRef = this.popupService.open({
             anchor: this.wrapper,
             content: this.popupTemplate,
-            positionMode: 'absolute',
+            positionMode: appendToComponent ? 'fixed' : 'absolute',
             animate: this.popupSettings.animate,
             appendTo: this.appendTo,
             popupClass: `k-datetime-container k-datetimepicker-popup ${this.popupSettings.popupClass || ''}`,

package/esm2022/datetimepicker/datetimepicker.module.mjs

@@ -5,7 +5,7 @@
 import { NgModule } from '@angular/core';
 import { KENDO_DATETIMEPICKER } from '../directives';
 import { IconsService } from '@progress/kendo-angular-icons';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { KENDO_TOGGLEBUTTONTABSTOP, ResizeBatchService } from '@progress/kendo-angular-common';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { CenturyViewService } from '../calendar/services/century-view.service';
 import { DecadeViewService } from '../calendar/services/decade-view.service';
@@ -32,6 +32,7 @@ import * as i9 from "../calendar/templates/month-cell-template.directive";
 import * as i10 from "../calendar/templates/navigation-item-template.directive";
 import * as i11 from "../calendar/templates/weeknumber-cell-template.directive";
 import * as i12 from "../calendar/templates/year-cell-template.directive";
+import * as i13 from "@progress/kendo-angular-common";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -39,7 +40,7 @@ import * as i12 from "../calendar/templates/year-cell-template.directive";
  */
 export class DateTimePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, imports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective], exports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, imports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective], exports: [i1.DateTimePickerCustomMessagesComponent, i2.DateTimePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i13.ToggleButtonTabStopDirective, i13.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, providers: [
             // CalendarModule providers
             IconsService,
@@ -63,8 +64,8 @@ export class DateTimePickerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_DATETIMEPICKER],
-                    imports: [...KENDO_DATETIMEPICKER],
+                    exports: [...KENDO_DATETIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_DATETIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         // CalendarModule providers
                         IconsService,

package/esm2022/directives.mjs

@@ -31,6 +31,7 @@ import { DatePickerCustomMessagesComponent } from "./datepicker/localization/dat
 import { DateRangePopupCustomMessagesComponent } from "./daterange/localization/daterange-popup-custom-messages.component";
 import { DateTimePickerCustomMessagesComponent } from "./datetimepicker/localization/datetimepicker-custom-messages.component";
 import { TimePickerCustomMessagesComponent } from "./timepicker/localization/timepicker-custom-messages.component";
+import { ToggleButtonTabStopDirective } from "@progress/kendo-angular-common";
 /**
 * Utility array that contains all `Calendar` related components and directives
 */
@@ -89,7 +90,8 @@ export const KENDO_DATEPICKER = [
     NavigationItemTemplateDirective,
     WeekNumberCellTemplateDirective,
     YearCellTemplateDirective,
-    NavigationItemTemplateDirective
+    NavigationItemTemplateDirective,
+    ToggleButtonTabStopDirective
 ];
 /**
 * Utility array that contains all `DateRange` related components and directives
@@ -119,14 +121,16 @@ export const KENDO_DATETIMEPICKER = [
     MonthCellTemplateDirective,
     NavigationItemTemplateDirective,
     WeekNumberCellTemplateDirective,
-    YearCellTemplateDirective
+    YearCellTemplateDirective,
+    ToggleButtonTabStopDirective
 ];
 /**
 * Utility array that contains all `TimePicker` related components and directives
 */
 export const KENDO_TIMEPICKER = [
     TimePickerCustomMessagesComponent,
-    TimePickerComponent
+    TimePickerComponent,
+    ToggleButtonTabStopDirective
 ];
 /**
 * Utility array that contains all `@progress/kendo-angular-dateinputs` related components and directives

package/esm2022/package-metadata.mjs

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

package/esm2022/timepicker/timepicker.component.mjs

@@ -920,6 +920,7 @@ export class TimePickerComponent extends MultiTabStop {
         this.cdr.markForCheck();
         if (show) {
             const direction = this.localization.rtl ? 'right' : 'left';
+            const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
             this.popupRef = this.popupService.open({
                 anchor: this.wrapper,
                 anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -928,7 +929,7 @@ export class TimePickerComponent extends MultiTabStop {
                 content: this.popupTemplate,
                 popupAlign: { vertical: 'top', horizontal: direction },
                 popupClass: this.popupClasses,
-                positionMode: 'absolute'
+                positionMode: appendToComponent ? 'fixed' : 'absolute'
             });
             this.popupRef.popupElement.setAttribute('id', this.popupUID);
             this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);

package/esm2022/timepicker/timepicker.module.mjs

@@ -12,10 +12,11 @@ import { MinutesService } from './services/minutes.service';
 import { SecondsService } from './services/seconds.service';
 import { IconsService } from '@progress/kendo-angular-icons';
 import { PopupService } from '@progress/kendo-angular-popup';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { KENDO_TOGGLEBUTTONTABSTOP, ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "./localization/timepicker-custom-messages.component";
 import * as i2 from "./timepicker.component";
+import * as i3 from "@progress/kendo-angular-common";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -23,7 +24,7 @@ import * as i2 from "./timepicker.component";
  */
 export class TimePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent], exports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent, i3.ToggleButtonTabStopDirective, i3.ToggleButtonTabStopDirective], exports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent, i3.ToggleButtonTabStopDirective, i3.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, providers: [
             IconsService,
             PopupService,
@@ -39,8 +40,8 @@ export class TimePickerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_TIMEPICKER],
-                    imports: [...KENDO_TIMEPICKER],
+                    exports: [...KENDO_TIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_TIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         IconsService,
                         PopupService,

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

@@ -8,8 +8,8 @@ import { NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl } from '@angular/forms';
 import * as i1$1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX, RTL } from '@progress/kendo-angular-l10n';
 import { cloneDate, MS_PER_HOUR, MS_PER_MINUTE, addDays, getDate, isEqual, addDecades, addCenturies, firstDecadeOfCentury, lastDecadeOfCentury, firstYearOfDecade, createDate, lastYearOfDecade, lastMonthOfYear, lastDayOfMonth, durationInCenturies, addYears, durationInDecades, addWeeks, addMonths, firstDayOfMonth, dayOfWeek, durationInMonths, firstMonthOfYear, durationInYears, weekInYear } from '@progress/kendo-date-math';
-import * as i1$2 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, EventsOutsideAngularDirective, guid, Keys as Keys$1, hasObservers, isObject, KendoInput, ResizeSensorComponent, isObjectPresent, removeHTMLAttributes, parseAttributes, anyChanged, isControlRequired, setHTMLAttributes, MultiTabStop, ResizeBatchService } from '@progress/kendo-angular-common';
+import * as i19 from '@progress/kendo-angular-common';
+import { isDocumentAvailable, EventsOutsideAngularDirective, guid, Keys as Keys$1, hasObservers, isObject, KendoInput, ResizeSensorComponent, isObjectPresent, removeHTMLAttributes, parseAttributes, anyChanged, isControlRequired, setHTMLAttributes, MultiTabStop, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1 from '@progress/kendo-angular-intl';
@@ -21,7 +21,7 @@ import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import { map, scan, takeWhile, debounceTime, tap, filter } from 'rxjs/operators';
 import { DateInput } from '@progress/kendo-dateinputs-common';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
-import * as i1$3 from '@progress/kendo-angular-popup';
+import * as i1$2 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { ActionSheetComponent, ActionSheetTemplateDirective } from '@progress/kendo-angular-navigation';
 import { touchEnabled } from '@progress/kendo-common';
@@ -33,8 +33,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1732710465,
-    version: '17.1.1-develop.1',
+    publishDate: 1733730262,
+    version: '17.1.1-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1809,7 +1809,7 @@ class ViewComponent {
         return `${rowIndex}:${cellIndex}`;
     }
     handleWeekNumberClick(week) {
-        const availableDates = week.map(item => item.value).filter(date => !this.disabledDatesService.isDateDisabled(date));
+        const availableDates = week.filter(day => day).map(item => item.value).filter(date => !this.disabledDatesService.isDateDisabled(date));
         this.weekNumberCellClick.emit(availableDates);
     }
     getMonthLabel(date) {
@@ -5730,7 +5730,7 @@ class VirtualizationComponent {
     getContainerScrollDirection(indexOffset) {
         return indexOffset < this.containerScrollPosition ? ScrollDirection.Backward : ScrollDirection.Forward;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1$2.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i19.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VirtualizationComponent, isStandalone: true, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
                 provide: SCROLLER_FACTORY_TOKEN,
                 useValue: DEFAULT_SCROLLER_FACTORY
@@ -5765,7 +5765,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SCROLLER_FACTORY_TOKEN]
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1$2.ScrollbarWidthService }]; }, propDecorators: { direction: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i19.ScrollbarWidthService }]; }, propDecorators: { direction: [{
                 type: Input
             }], itemHeight: [{
                 type: Input
@@ -10847,6 +10847,7 @@ class DatePickerComponent extends MultiTabStop {
         this._show = show;
         if (show) {
             const direction = this.localization.rtl ? 'right' : 'left';
+            const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
             this.popupRef = this.popupService.open({
                 anchor: this.wrapper,
                 anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -10855,7 +10856,7 @@ class DatePickerComponent extends MultiTabStop {
                 content: this.popupTemplate,
                 popupAlign: { vertical: 'top', horizontal: direction },
                 popupClass: this.popupClasses,
-                positionMode: 'absolute'
+                positionMode: appendToComponent ? 'fixed' : 'absolute'
             });
             this.setAriaActiveDescendant();
             this.popupRef.popupElement.setAttribute('id', this.popupUID);
@@ -11034,7 +11035,7 @@ class DatePickerComponent extends MultiTabStop {
             this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$3.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: DisabledDatesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerComponent, deps: [{ token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: DisabledDatesService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerComponent, isStandalone: true, selector: "kendo-datepicker", inputs: { focusableId: "focusableId", cellTemplateRef: ["cellTemplate", "cellTemplateRef"], clearButton: "clearButton", inputAttributes: "inputAttributes", monthCellTemplateRef: ["monthCellTemplate", "monthCellTemplateRef"], yearCellTemplateRef: ["yearCellTemplate", "yearCellTemplateRef"], decadeCellTemplateRef: ["decadeCellTemplate", "decadeCellTemplateRef"], centuryCellTemplateRef: ["centuryCellTemplate", "centuryCellTemplateRef"], weekNumberTemplateRef: ["weekNumberTemplate", "weekNumberTemplateRef"], headerTitleTemplateRef: ["headerTitleTemplate", "headerTitleTemplateRef"], headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], footer: "footer", navigationItemTemplateRef: ["navigationItemTemplate", "navigationItemTemplateRef"], weekDaysFormat: "weekDaysFormat", showOtherMonthDays: "showOtherMonthDays", activeView: "activeView", bottomView: "bottomView", topView: "topView", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", popupSettings: "popupSettings", navigation: "navigation", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", autoFill: "autoFill", focusedDate: "focusedDate", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", tabindex: "tabindex", tabIndex: "tabIndex", disabledDates: "disabledDates", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", weekNumber: "weekNumber", size: "size", rounded: "rounded", fillMode: "fillMode", adaptiveMode: "adaptiveMode" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-datepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatePickerComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => DatePickerComponent), multi: true },
@@ -11418,7 +11419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [DatePickerLocalizedMessagesDirective, DateInputComponent, DateInputCustomMessagesComponent, EventsOutsideAngularDirective, IconWrapperComponent, NgTemplateOutlet, NgIf, ResizeSensorComponent, ActionSheetComponent, ActionSheetTemplateDirective, ButtonComponent, CalendarComponent, CalendarCustomMessagesComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i1$3.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: PickerService }, { type: DisabledDatesService }]; }, propDecorators: { container: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i1$2.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: PickerService }, { type: DisabledDatesService }]; }, propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: true }]
             }], popupTemplate: [{
@@ -14521,6 +14522,7 @@ class TimePickerComponent extends MultiTabStop {
         this.cdr.markForCheck();
         if (show) {
             const direction = this.localization.rtl ? 'right' : 'left';
+            const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
             this.popupRef = this.popupService.open({
                 anchor: this.wrapper,
                 anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -14529,7 +14531,7 @@ class TimePickerComponent extends MultiTabStop {
                 content: this.popupTemplate,
                 popupAlign: { vertical: 'top', horizontal: direction },
                 popupClass: this.popupClasses,
-                positionMode: 'absolute'
+                positionMode: appendToComponent ? 'fixed' : 'absolute'
             });
             this.popupRef.popupElement.setAttribute('id', this.popupUID);
             this.renderer.setAttribute(this.dateInput?.inputElement, attributeNames.ariaControls, this.popupUID);
@@ -14671,7 +14673,7 @@ class TimePickerComponent extends MultiTabStop {
             this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: BusViewService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$3.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: BusViewService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i1$2.PopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: PickerService }, { token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerComponent, isStandalone: true, selector: "kendo-timepicker", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", clearButton: "clearButton", format: "format", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", min: "min", max: "max", incompleteDateValidation: "incompleteDateValidation", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", cancelButton: "cancelButton", nowButton: "nowButton", steps: "steps", popupSettings: "popupSettings", tabindex: "tabindex", tabIndex: "tabIndex", title: "title", subtitle: "subtitle", rangeValidation: "rangeValidation", adaptiveMode: "adaptiveMode", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", open: "open", close: "close", escape: "escape" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-timepicker": "this.wrapperClasses", "class.k-input": "this.wrapperClasses", "class.k-disabled": "this.disabledClass" } }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TimePickerComponent), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => TimePickerComponent), multi: true },
@@ -15121,7 +15123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [TimePickerLocalizedMessagesDirective, DateInputComponent, DateInputCustomMessagesComponent, EventsOutsideAngularDirective, IconWrapperComponent, NgTemplateOutlet, NgIf, ResizeSensorComponent, ActionSheetComponent, ActionSheetTemplateDirective, ButtonComponent, TimeSelectorComponent, TimeSelectorCustomMessagesComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: BusViewService }, { type: i0.NgZone }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i1$3.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: PickerService }, { type: i1.IntlService }]; }, propDecorators: { container: [{
+        }], ctorParameters: function () { return [{ type: BusViewService }, { type: i0.NgZone }, { type: i1$1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i1$2.PopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: PickerService }, { type: i1.IntlService }]; }, propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: false }]
             }], popupTemplate: [{
@@ -16695,10 +16697,11 @@ class DateTimePickerComponent extends MultiTabStop {
         this.setCalendarValue(this.value);
         this.setTimeSelectorMinMax(this.value);
         const direction = this.localization.rtl ? 'right' : 'left';
+        const appendToComponent = typeof this.popupSettings.appendTo === 'string' && this.popupSettings.appendTo === 'component';
         this.popupRef = this.popupService.open({
             anchor: this.wrapper,
             content: this.popupTemplate,
-            positionMode: 'absolute',
+            positionMode: appendToComponent ? 'fixed' : 'absolute',
             animate: this.popupSettings.animate,
             appendTo: this.appendTo,
             popupClass: `k-datetime-container k-datetimepicker-popup ${this.popupSettings.popupClass || ''}`,
@@ -16816,7 +16819,7 @@ class DateTimePickerComponent extends MultiTabStop {
             this.renderer.addClass(this.toggleButton.nativeElement, `k-button-${this.fillMode}-base`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1$3.PopupService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService }, { token: DisabledDatesService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerComponent, deps: [{ token: i1$2.PopupService }, { token: i1.IntlService }, { token: i0.ChangeDetectorRef }, { token: PickerService }, { token: i0.NgZone }, { token: i0.ElementRef }, { token: i1$1.LocalizationService }, { token: DisabledDatesService }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateTimePickerComponent, isStandalone: true, selector: "kendo-datetimepicker", inputs: { focusableId: "focusableId", weekDaysFormat: "weekDaysFormat", showOtherMonthDays: "showOtherMonthDays", value: "value", format: "format", twoDigitYearMax: "twoDigitYearMax", tabindex: "tabindex", disabledDates: "disabledDates", popupSettings: "popupSettings", title: "title", subtitle: "subtitle", disabled: "disabled", readonly: "readonly", readOnlyInput: "readOnlyInput", cancelButton: "cancelButton", formatPlaceholder: "formatPlaceholder", placeholder: "placeholder", steps: "steps", focusedDate: "focusedDate", calendarType: "calendarType", animateCalendarNavigation: "animateCalendarNavigation", weekNumber: "weekNumber", min: "min", max: "max", rangeValidation: "rangeValidation", disabledDatesValidation: "disabledDatesValidation", incompleteDateValidation: "incompleteDateValidation", autoCorrectParts: "autoCorrectParts", autoSwitchParts: "autoSwitchParts", autoSwitchKeys: "autoSwitchKeys", enableMouseWheel: "enableMouseWheel", allowCaretMode: "allowCaretMode", clearButton: "clearButton", autoFill: "autoFill", adaptiveMode: "adaptiveMode", inputAttributes: "inputAttributes", defaultTab: "defaultTab", size: "size", rounded: "rounded", fillMode: "fillMode", headerTemplateRef: ["headerTemplate", "headerTemplateRef"], footerTemplateRef: ["footerTemplate", "footerTemplateRef"], footer: "footer" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", escape: "escape" }, host: { properties: { "class.k-datetimepicker": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.disabledClass", "class.k-readonly": "this.readonly" } }, providers: [
             PickerService,
             LocalizationService,
@@ -17632,7 +17635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, DateInputComponent, EventsOutsideAngularDirective, DateInputCustomMessagesComponent, NgIf, IconWrapperComponent, NgTemplateOutlet, ResizeSensorComponent, ActionSheetComponent, ActionSheetTemplateDirective, ButtonComponent, NgClass, CalendarComponent, CalendarCustomMessagesComponent, TimeSelectorComponent, TimeSelectorCustomMessagesComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.PopupService }, { type: i1.IntlService }, { type: i0.ChangeDetectorRef }, { type: PickerService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i1$1.LocalizationService }, { type: DisabledDatesService }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i1$2.PopupService }, { type: i1.IntlService }, { type: i0.ChangeDetectorRef }, { type: PickerService }, { type: i0.NgZone }, { type: i0.ElementRef }, { type: i1$1.LocalizationService }, { type: DisabledDatesService }, { type: i0.Renderer2 }, { type: i0.Injector }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-datetimepicker']
             }, {
@@ -18951,7 +18954,7 @@ class DateRangePopupComponent {
             this.renderer.setStyle(animationContainer, 'bottom', '0px');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1$3.PopupService }, { token: DateRangeService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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 });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePopupComponent, isStandalone: true, selector: "kendo-daterange-popup", inputs: { showCalendarHeader: "showCalendarHeader", focusedDate: "focusedDate", disabledDates: "disabledDates", activeView: "activeView", bottomView: "bottomView", topView: "topView", min: "min", max: "max", allowReverse: "allowReverse", animateNavigation: "animateNavigation", disabled: "disabled", views: "views", weekNumber: "weekNumber", animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", showViewHeader: "showViewHeader", showOtherMonthDays: "showOtherMonthDays", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin", adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", size: "size" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, providers: [
             LocalizationService,
             {
@@ -19234,7 +19237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [DateRangePopupLocalizedMessagesDirective, MultiViewCalendarComponent, ActionSheetComponent, ActionSheetTemplateDirective, NgIf, ResizeSensorComponent, ButtonComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.PopupService }, { type: DateRangeService }, { 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,
@@ -19931,7 +19934,8 @@ const KENDO_DATEPICKER = [
     NavigationItemTemplateDirective,
     WeekNumberCellTemplateDirective,
     YearCellTemplateDirective,
-    NavigationItemTemplateDirective
+    NavigationItemTemplateDirective,
+    ToggleButtonTabStopDirective
 ];
 /**
 * Utility array that contains all `DateRange` related components and directives
@@ -19961,14 +19965,16 @@ const KENDO_DATETIMEPICKER = [
     MonthCellTemplateDirective,
     NavigationItemTemplateDirective,
     WeekNumberCellTemplateDirective,
-    YearCellTemplateDirective
+    YearCellTemplateDirective,
+    ToggleButtonTabStopDirective
 ];
 /**
 * Utility array that contains all `TimePicker` related components and directives
 */
 const KENDO_TIMEPICKER = [
     TimePickerCustomMessagesComponent,
-    TimePickerComponent
+    TimePickerComponent,
+    ToggleButtonTabStopDirective
 ];
 /**
 * Utility array that contains all `@progress/kendo-angular-dateinputs` related components and directives
@@ -20157,7 +20163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class DatePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, imports: [DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective], exports: [DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, imports: [DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, providers: [
             // DateInputModule providers
             IconsService,
@@ -20175,8 +20181,8 @@ class DatePickerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_DATEPICKER],
-                    imports: [...KENDO_DATEPICKER],
+                    exports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_DATEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         // DateInputModule providers
                         IconsService,
@@ -20227,7 +20233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class DateInputsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, imports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, DateInputCustomMessagesComponent, DateInputComponent, DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective, DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, TimePickerCustomMessagesComponent, TimePickerComponent], exports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, DateInputCustomMessagesComponent, DateInputComponent, DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective, DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, TimePickerCustomMessagesComponent, TimePickerComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, imports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, DateInputCustomMessagesComponent, DateInputComponent, DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective, DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [CalendarCustomMessagesComponent, CalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, MultiViewCalendarCustomMessagesComponent, MultiViewCalendarComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, DateInputCustomMessagesComponent, DateInputComponent, DatePickerCustomMessagesComponent, DatePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, NavigationItemTemplateDirective, i19.ToggleButtonTabStopDirective, DateRangePopupCustomMessagesComponent, DateInputCustomMessagesComponent, DateInputComponent, DateRangeEndInputDirective, DateRangePopupTemplateDirective, DateRangeComponent, DateRangePopupComponent, DateRangeSelectionDirective, DateRangeStartInputDirective, DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, providers: [
             // CalendarModule providers
             IconsService,
@@ -20251,8 +20257,8 @@ class DateInputsModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputsModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_DATEINPUTS],
-                    imports: [...KENDO_DATEINPUTS],
+                    exports: [...KENDO_DATEINPUTS, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_DATEINPUTS, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         // CalendarModule providers
                         IconsService,
@@ -20282,7 +20288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class TimePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [TimePickerCustomMessagesComponent, TimePickerComponent], exports: [TimePickerCustomMessagesComponent, TimePickerComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [TimePickerCustomMessagesComponent, TimePickerComponent, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, providers: [
             IconsService,
             PopupService,
@@ -20298,8 +20304,8 @@ class TimePickerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_TIMEPICKER],
-                    imports: [...KENDO_TIMEPICKER],
+                    exports: [...KENDO_TIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_TIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         IconsService,
                         PopupService,
@@ -20321,7 +20327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class DateTimePickerModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, imports: [DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective], exports: [DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, imports: [DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective], exports: [DateTimePickerCustomMessagesComponent, DateTimePickerComponent, CellTemplateDirective, CenturyCellTemplateDirective, DecadeCellTemplateDirective, FooterTemplateDirective, HeaderTemplateDirective, HeaderTitleTemplateDirective, MonthCellTemplateDirective, NavigationItemTemplateDirective, WeekNumberCellTemplateDirective, YearCellTemplateDirective, i19.ToggleButtonTabStopDirective, i19.ToggleButtonTabStopDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, providers: [
             // CalendarModule providers
             IconsService,
@@ -20345,8 +20351,8 @@ class DateTimePickerModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateTimePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_DATETIMEPICKER],
-                    imports: [...KENDO_DATETIMEPICKER],
+                    exports: [...KENDO_DATETIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
+                    imports: [...KENDO_DATETIMEPICKER, ...KENDO_TOGGLEBUTTONTABSTOP],
                     providers: [
                         // CalendarModule providers
                         IconsService,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dateinputs",
-  "version": "17.1.1-develop.1",
+  "version": "17.1.1-develop.10",
   "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": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "17.1.1-develop.1",
-    "@progress/kendo-angular-common": "17.1.1-develop.1",
-    "@progress/kendo-angular-intl": "17.1.1-develop.1",
-    "@progress/kendo-angular-l10n": "17.1.1-develop.1",
-    "@progress/kendo-angular-icons": "17.1.1-develop.1",
-    "@progress/kendo-angular-popup": "17.1.1-develop.1",
-    "@progress/kendo-angular-navigation": "17.1.1-develop.1",
+    "@progress/kendo-angular-buttons": "17.1.1-develop.10",
+    "@progress/kendo-angular-common": "17.1.1-develop.10",
+    "@progress/kendo-angular-intl": "17.1.1-develop.10",
+    "@progress/kendo-angular-l10n": "17.1.1-develop.10",
+    "@progress/kendo-angular-icons": "17.1.1-develop.10",
+    "@progress/kendo-angular-popup": "17.1.1-develop.10",
+    "@progress/kendo-angular-navigation": "17.1.1-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.1.1-develop.1",
+    "@progress/kendo-angular-schematics": "17.1.1-develop.10",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-date-math": "^1.1.0",
     "@progress/kendo-dateinputs-common": "^0.4.0"

package/timepicker/timepicker.module.d.ts

@@ -5,12 +5,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./localization/timepicker-custom-messages.component";
 import * as i2 from "./timepicker.component";
+import * as i3 from "@progress/kendo-angular-common";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TimePicker component.
  */
 export declare class TimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, never, [typeof i1.TimePickerCustomMessagesComponent, typeof i2.TimePickerComponent], [typeof i1.TimePickerCustomMessagesComponent, typeof i2.TimePickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, never, [typeof i1.TimePickerCustomMessagesComponent, typeof i2.TimePickerComponent, typeof i3.ToggleButtonTabStopDirective, typeof i3.ToggleButtonTabStopDirective], [typeof i1.TimePickerCustomMessagesComponent, typeof i2.TimePickerComponent, typeof i3.ToggleButtonTabStopDirective, typeof i3.ToggleButtonTabStopDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TimePickerModule>;
 }