@progress/kendo-angular-dateinputs 11.4.0-develop.8 → 11.4.0-develop.9

package/index.d.ts

@@ -68,6 +68,10 @@ export { TimePickerCustomMessagesComponent } from './timepicker/localization/tim
 export { TimeSelectorCustomMessagesComponent } from './timepicker/localization/timeselector-custom-messages.component';
 export { LocalizedMessagesDirective } from './datetimepicker/localization/localized-messages.directive';
 export { DateTimePickerCustomMessagesComponent } from './datetimepicker/localization/datetimepicker-custom-messages.component';
+export { DateRangePopupCustomMessagesComponent } from './daterange/localization/daterange-popup-custom-messages.component';
+export { DateRangePopupLocalizedMessagesDirective } from './daterange/localization/daterange-popup-localized-messages.directive';
 export { DateInputSize } from './common/models/size';
 export { DateInputRounded } from './common/models/rounded';
 export { DateInputFillMode } from './common/models/fillmode';
+export { AdaptiveMode } from './util';
+export { AdaptiveModule } from './common/adaptive.module';

package/package.json

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

package/timepicker/services/dom.service.d.ts

@@ -10,6 +10,9 @@ import * as i0 from "@angular/core";
 export declare class TimePickerDOMService {
     itemHeight: number;
     timeListHeight: number;
+    isAdaptiveEnabled: boolean;
+    isDateTimePicker: boolean;
+    get windowSize(): 'large' | 'medium' | 'small';
     ensureHeights(): void;
     calculateHeights(container?: HTMLElement): void;
     isActive(element: ElementRef): boolean;

package/timepicker/timepicker.component.d.ts

@@ -14,11 +14,13 @@ import { TimeSelectorComponent } from './timeselector.component';
 import { DateInputComponent } from '../dateinput/dateinput.component';
 import { PopupSettings } from '../popup-settings.model';
 import { PreventableEvent } from '../preventable-event';
+import { AdaptiveMode } from '../util';
 import { DateInputSize } from '../common/models/size';
 import { DateInputRounded } from '../common/models/rounded';
 import { DateInputFillMode } from '../common/models/fillmode';
 import { BusViewService } from '../calendar/services/bus-view.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI TimePicker component for Angular]({% slug overview_timepicker %}#toc-basic-usage).
@@ -42,6 +44,7 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
     container: ViewContainerRef;
     popupTemplate: TemplateRef<any>;
     toggleButton: ElementRef;
+    actionSheet: ActionSheetComponent;
     /**
      * @hidden
      */
@@ -200,13 +203,25 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
     /**
-     * Sets the title of the input element of the TimePicker.
+     * Sets the title of the input element of the TimePicker 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 a form is being validated.
      */
     rangeValidation: boolean;
+    /**
+     * Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
+     */
+    adaptiveMode: AdaptiveMode;
     /**
      * Specifies the value of the TimePicker component.
      */
@@ -325,6 +340,10 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
     get disabledClass(): boolean;
     get popupUID(): string;
     popupRef: PopupRef;
+    /**
+     * @hidden
+     */
+    xIcon: SVGIcon;
     get isActive(): boolean;
     set isActive(value: boolean);
     get show(): boolean;
@@ -352,6 +371,7 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
     private _size;
     private _rounded;
     private _fillMode;
+    private windowSize;
     constructor(bus: BusViewService, zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, popupService: PopupService, wrapper: ElementRef, renderer: Renderer2, injector: Injector, pickerService: PickerService, intl: IntlService, touchEnabled: boolean);
     /**
      * @hidden
@@ -425,14 +445,15 @@ export declare class TimePickerComponent 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.
      */
     toggle(show?: boolean): 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;
     /**
@@ -443,6 +464,14 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     handleChange(value: Date): void;
+    /**
+     * @hidden
+     */
+    handleActionSheetAccept(): void;
+    /**
+     * @hidden
+     */
+    handleActionSheetCollapse(): void;
     /**
      * @hidden
      */
@@ -451,6 +480,10 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     handleInputChange(value: Date): void;
+    /**
+     * @hidden
+     */
+    handleDateInputClick(): void;
     /**
      * @hidden
      */
@@ -463,6 +496,14 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     get popupClasses(): string[];
+    /**
+     * @hidden
+     */
+    get isAdaptiveModeEnabled(): boolean;
+    /**
+     * @hidden
+     */
+    get isAdaptive(): boolean;
     /**
      * @hidden
      */
@@ -471,8 +512,14 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
      * @hidden
      */
     mergeTime(value: Date): Date;
+    /**
+     * @hidden
+     */
+    onResize(): void;
+    private toggleTimeSelector;
+    private toggleActionSheet;
     private togglePopup;
-    private _toggle;
+    private updateActionSheetAdaptiveAppearance;
     private focusInput;
     private toggleFocus;
     private verifyValue;
@@ -485,5 +532,5 @@ export declare class TimePickerComponent implements ControlValueAccessor, OnInit
     private handleDateCompletenessChange;
     private setComponentClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, [null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "kendo-timepicker", ["kendo-timepicker"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "format": "format"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "min": "min"; "max": "max"; "incompleteDateValidation": "incompleteDateValidation"; "cancelButton": "cancelButton"; "nowButton": "nowButton"; "steps": "steps"; "popupSettings": "popupSettings"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "title": "title"; "rangeValidation": "rangeValidation"; "value": "value"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "kendo-timepicker", ["kendo-timepicker"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "format": "format"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "min": "min"; "max": "max"; "incompleteDateValidation": "incompleteDateValidation"; "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"; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "close": "close"; }, never, never>;
 }

package/timepicker/timepicker.module.d.ts

@@ -17,12 +17,13 @@ import * as i11 from "@progress/kendo-angular-popup";
 import * as i12 from "../virtualization/virtualization.module";
 import * as i13 from "@progress/kendo-angular-common";
 import * as i14 from "@progress/kendo-angular-icons";
+import * as i15 from "../common/adaptive.module";
 /**
  * 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, [typeof i1.TimePickerLocalizedMessagesDirective, typeof i2.TimeListComponent, typeof i3.TimePickerCustomMessagesComponent, typeof i4.TimePickerComponent, typeof i5.TimeSelectorLocalizedMessagesDirective, typeof i6.TimeSelectorCustomMessagesComponent, typeof i7.TimeSelectorComponent], [typeof i8.CommonModule, typeof i9.DateInputModule, typeof i10.IntlModule, typeof i11.PopupModule, typeof i12.VirtualizationModule, typeof i13.EventsModule, typeof i14.IconsModule], [typeof i1.TimePickerLocalizedMessagesDirective, typeof i2.TimeListComponent, typeof i3.TimePickerCustomMessagesComponent, typeof i4.TimePickerComponent, typeof i5.TimeSelectorLocalizedMessagesDirective, typeof i6.TimeSelectorCustomMessagesComponent, typeof i7.TimeSelectorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TimePickerModule, [typeof i1.TimePickerLocalizedMessagesDirective, typeof i2.TimeListComponent, typeof i3.TimePickerCustomMessagesComponent, typeof i4.TimePickerComponent, typeof i5.TimeSelectorLocalizedMessagesDirective, typeof i6.TimeSelectorCustomMessagesComponent, typeof i7.TimeSelectorComponent], [typeof i8.CommonModule, typeof i9.DateInputModule, typeof i10.IntlModule, typeof i11.PopupModule, typeof i12.VirtualizationModule, typeof i13.EventsModule, typeof i14.IconsModule, typeof i15.AdaptiveModule], [typeof i1.TimePickerLocalizedMessagesDirective, typeof i2.TimeListComponent, typeof i3.TimePickerCustomMessagesComponent, typeof i4.TimePickerComponent, typeof i5.TimeSelectorLocalizedMessagesDirective, typeof i6.TimeSelectorCustomMessagesComponent, typeof i7.TimeSelectorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TimePickerModule>;
 }

package/timepicker/timeselector.component.d.ts

@@ -18,7 +18,7 @@ import * as i0 from "@angular/core";
 export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestroy {
     localization: LocalizationService;
     private cdr;
-    private element;
+    element: ElementRef;
     intl: IntlService;
     dom: TimePickerDOMService;
     private zone;
@@ -63,6 +63,11 @@ export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestr
      * Sets or gets the `disabled` property of the TimeSelector and determines whether the component is active.
      */
     disabled: boolean;
+    /**
+     * Needed in order to set it in the dom service so that timeselector height can be properly calculated
+     */
+    isAdaptiveEnabled: boolean;
+    isDateTimePicker: boolean;
     /**
      * Configures the incremental steps of the TimeSelector.
      *
@@ -185,5 +190,5 @@ export declare class TimeSelectorComponent implements OnChanges, OnInit, OnDestr
     private emitFocus;
     private listIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeSelectorComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "kendo-timeselector", ["kendo-timeselector"], { "format": "format"; "min": "min"; "max": "max"; "cancelButton": "cancelButton"; "setButton": "setButton"; "nowButton": "nowButton"; "disabled": "disabled"; "steps": "steps"; "value": "value"; }, { "valueChange": "valueChange"; "valueReject": "valueReject"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeSelectorComponent, "kendo-timeselector", ["kendo-timeselector"], { "format": "format"; "min": "min"; "max": "max"; "cancelButton": "cancelButton"; "setButton": "setButton"; "nowButton": "nowButton"; "disabled": "disabled"; "isAdaptiveEnabled": "isAdaptiveEnabled"; "isDateTimePicker": "isDateTimePicker"; "steps": "steps"; "value": "value"; }, { "valueChange": "valueChange"; "valueReject": "valueReject"; }, never, never>;
 }

package/util.d.ts

@@ -197,3 +197,15 @@ export declare const DEFAULT_SIZE: DateInputSize;
  * @hidden
  */
 export declare const DEFAULT_FILL_MODE: DateInputFillMode;
+/**
+ * @hidden
+ */
+export declare const windowSize: () => 'large' | 'medium' | 'small';
+/**
+ * Specifies the adaptive rendering of the component.
+ *
+ * The supported values are:
+ * * `none`—(default)
+ * * `auto`
+ */
+export declare type AdaptiveMode = 'none' | 'auto';