@progress/kendo-angular-dateinputs 11.4.0-develop.8 → 11.4.0-develop.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar/calendar.component.d.ts +18 -1
- package/common/adaptive.module.d.ts +18 -0
- package/datepicker/datepicker.component.d.ts +57 -6
- package/datepicker/datepicker.module.d.ts +2 -1
- package/daterange/date-range-popup.component.d.ts +58 -7
- package/daterange/date-range-selection.directive.d.ts +12 -2
- package/daterange/date-range.module.d.ts +9 -6
- package/daterange/localization/daterange-popup-custom-messages.component.d.ts +17 -0
- package/daterange/localization/daterange-popup-localized-messages.directive.d.ts +16 -0
- package/daterange/localization/messages.d.ts +29 -0
- package/datetimepicker/datetimepicker.component.d.ts +58 -5
- package/datetimepicker/datetimepicker.module.d.ts +2 -1
- package/esm2020/calendar/calendar.component.mjs +34 -2
- package/esm2020/calendar/multiview-calendar.component.mjs +2 -1
- package/esm2020/common/adaptive.module.mjs +41 -0
- package/esm2020/datepicker/datepicker.component.mjs +271 -48
- package/esm2020/datepicker/datepicker.module.mjs +7 -3
- package/esm2020/daterange/date-range-popup.component.mjs +320 -17
- package/esm2020/daterange/date-range-selection.directive.mjs +27 -12
- package/esm2020/daterange/date-range.component.mjs +1 -1
- package/esm2020/daterange/date-range.module.mjs +16 -5
- package/esm2020/daterange/localization/daterange-popup-custom-messages.component.mjs +41 -0
- package/esm2020/daterange/localization/daterange-popup-localized-messages.directive.mjs +37 -0
- package/esm2020/daterange/localization/messages.mjs +29 -0
- package/esm2020/datetimepicker/datetimepicker.component.mjs +306 -49
- package/esm2020/datetimepicker/datetimepicker.module.mjs +7 -3
- package/esm2020/index.mjs +3 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/timepicker/services/dom.service.mjs +33 -7
- package/esm2020/timepicker/timepicker.component.mjs +279 -33
- package/esm2020/timepicker/timepicker.module.mjs +5 -2
- package/esm2020/timepicker/timeselector.component.mjs +7 -1
- package/esm2020/util.mjs +18 -0
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +1417 -175
- package/fesm2020/progress-kendo-angular-dateinputs.mjs +1417 -175
- package/index.d.ts +4 -0
- package/package.json +11 -9
- package/timepicker/services/dom.service.d.ts +3 -0
- package/timepicker/timepicker.component.d.ts +52 -5
- package/timepicker/timepicker.module.d.ts +2 -1
- package/timepicker/timeselector.component.d.ts +7 -2
- package/util.d.ts +12 -0
|
@@ -28,6 +28,7 @@ import { CalendarView } from './models/view.type';
|
|
|
28
28
|
import { CalendarViewEnum } from './models/view.enum';
|
|
29
29
|
import { CalendarType } from './models/type';
|
|
30
30
|
import { CalendarSelection } from './models/selection';
|
|
31
|
+
import { DateInputSize } from '../common/models/size';
|
|
31
32
|
import * as i0 from "@angular/core";
|
|
32
33
|
/**
|
|
33
34
|
* @hidden
|
|
@@ -352,6 +353,22 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
|
|
|
352
353
|
*/
|
|
353
354
|
set navigationItemTemplateRef(template: NavigationItemTemplateDirective);
|
|
354
355
|
get navigationItemTemplateRef(): NavigationItemTemplateDirective;
|
|
356
|
+
/**
|
|
357
|
+
* @hidden
|
|
358
|
+
*
|
|
359
|
+
* TODO: Make visible when true sizing of all calendar elements is implemented
|
|
360
|
+
* Sets the size of the component.
|
|
361
|
+
*
|
|
362
|
+
* The possible values are:
|
|
363
|
+
* * `small`
|
|
364
|
+
* * `medium` (Default)
|
|
365
|
+
* * `large`
|
|
366
|
+
* * `none`
|
|
367
|
+
*
|
|
368
|
+
*/
|
|
369
|
+
set size(size: DateInputSize);
|
|
370
|
+
get size(): DateInputSize;
|
|
371
|
+
private _size;
|
|
355
372
|
navigationView: NavigationComponent;
|
|
356
373
|
monthView: ViewListComponent;
|
|
357
374
|
multiViewCalendar: MultiViewCalendarComponent;
|
|
@@ -534,5 +551,5 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
|
|
|
534
551
|
private parseSelectionToValue;
|
|
535
552
|
private performSelection;
|
|
536
553
|
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
|
|
537
|
-
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>;
|
|
554
|
+
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>;
|
|
538
555
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@progress/kendo-angular-navigation";
|
|
7
|
+
import * as i2 from "@progress/kendo-angular-common";
|
|
8
|
+
import * as i3 from "@progress/kendo-angular-buttons";
|
|
9
|
+
import * as i4 from "@progress/kendo-angular-inputs";
|
|
10
|
+
/**
|
|
11
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
12
|
+
* definition for the modules specific to the Adaptive Mode.
|
|
13
|
+
*/
|
|
14
|
+
export declare class AdaptiveModule {
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveModule, never>;
|
|
16
|
+
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]>;
|
|
17
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AdaptiveModule>;
|
|
18
|
+
}
|
|
@@ -23,11 +23,13 @@ import { NavigationItemTemplateDirective } from '../calendar/templates/navigatio
|
|
|
23
23
|
import { PickerService } from '../common/picker.service';
|
|
24
24
|
import { DisabledDatesService } from '../calendar/services/disabled-dates.service';
|
|
25
25
|
import { DateInputFormatPlaceholder } from '../dateinput/models/format-placeholder.model';
|
|
26
|
+
import { AdaptiveMode } from '../util';
|
|
26
27
|
import { DateInputComponent } from '../dateinput/dateinput.component';
|
|
27
28
|
import { DateInputSize } from '../common/models/size';
|
|
28
29
|
import { DateInputRounded } from '../common/models/rounded';
|
|
29
30
|
import { DateInputFillMode } from '../common/models/fillmode';
|
|
30
31
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
32
|
+
import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
|
|
31
33
|
import * as i0 from "@angular/core";
|
|
32
34
|
/**
|
|
33
35
|
* 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
|
|
|
50
52
|
container: ViewContainerRef;
|
|
51
53
|
popupTemplate: TemplateRef<any>;
|
|
52
54
|
toggleButton: ElementRef;
|
|
55
|
+
actionSheet: ActionSheetComponent;
|
|
53
56
|
/**
|
|
54
57
|
* @hidden
|
|
55
58
|
*/
|
|
@@ -187,7 +190,9 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
187
190
|
* and determines whether the navigation side-bar is displayed.
|
|
188
191
|
* ([see example]({% slug sidebar_datepicker %})).
|
|
189
192
|
*/
|
|
190
|
-
navigation: boolean;
|
|
193
|
+
set navigation(state: boolean);
|
|
194
|
+
get navigation(): boolean;
|
|
195
|
+
private _navigation;
|
|
191
196
|
/**
|
|
192
197
|
* Specifies the smallest valid date
|
|
193
198
|
* ([see example]({% slug dateranges_datepicker %})).
|
|
@@ -309,9 +314,17 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
309
314
|
set disabledDates(value: ((date: Date) => boolean) | Date[] | Day[]);
|
|
310
315
|
get disabledDates(): ((date: Date) => boolean) | Date[] | Day[];
|
|
311
316
|
/**
|
|
312
|
-
* Sets the title of the input element of the DatePicker
|
|
317
|
+
* Sets the title of the input element of the DatePicker and the title text rendered
|
|
318
|
+
* in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
|
|
313
319
|
*/
|
|
314
320
|
title: string;
|
|
321
|
+
/**
|
|
322
|
+
* Sets the subtitle text rendered in the header of the popup(action sheet).
|
|
323
|
+
* Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
|
|
324
|
+
*/
|
|
325
|
+
set subtitle(subtitle: string);
|
|
326
|
+
get subtitle(): string;
|
|
327
|
+
private _subtitle;
|
|
315
328
|
/**
|
|
316
329
|
* Determines whether the built-in min or max validators are enforced when validating a form.
|
|
317
330
|
*/
|
|
@@ -364,6 +377,10 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
364
377
|
*/
|
|
365
378
|
set fillMode(fillMode: DateInputFillMode);
|
|
366
379
|
get fillMode(): DateInputFillMode;
|
|
380
|
+
/**
|
|
381
|
+
* Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
|
|
382
|
+
*/
|
|
383
|
+
adaptiveMode: AdaptiveMode;
|
|
367
384
|
/**
|
|
368
385
|
* Fires each time the user selects a new value
|
|
369
386
|
* ([more information and example]({% slug overview_datepicker %}#toc-events)).
|
|
@@ -439,6 +456,10 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
439
456
|
set isActive(value: boolean);
|
|
440
457
|
get show(): boolean;
|
|
441
458
|
set show(show: boolean);
|
|
459
|
+
/**
|
|
460
|
+
* @hidden
|
|
461
|
+
*/
|
|
462
|
+
xIcon: SVGIcon;
|
|
442
463
|
private _popupSettings;
|
|
443
464
|
private _show;
|
|
444
465
|
private _value;
|
|
@@ -456,11 +477,13 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
456
477
|
private pickerSubscriptions;
|
|
457
478
|
private localizationChangeSubscription;
|
|
458
479
|
private windowBlurSubscription;
|
|
480
|
+
private ariaActiveDescendantSubscription;
|
|
459
481
|
private control;
|
|
460
482
|
private domEvents;
|
|
461
483
|
private _size;
|
|
462
484
|
private _rounded;
|
|
463
485
|
private _fillMode;
|
|
486
|
+
private windowSize;
|
|
464
487
|
constructor(zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, popupService: PopupService, wrapper: ElementRef, renderer: Renderer2, injector: Injector, pickerService: PickerService, disabledDatesService: DisabledDatesService, touchEnabled: boolean);
|
|
465
488
|
/**
|
|
466
489
|
* @hidden
|
|
@@ -481,7 +504,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
481
504
|
*/
|
|
482
505
|
ngOnDestroy(): void;
|
|
483
506
|
/**
|
|
484
|
-
*
|
|
507
|
+
* Indicates whether the component is currently open. That is when the popup or actionSheet is open.
|
|
485
508
|
*/
|
|
486
509
|
get isOpen(): boolean;
|
|
487
510
|
/**
|
|
@@ -510,6 +533,14 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
510
533
|
* @hidden
|
|
511
534
|
*/
|
|
512
535
|
registerOnValidatorChange(fn: Function): void;
|
|
536
|
+
/**
|
|
537
|
+
* @hidden
|
|
538
|
+
*/
|
|
539
|
+
handleActionSheetCollapse(): void;
|
|
540
|
+
/**
|
|
541
|
+
* @hidden
|
|
542
|
+
*/
|
|
543
|
+
handleActionSheetClick(e: PointerEvent): void;
|
|
513
544
|
/**
|
|
514
545
|
* Focuses the DatePicker component.
|
|
515
546
|
*
|
|
@@ -531,7 +562,8 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
531
562
|
*/
|
|
532
563
|
blur(): void;
|
|
533
564
|
/**
|
|
534
|
-
* Toggles the visibility of the popup
|
|
565
|
+
* Toggles the visibility of the popup or actionSheet.
|
|
566
|
+
* If you use the `toggle` method to show or hide the popup or actionSheet,
|
|
535
567
|
* the `open` and `close` events do not fire.
|
|
536
568
|
*
|
|
537
569
|
* @param show - The state of the popup.
|
|
@@ -541,6 +573,10 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
541
573
|
* @hidden
|
|
542
574
|
*/
|
|
543
575
|
handleIconClick(event: MouseEvent): void;
|
|
576
|
+
/**
|
|
577
|
+
* @hidden
|
|
578
|
+
*/
|
|
579
|
+
handleDateInputClick(): void;
|
|
544
580
|
/**
|
|
545
581
|
* @hidden
|
|
546
582
|
*/
|
|
@@ -563,6 +599,18 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
563
599
|
get appendTo(): ViewContainerRef;
|
|
564
600
|
get input(): DateInputComponent;
|
|
565
601
|
get calendar(): any;
|
|
602
|
+
/**
|
|
603
|
+
* @hidden
|
|
604
|
+
*/
|
|
605
|
+
get isAdaptiveModeEnabled(): boolean;
|
|
606
|
+
/**
|
|
607
|
+
* @hidden
|
|
608
|
+
*/
|
|
609
|
+
get isAdaptive(): boolean;
|
|
610
|
+
/**
|
|
611
|
+
* @hidden
|
|
612
|
+
*/
|
|
613
|
+
onResize(): void;
|
|
566
614
|
/**
|
|
567
615
|
* @hidden
|
|
568
616
|
*/
|
|
@@ -571,8 +619,11 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
571
619
|
* @hidden
|
|
572
620
|
*/
|
|
573
621
|
handleKeydown(e: any): void;
|
|
622
|
+
private toggleCalendar;
|
|
574
623
|
private togglePopup;
|
|
575
|
-
private
|
|
624
|
+
private toggleActionSheet;
|
|
625
|
+
private updateActionSheetAdaptiveAppearance;
|
|
626
|
+
private setAriaActiveDescendant;
|
|
576
627
|
private focusInput;
|
|
577
628
|
private toggleFocus;
|
|
578
629
|
private verifySettings;
|
|
@@ -586,5 +637,5 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
|
|
|
586
637
|
private handleDateCompletenessChange;
|
|
587
638
|
private setComponentClasses;
|
|
588
639
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
|
|
589
|
-
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>;
|
|
640
|
+
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>;
|
|
590
641
|
}
|
|
@@ -14,12 +14,13 @@ import * as i8 from "@progress/kendo-angular-popup";
|
|
|
14
14
|
import * as i9 from "../calendar/templates.module";
|
|
15
15
|
import * as i10 from "@progress/kendo-angular-common";
|
|
16
16
|
import * as i11 from "@progress/kendo-angular-icons";
|
|
17
|
+
import * as i12 from "../common/adaptive.module";
|
|
17
18
|
/**
|
|
18
19
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
19
20
|
* definition for the DatePicker component.
|
|
20
21
|
*/
|
|
21
22
|
export declare class DatePickerModule {
|
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerModule, never>;
|
|
23
|
-
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]>;
|
|
24
|
+
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]>;
|
|
24
25
|
static ɵinj: i0.ɵɵInjectorDeclaration<DatePickerModule>;
|
|
25
26
|
}
|
|
@@ -2,12 +2,17 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, NgZone, OnInit, OnDestroy, ViewContainerRef, QueryList } from '@angular/core';
|
|
5
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, NgZone, OnInit, OnDestroy, ViewContainerRef, QueryList, Renderer2 } from '@angular/core';
|
|
6
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
7
|
import { Align, Collision, Margin, PopupAnimation, PopupService, PopupRef } from '@progress/kendo-angular-popup';
|
|
7
8
|
import { DateRangePopupTemplateDirective } from './date-range-popup-template.directive';
|
|
8
9
|
import { DateRangeService } from './date-range.service';
|
|
9
10
|
import { MultiViewCalendarComponent } from '../calendar/multiview-calendar.component';
|
|
10
11
|
import { PreventableEvent } from '../preventable-event';
|
|
12
|
+
import { AdaptiveMode } from '../util';
|
|
13
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
14
|
+
import { DateRangeSelectionDirective } from './date-range-selection.directive';
|
|
15
|
+
import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
|
|
11
16
|
import * as i0 from "@angular/core";
|
|
12
17
|
/**
|
|
13
18
|
* Represents the Kendo UI DateRangePopup component for Angular.
|
|
@@ -33,10 +38,15 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
33
38
|
private dateRangeService;
|
|
34
39
|
private ref;
|
|
35
40
|
private zone;
|
|
41
|
+
private renderer;
|
|
42
|
+
localization: LocalizationService;
|
|
43
|
+
private cdr;
|
|
36
44
|
private rtl;
|
|
37
45
|
container: ViewContainerRef;
|
|
46
|
+
actionSheet: ActionSheetComponent;
|
|
38
47
|
defaultTemplate: TemplateRef<any>;
|
|
39
48
|
contentTemplate: DateRangePopupTemplateDirective;
|
|
49
|
+
dateRangeSelectionDirective: DateRangeSelectionDirective;
|
|
40
50
|
viewCalendar: QueryList<MultiViewCalendarComponent>;
|
|
41
51
|
contentCalendar: QueryList<MultiViewCalendarComponent>;
|
|
42
52
|
/**
|
|
@@ -79,6 +89,22 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
79
89
|
* and leaves a blank space between the popup and the anchor.
|
|
80
90
|
*/
|
|
81
91
|
margin: Margin;
|
|
92
|
+
/**
|
|
93
|
+
* Enables or disables the adaptive mode. By default the adaptive rendering is disabled.
|
|
94
|
+
*/
|
|
95
|
+
adaptiveMode: AdaptiveMode;
|
|
96
|
+
/**
|
|
97
|
+
* Sets the title of the input element of the DateRangePopup and the title text rendered
|
|
98
|
+
* in the header of the popup(action sheet). Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
|
|
99
|
+
*/
|
|
100
|
+
title: string;
|
|
101
|
+
/**
|
|
102
|
+
* Sets the subtitle text rendered in the header of the popup(action sheet).
|
|
103
|
+
* Applicable only when [`AdaptiveMode` is set to `auto`](slug:api_dateinputs_adaptivemode).
|
|
104
|
+
*/
|
|
105
|
+
set subtitle(subtitle: string);
|
|
106
|
+
get subtitle(): string;
|
|
107
|
+
private _subtitle;
|
|
82
108
|
/**
|
|
83
109
|
* Fires each time the popup is about to open.
|
|
84
110
|
* 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 {
|
|
|
117
143
|
* When the opened calendar is active, returns `true`.
|
|
118
144
|
*/
|
|
119
145
|
get isActive(): boolean;
|
|
146
|
+
/**
|
|
147
|
+
* @hidden
|
|
148
|
+
*/
|
|
149
|
+
get isAdaptiveModeEnabled(): boolean;
|
|
150
|
+
/**
|
|
151
|
+
* @hidden
|
|
152
|
+
*/
|
|
153
|
+
get isAdaptive(): boolean;
|
|
120
154
|
/**
|
|
121
155
|
* @hidden
|
|
122
156
|
*/
|
|
@@ -125,6 +159,10 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
125
159
|
* @hidden
|
|
126
160
|
*/
|
|
127
161
|
popupUID: string;
|
|
162
|
+
/**
|
|
163
|
+
* @hidden
|
|
164
|
+
*/
|
|
165
|
+
xIcon: SVGIcon;
|
|
128
166
|
/**
|
|
129
167
|
* Gets or sets the visibility state of the component.
|
|
130
168
|
*/
|
|
@@ -136,10 +174,12 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
136
174
|
private calendarSubscriptions;
|
|
137
175
|
private popupSubscriptions;
|
|
138
176
|
private windowBlurSubscription;
|
|
177
|
+
private localizationSubscriptions;
|
|
139
178
|
private resolvedPromise;
|
|
140
179
|
private _calendar;
|
|
141
180
|
private _show;
|
|
142
|
-
|
|
181
|
+
private windowSize;
|
|
182
|
+
constructor(popupService: PopupService, dateRangeService: DateRangeService, ref: ChangeDetectorRef, zone: NgZone, renderer: Renderer2, localization: LocalizationService, cdr: ChangeDetectorRef, rtl: boolean);
|
|
143
183
|
ngOnInit(): void;
|
|
144
184
|
ngAfterViewInit(): void;
|
|
145
185
|
ngOnDestroy(): void;
|
|
@@ -158,8 +198,8 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
158
198
|
*/
|
|
159
199
|
hasActiveContent(): boolean;
|
|
160
200
|
/**
|
|
161
|
-
* Toggles the visibility of the popup.
|
|
162
|
-
* If you use the `toggle` method to show or hide the popup,
|
|
201
|
+
* Toggles the visibility of the popup or actionSheet.
|
|
202
|
+
* If you use the `toggle` method to show or hide the popup or actionSheet,
|
|
163
203
|
* the `open` and `close` events do not fire.
|
|
164
204
|
*
|
|
165
205
|
* @param show The state of the popup.
|
|
@@ -171,14 +211,25 @@ export declare class DateRangePopupComponent implements OnInit, OnDestroy {
|
|
|
171
211
|
* Closes the popup and triggers the `cancel` event.
|
|
172
212
|
*/
|
|
173
213
|
cancelPopup(): void;
|
|
214
|
+
/**
|
|
215
|
+
* @hidden
|
|
216
|
+
*/
|
|
217
|
+
handleAccept(): void;
|
|
218
|
+
/**
|
|
219
|
+
* @hidden
|
|
220
|
+
*/
|
|
221
|
+
onResize(): void;
|
|
174
222
|
private handleWindowBlur;
|
|
175
223
|
private handleMouseLeave;
|
|
176
224
|
private handleKeydown;
|
|
177
225
|
private subscribeFocusBlur;
|
|
178
226
|
private addPopupSubscriptions;
|
|
179
227
|
private get _appendTo();
|
|
180
|
-
private
|
|
228
|
+
private togglePopup;
|
|
181
229
|
private destroyPopup;
|
|
182
|
-
|
|
183
|
-
|
|
230
|
+
private toggleDateRange;
|
|
231
|
+
private toggleActionSheet;
|
|
232
|
+
private updateActionSheetAdaptiveAppearance;
|
|
233
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
|
|
234
|
+
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>;
|
|
184
235
|
}
|
|
@@ -45,6 +45,11 @@ export declare class DateRangeSelectionDirective implements OnInit {
|
|
|
45
45
|
*/
|
|
46
46
|
get activeRangeEnd(): SelectionRangeEnd;
|
|
47
47
|
set activeRangeEnd(activeRange: SelectionRangeEnd);
|
|
48
|
+
/**
|
|
49
|
+
* @hidden
|
|
50
|
+
* When in adaptive mode range should not be set automatically on calendar value change but only on accept
|
|
51
|
+
*/
|
|
52
|
+
shouldSetRange: boolean;
|
|
48
53
|
/**
|
|
49
54
|
* Fires when the active range end is changed. For more information, refer to
|
|
50
55
|
* the section on [events]({% slug overview_multiviewcalendar %}#toc-events).
|
|
@@ -57,13 +62,18 @@ export declare class DateRangeSelectionDirective implements OnInit {
|
|
|
57
62
|
selectionRangeChange: EventEmitter<SelectionRange>;
|
|
58
63
|
private get calendarRange();
|
|
59
64
|
private calendarSubscriptions;
|
|
65
|
+
private range;
|
|
60
66
|
constructor(calendar: MultiViewCalendarComponent, cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, dateRangeService: DateRangeService);
|
|
61
67
|
ngOnInit(): void;
|
|
62
68
|
ngOnDestroy(): void;
|
|
69
|
+
/**
|
|
70
|
+
* @hidden
|
|
71
|
+
*/
|
|
72
|
+
handleChange(value: Date): void;
|
|
73
|
+
setRange(range?: SelectionRange): void;
|
|
63
74
|
private addSubscriptions;
|
|
64
75
|
private isEqualCalendarRange;
|
|
65
76
|
private handleBlur;
|
|
66
|
-
private handleChange;
|
|
67
77
|
private handleHover;
|
|
68
78
|
private hasCompleteRange;
|
|
69
79
|
private shouldAutoCorrect;
|
|
@@ -72,5 +82,5 @@ export declare class DateRangeSelectionDirective implements OnInit {
|
|
|
72
82
|
private setSelectionRange;
|
|
73
83
|
private acceptAndEmit;
|
|
74
84
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeSelectionDirective, [null, null, null, null, { optional: true; }]>;
|
|
75
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": "autoCorrectOn"; "selectionRange": "selectionRange"; "activeRangeEnd": "activeRangeEnd"; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never>;
|
|
85
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeSelectionDirective, "[kendoDateRangeSelection]", never, { "autoCorrectOn": "autoCorrectOn"; "selectionRange": "selectionRange"; "activeRangeEnd": "activeRangeEnd"; "shouldSetRange": "shouldSetRange"; }, { "activeRangeEndChange": "activeRangeEndChange"; "selectionRangeChange": "selectionRangeChange"; }, never>;
|
|
76
86
|
}
|
|
@@ -9,11 +9,14 @@ import * as i3 from "./date-range-popup-template.directive";
|
|
|
9
9
|
import * as i4 from "./date-range-selection.directive";
|
|
10
10
|
import * as i5 from "./date-range-start-input.directive";
|
|
11
11
|
import * as i6 from "./date-range-end-input.directive";
|
|
12
|
-
import * as i7 from "
|
|
13
|
-
import * as i8 from "
|
|
14
|
-
import * as i9 from "
|
|
15
|
-
import * as i10 from "
|
|
16
|
-
import * as i11 from "
|
|
12
|
+
import * as i7 from "./localization/daterange-popup-custom-messages.component";
|
|
13
|
+
import * as i8 from "./localization/daterange-popup-localized-messages.directive";
|
|
14
|
+
import * as i9 from "@angular/common";
|
|
15
|
+
import * as i10 from "../calendar/multiview-calendar.module";
|
|
16
|
+
import * as i11 from "../dateinput/dateinput.module";
|
|
17
|
+
import * as i12 from "@progress/kendo-angular-popup";
|
|
18
|
+
import * as i13 from "@progress/kendo-angular-common";
|
|
19
|
+
import * as i14 from "../common/adaptive.module";
|
|
17
20
|
/**
|
|
18
21
|
* The exported package module.
|
|
19
22
|
*
|
|
@@ -54,6 +57,6 @@ import * as i11 from "@progress/kendo-angular-common";
|
|
|
54
57
|
*/
|
|
55
58
|
export declare class DateRangeModule {
|
|
56
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeModule, never>;
|
|
57
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DateRangeModule, [typeof i1.DateRangeComponent, typeof i2.DateRangePopupComponent, typeof i3.DateRangePopupTemplateDirective, typeof i4.DateRangeSelectionDirective, typeof i5.DateRangeStartInputDirective, typeof i6.DateRangeEndInputDirective], [typeof
|
|
60
|
+
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]>;
|
|
58
61
|
static ɵinj: i0.ɵɵInjectorDeclaration<DateRangeModule>;
|
|
59
62
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
+
import { DateRangePopupMessages } from './messages';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
|
|
10
|
+
*/
|
|
11
|
+
export declare class DateRangePopupCustomMessagesComponent extends DateRangePopupMessages {
|
|
12
|
+
protected service: LocalizationService;
|
|
13
|
+
constructor(service: LocalizationService);
|
|
14
|
+
protected get override(): boolean;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupCustomMessagesComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePopupCustomMessagesComponent, "kendo-daterange-popup-messages", never, {}, {}, never, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
+
import { DateRangePopupMessages } from './messages';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare class DateRangePopupLocalizedMessagesDirective extends DateRangePopupMessages {
|
|
12
|
+
protected service: LocalizationService;
|
|
13
|
+
constructor(service: LocalizationService);
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupLocalizedMessagesDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupLocalizedMessagesDirective, "[kendoDateRangePopupLocalizedMessages]", never, {}, {}, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
export declare class DateRangePopupMessages extends ComponentMessages {
|
|
11
|
+
/**
|
|
12
|
+
* The text of the **Accept** button in the popup footer of the DateRange Popup.
|
|
13
|
+
*/
|
|
14
|
+
accept: string;
|
|
15
|
+
/**
|
|
16
|
+
* The label of the **Accept** button in the popup footer of the DateRange Popup.
|
|
17
|
+
*/
|
|
18
|
+
acceptLabel: string;
|
|
19
|
+
/**
|
|
20
|
+
* The text of the **Cancel** button in the popup footer of the DateRange Popup.
|
|
21
|
+
*/
|
|
22
|
+
cancel: string;
|
|
23
|
+
/**
|
|
24
|
+
* The label of the **Cancel** button in the popup footer of the DateRange Popup.
|
|
25
|
+
*/
|
|
26
|
+
cancelLabel: string;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePopupMessages, never>;
|
|
28
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangePopupMessages, "kendo-daterangepopup-messages-base", never, { "accept": "accept"; "acceptLabel": "acceptLabel"; "cancel": "cancel"; "cancelLabel": "cancelLabel"; }, {}, never>;
|
|
29
|
+
}
|