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

package/calendar/calendar.component.d.ts

@@ -28,6 +28,7 @@ import { CalendarView } from './models/view.type';
 import { CalendarViewEnum } from './models/view.enum';
 import { CalendarType } from './models/type';
 import { CalendarSelection } from './models/selection';
+import { DateInputSize } from '../common/models/size';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -352,6 +353,22 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
      */
     set navigationItemTemplateRef(template: NavigationItemTemplateDirective);
     get navigationItemTemplateRef(): NavigationItemTemplateDirective;
+    /**
+     * @hidden
+     *
+     * TODO: Make visible when true sizing of all calendar elements is implemented
+     * Sets the size of the component.
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `none`
+     *
+     */
+    set size(size: DateInputSize);
+    get size(): DateInputSize;
+    private _size;
     navigationView: NavigationComponent;
     monthView: ViewListComponent;
     multiViewCalendar: MultiViewCalendarComponent;
@@ -534,5 +551,5 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
     private parseSelectionToValue;
     private performSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kendo-calendar", ["kendo-calendar"], { "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "selection": "selection"; "value": "value"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "disabledDates": "disabledDates"; "navigation": "navigation"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "type": "type"; "animateNavigation": "animateNavigation"; "weekNumber": "weekNumber"; "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "activeViewDateChange": "activeViewDateChange"; "onBlur": "blur"; "onFocus": "focus"; "valueChange": "valueChange"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kendo-calendar", ["kendo-calendar"], { "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "selection": "selection"; "value": "value"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "disabledDates": "disabledDates"; "navigation": "navigation"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "type": "type"; "animateNavigation": "animateNavigation"; "weekNumber": "weekNumber"; "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "size": "size"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "activeViewDateChange": "activeViewDateChange"; "onBlur": "blur"; "onFocus": "focus"; "valueChange": "valueChange"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], never>;
 }

package/common/adaptive.module.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-navigation";
+import * as i2 from "@progress/kendo-angular-common";
+import * as i3 from "@progress/kendo-angular-buttons";
+import * as i4 from "@progress/kendo-angular-inputs";
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the modules specific to the Adaptive Mode.
+ */
+export declare class AdaptiveModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdaptiveModule, never, [typeof i1.NavigationModule, typeof i2.ResizeSensorModule, typeof i3.ButtonModule, typeof i4.TextBoxModule], [typeof i1.NavigationModule, typeof i2.ResizeSensorModule, typeof i3.ButtonModule, typeof i4.TextBoxModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdaptiveModule>;
+}

package/datepicker/datepicker.component.d.ts

@@ -23,11 +23,13 @@ import { NavigationItemTemplateDirective } from '../calendar/templates/navigatio
 import { PickerService } from '../common/picker.service';
 import { DisabledDatesService } from '../calendar/services/disabled-dates.service';
 import { DateInputFormatPlaceholder } from '../dateinput/models/format-placeholder.model';
+import { AdaptiveMode } from '../util';
 import { DateInputComponent } from '../dateinput/dateinput.component';
 import { DateInputSize } from '../common/models/size';
 import { DateInputRounded } from '../common/models/rounded';
 import { DateInputFillMode } from '../common/models/fillmode';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI DatePicker component for Angular]({% slug overview_datepicker %}#toc-basic-usage).
@@ -50,6 +52,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     container: ViewContainerRef;
     popupTemplate: TemplateRef<any>;
     toggleButton: ElementRef;
+    actionSheet: ActionSheetComponent;
     /**
      * @hidden
      */
@@ -187,7 +190,9 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      * and determines whether the navigation side-bar is displayed.
      * ([see example]({% slug sidebar_datepicker %})).
      */
-    navigation: boolean;
+    set navigation(state: boolean);
+    get navigation(): boolean;
+    private _navigation;
     /**
      * Specifies the smallest valid date
      * ([see example]({% slug dateranges_datepicker %})).
@@ -309,9 +314,17 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     set disabledDates(value: ((date: Date) => boolean) | Date[] | Day[]);
     get disabledDates(): ((date: Date) => boolean) | Date[] | Day[];
     /**
-     * Sets the title of the input element of the DatePicker.
+     * Sets the title of the input element of the DatePicker and the title text rendered
+     * in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
      */
     title: string;
+    /**
+     * Sets the subtitle text rendered in the header of the popup(action sheet).
+     * Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
+     */
+    set subtitle(subtitle: string);
+    get subtitle(): string;
+    private _subtitle;
     /**
      * Determines whether the built-in min or max validators are enforced when validating a form.
      */
@@ -364,6 +377,10 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      */
     set fillMode(fillMode: DateInputFillMode);
     get fillMode(): DateInputFillMode;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode: AdaptiveMode;
     /**
      * Fires each time the user selects a new value
      * ([more information and example]({% slug overview_datepicker %}#toc-events)).
@@ -439,6 +456,10 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     set isActive(value: boolean);
     get show(): boolean;
     set show(show: boolean);
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
     private _popupSettings;
     private _show;
     private _value;
@@ -456,11 +477,13 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     private pickerSubscriptions;
     private localizationChangeSubscription;
     private windowBlurSubscription;
+    private ariaActiveDescendantSubscription;
     private control;
     private domEvents;
     private _size;
     private _rounded;
     private _fillMode;
+    private windowSize;
     constructor(zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, popupService: PopupService, wrapper: ElementRef, renderer: Renderer2, injector: Injector, pickerService: PickerService, disabledDatesService: DisabledDatesService, touchEnabled: boolean);
     /**
      * @hidden
@@ -481,7 +504,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      */
     ngOnDestroy(): void;
     /**
-     * Returns the current open state of the popup.
+     * Indicates whether the component is currently open. That is when the popup or actionSheet is open.
      */
     get isOpen(): boolean;
     /**
@@ -510,6 +533,14 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     registerOnValidatorChange(fn: Function): void;
+    /**
+     * @hidden
+     */
+    handleActionSheetCollapse(): void;
+    /**
+     * @hidden
+     */
+    handleActionSheetClick(e: PointerEvent): void;
     /**
      * Focuses the DatePicker component.
      *
@@ -531,7 +562,8 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      */
     blur(): void;
     /**
-     * Toggles the visibility of the popup. If you use the `toggle` method to show or hide the popup,
+     * Toggles the visibility of the popup or actionSheet.
+     * If you use the `toggle` method to show or hide the popup or actionSheet,
      * the `open` and `close` events do not fire.
      *
      * @param show - The state of the popup.
@@ -541,6 +573,10 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     handleIconClick(event: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    handleDateInputClick(): void;
     /**
      * @hidden
      */
@@ -563,6 +599,18 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     get appendTo(): ViewContainerRef;
     get input(): DateInputComponent;
     get calendar(): any;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
+    /**
+     * @hidden
+     */
+    onResize(): void;
     /**
      * @hidden
      */
@@ -571,8 +619,11 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     handleKeydown(e: any): void;
+    private toggleCalendar;
     private togglePopup;
-    private _toggle;
+    private toggleActionSheet;
+    private updateActionSheetAdaptiveAppearance;
+    private setAriaActiveDescendant;
     private focusInput;
     private toggleFocus;
     private verifySettings;
@@ -586,5 +637,5 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
     private handleDateCompletenessChange;
     private setComponentClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "kendo-datepicker", ["kendo-datepicker"], { "focusableId": "focusableId"; "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "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"; "focusedDate": "focusedDate"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "disabledDates": "disabledDates"; "title": "title"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "weekNumber": "weekNumber"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "kendo-datepicker", ["kendo-datepicker"], { "focusableId": "focusableId"; "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "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"; "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"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate"], never>;
 }

package/datepicker/datepicker.module.d.ts

@@ -14,12 +14,13 @@ import * as i8 from "@progress/kendo-angular-popup";
 import * as i9 from "../calendar/templates.module";
 import * as i10 from "@progress/kendo-angular-common";
 import * as i11 from "@progress/kendo-angular-icons";
+import * as i12 from "../common/adaptive.module";
 /**
  * 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, [typeof i1.DatePickerComponent, typeof i2.DatePickerCustomMessagesComponent, typeof i3.DatePickerLocalizedMessagesDirective], [typeof i4.CommonModule, typeof i5.DateInputModule, typeof i6.CalendarModule, typeof i7.IntlModule, typeof i8.PopupModule, typeof i9.TemplatesModule, typeof i10.EventsModule, typeof i11.IconsModule], [typeof i1.DatePickerComponent, typeof i2.DatePickerCustomMessagesComponent, typeof i3.DatePickerLocalizedMessagesDirective, typeof i9.TemplatesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatePickerModule, [typeof i1.DatePickerComponent, typeof i2.DatePickerCustomMessagesComponent, typeof i3.DatePickerLocalizedMessagesDirective], [typeof i4.CommonModule, typeof i5.DateInputModule, typeof i6.CalendarModule, typeof i7.IntlModule, typeof i8.PopupModule, typeof i9.TemplatesModule, typeof i10.EventsModule, typeof i11.IconsModule, typeof i12.AdaptiveModule], [typeof i1.DatePickerComponent, typeof i2.DatePickerCustomMessagesComponent, typeof i3.DatePickerLocalizedMessagesDirective, typeof i9.TemplatesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
 }

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

@@ -2,12 +2,17 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, NgZone, OnInit, OnDestroy, ViewContainerRef, QueryList } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, NgZone, OnInit, OnDestroy, ViewContainerRef, QueryList, Renderer2 } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Align, Collision, Margin, PopupAnimation, PopupService, PopupRef } from '@progress/kendo-angular-popup';
 import { DateRangePopupTemplateDirective } from './date-range-popup-template.directive';
 import { DateRangeService } from './date-range.service';
 import { MultiViewCalendarComponent } from '../calendar/multiview-calendar.component';
 import { PreventableEvent } from '../preventable-event';
+import { AdaptiveMode } from '../util';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { DateRangeSelectionDirective } from './date-range-selection.directive';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI DateRangePopup component for Angular.
@@ -33,10 +38,15 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     private dateRangeService;
     private ref;
     private zone;
+    private renderer;
+    localization: LocalizationService;
+    private cdr;
     private rtl;
     container: ViewContainerRef;
+    actionSheet: ActionSheetComponent;
     defaultTemplate: TemplateRef<any>;
     contentTemplate: DateRangePopupTemplateDirective;
+    dateRangeSelectionDirective: DateRangeSelectionDirective;
     viewCalendar: QueryList<MultiViewCalendarComponent>;
     contentCalendar: QueryList<MultiViewCalendarComponent>;
     /**
@@ -79,6 +89,22 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      * and leaves a blank space between the popup and the anchor.
      */
     margin: Margin;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode: AdaptiveMode;
+    /**
+     * Sets the title of the input element of the DateRangePopup and the title text rendered
+     * in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
+     */
+    title: string;
+    /**
+     * Sets the subtitle text rendered in the header of the popup(action sheet).
+     * Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
+     */
+    set subtitle(subtitle: string);
+    get subtitle(): string;
+    private _subtitle;
     /**
      * Fires each time the popup is about to open.
      * This event is preventable. If you cancel the event, the popup will remain closed.
@@ -117,6 +143,14 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      * When the opened calendar is active, returns `true`.
      */
     get isActive(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     /**
      * @hidden
      */
@@ -125,6 +159,10 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      * @hidden
      */
     popupUID: string;
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
     /**
      * Gets or sets the visibility state of the component.
      */
@@ -136,10 +174,12 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
     private calendarSubscriptions;
     private popupSubscriptions;
     private windowBlurSubscription;
+    private localizationSubscriptions;
     private resolvedPromise;
     private _calendar;
     private _show;
-    constructor(popupService: PopupService, dateRangeService: DateRangeService, ref: ChangeDetectorRef, zone: NgZone, rtl: boolean);
+    private windowSize;
+    constructor(popupService: PopupService, dateRangeService: DateRangeService, ref: ChangeDetectorRef, zone: NgZone, renderer: Renderer2, localization: LocalizationService, cdr: ChangeDetectorRef, rtl: boolean);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -158,8 +198,8 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      */
     hasActiveContent(): boolean;
     /**
-     * Toggles the visibility of the popup.
-     * If you use the `toggle` method to show or hide the popup,
+     * Toggles the visibility of the popup or actionSheet.
+     * If you use the `toggle` method to show or hide the popup or actionSheet,
      * the `open` and `close` events do not fire.
      *
      * @param show The state of the popup.
@@ -171,14 +211,25 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
      * Closes the popup and triggers the `cancel` event.
      */
     cancelPopup(): void;
+    /**
+     * @hidden
+     */
+    handleAccept(): void;
+    /**
+     * @hidden
+     */
+    onResize(): void;
     private handleWindowBlur;
     private handleMouseLeave;
     private handleKeydown;
     private subscribeFocusBlur;
     private addPopupSubscriptions;
     private get _appendTo();
-    private _toggle;
+    private togglePopup;
     private destroyPopup;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupComponent, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "animate": "animate"; "anchor": "anchor"; "anchorAlign": "anchorAlign"; "appendTo": "appendTo"; "collision": "collision"; "popupAlign": "popupAlign"; "margin": "margin"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never>;
+    private toggleDateRange;
+    private toggleActionSheet;
+    private updateActionSheetAdaptiveAppearance;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupComponent, "kendo-daterange-popup", ["kendo-daterange-popup"], { "animate": "animate"; "anchor": "anchor"; "anchorAlign": "anchorAlign"; "appendTo": "appendTo"; "collision": "collision"; "popupAlign": "popupAlign"; "margin": "margin"; "adaptiveMode": "adaptiveMode"; "title": "title"; "subtitle": "subtitle"; }, { "open": "open"; "close": "close"; "onBlur": "blur"; "onFocus": "focus"; "cancel": "cancel"; }, ["contentTemplate", "contentCalendar"], never>;
 }

package/daterange/date-range-selection.directive.d.ts

@@ -45,6 +45,11 @@ export declare class DateRangeSelectionDirective implements OnInit {
      */
     get activeRangeEnd(): SelectionRangeEnd;
     set activeRangeEnd(activeRange: SelectionRangeEnd);
+    /**
+     * @hidden
+     * When in adaptive mode range should not be set automatically on calendar value change but only on accept
+     */
+    shouldSetRange: boolean;
     /**
      * Fires when the active range end is changed. For more information, refer to
      * the section on [events]({% slug overview_multiviewcalendar %}#toc-events).
@@ -57,13 +62,18 @@ export declare class DateRangeSelectionDirective implements OnInit {
     selectionRangeChange: EventEmitter<SelectionRange>;
     private get calendarRange();
     private calendarSubscriptions;
+    private range;
     constructor(calendar: MultiViewCalendarComponent, cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, dateRangeService: DateRangeService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    handleChange(value: Date): void;
+    setRange(range?: SelectionRange): void;
     private addSubscriptions;
     private isEqualCalendarRange;
     private handleBlur;
-    private handleChange;
     private handleHover;
     private hasCompleteRange;
     private shouldAutoCorrect;
@@ -72,5 +82,5 @@ export declare class DateRangeSelectionDirective implements OnInit {
     private setSelectionRange;
     private acceptAndEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeSelectionDirective, [null, null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": "autoCorrectOn"; "selectionRange": "selectionRange"; "activeRangeEnd": "activeRangeEnd"; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": "autoCorrectOn"; "selectionRange": "selectionRange"; "activeRangeEnd": "activeRangeEnd"; "shouldSetRange": "shouldSetRange"; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never>;
 }

package/daterange/date-range.module.d.ts

@@ -9,11 +9,14 @@ import * as i3 from "./date-range-popup-template.directive";
 import * as i4 from "./date-range-selection.directive";
 import * as i5 from "./date-range-start-input.directive";
 import * as i6 from "./date-range-end-input.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "../calendar/multiview-calendar.module";
-import * as i9 from "../dateinput/dateinput.module";
-import * as i10 from "@progress/kendo-angular-popup";
-import * as i11 from "@progress/kendo-angular-common";
+import * as i7 from "./localization/daterange-popup-custom-messages.component";
+import * as i8 from "./localization/daterange-popup-localized-messages.directive";
+import * as i9 from "@angular/common";
+import * as i10 from "../calendar/multiview-calendar.module";
+import * as i11 from "../dateinput/dateinput.module";
+import * as i12 from "@progress/kendo-angular-popup";
+import * as i13 from "@progress/kendo-angular-common";
+import * as i14 from "../common/adaptive.module";
 /**
  * The exported package module.
  *
@@ -54,6 +57,6 @@ import * as i11 from "@progress/kendo-angular-common";
  */
 export declare class DateRangeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangeModule, [typeof i1.DateRangeComponent, typeof i2.DateRangePopupComponent, typeof i3.DateRangePopupTemplateDirective, typeof i4.DateRangeSelectionDirective, typeof i5.DateRangeStartInputDirective, typeof i6.DateRangeEndInputDirective], [typeof i7.CommonModule, typeof i8.MultiViewCalendarModule, typeof i9.DateInputModule, typeof i10.PopupModule, typeof i11.EventsModule], [typeof i1.DateRangeComponent, typeof i2.DateRangePopupComponent, typeof i3.DateRangePopupTemplateDirective, typeof i4.DateRangeSelectionDirective, typeof i5.DateRangeStartInputDirective, typeof i6.DateRangeEndInputDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangeModule, [typeof i1.DateRangeComponent, typeof i2.DateRangePopupComponent, typeof i3.DateRangePopupTemplateDirective, typeof i4.DateRangeSelectionDirective, typeof i5.DateRangeStartInputDirective, typeof i6.DateRangeEndInputDirective, typeof i7.DateRangePopupCustomMessagesComponent, typeof i8.DateRangePopupLocalizedMessagesDirective], [typeof i9.CommonModule, typeof i10.MultiViewCalendarModule, typeof i11.DateInputModule, typeof i12.PopupModule, typeof i13.EventsModule, typeof i14.AdaptiveModule], [typeof i1.DateRangeComponent, typeof i2.DateRangePopupComponent, typeof i3.DateRangePopupTemplateDirective, typeof i4.DateRangeSelectionDirective, typeof i5.DateRangeStartInputDirective, typeof i6.DateRangeEndInputDirective, typeof i7.DateRangePopupCustomMessagesComponent, typeof i8.DateRangePopupLocalizedMessagesDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DateRangeModule>;
 }

package/daterange/localization/daterange-popup-custom-messages.component.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { DateRangePopupMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
+ */
+export declare class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupCustomMessagesComponent, "kendo-daterange-popup-messages", never, {}, {}, never, never>;
+}

package/daterange/localization/daterange-popup-localized-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { DateRangePopupMessages } from './messages';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class DateRangePopupLocalizedMessagesDirective extends DateRangePopupMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupLocalizedMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupLocalizedMessagesDirective, "[kendoDateRangePopupLocalizedMessages]", never, {}, {}, never>;
+}

package/daterange/localization/messages.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class DateRangePopupMessages extends ComponentMessages {
+    /**
+     * The text of the **Accept** button in the popup footer of the DateRange Popup.
+     */
+    accept: string;
+    /**
+     * The label of the **Accept** button in the popup footer of the DateRange Popup.
+     */
+    acceptLabel: string;
+    /**
+     * The text of the **Cancel** button in the popup footer of the DateRange Popup.
+     */
+    cancel: string;
+    /**
+     * The label of the **Cancel** button in the popup footer of the DateRange Popup.
+     */
+    cancelLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupMessages, "kendo-daterangepopup-messages-base", never, { "accept": "accept"; "acceptLabel": "acceptLabel"; "cancel": "cancel"; "cancelLabel": "cancelLabel"; }, {}, never>;
+}