@progress/kendo-angular-dateinputs 7.1.3-dev.202210121001 → 7.1.3-dev.202210260703

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.
Files changed (56) hide show
  1. package/bundles/kendo-angular-dateinputs.umd.js +1 -1
  2. package/calendar/calendar.component.d.ts +7 -2
  3. package/calendar/header.component.d.ts +4 -1
  4. package/calendar/horizontal-view-list.component.d.ts +17 -1
  5. package/calendar/localization/calendar-messages.d.ts +5 -1
  6. package/calendar/localization/multiview-calendar-messages.d.ts +5 -1
  7. package/calendar/multiview-calendar.component.d.ts +21 -11
  8. package/calendar/services/bus-view.service.d.ts +1 -0
  9. package/calendar/services/selection.service.d.ts +2 -0
  10. package/calendar/services/weeknames.service.d.ts +1 -1
  11. package/calendar/view-list.component.d.ts +9 -1
  12. package/calendar/view.component.d.ts +3 -1
  13. package/common/utils.d.ts +33 -0
  14. package/dateinput/dateinput.component.d.ts +22 -8
  15. package/datepicker/datepicker.component.d.ts +2 -10
  16. package/daterange/date-range-end-input.directive.d.ts +1 -0
  17. package/daterange/date-range-input.d.ts +4 -1
  18. package/daterange/date-range-start-input.directive.d.ts +2 -0
  19. package/daterange/date-range.component.d.ts +7 -1
  20. package/daterange/date-range.service.d.ts +6 -2
  21. package/datetimepicker/datetimepicker.component.d.ts +6 -9
  22. package/esm2015/calendar/calendar.component.js +88 -48
  23. package/esm2015/calendar/header.component.js +30 -3
  24. package/esm2015/calendar/horizontal-view-list.component.js +83 -11
  25. package/esm2015/calendar/localization/calendar-messages.js +3 -1
  26. package/esm2015/calendar/localization/multiview-calendar-messages.js +3 -1
  27. package/esm2015/calendar/multiview-calendar.component.js +91 -45
  28. package/esm2015/calendar/services/bus-view.service.js +2 -0
  29. package/esm2015/calendar/services/month-view.service.js +1 -1
  30. package/esm2015/calendar/services/selection.service.js +4 -0
  31. package/esm2015/calendar/services/weeknames.service.js +2 -2
  32. package/esm2015/calendar/view-list.component.js +45 -9
  33. package/esm2015/calendar/view.component.js +16 -3
  34. package/esm2015/common/utils.js +34 -0
  35. package/esm2015/dateinput/dateinput.component.js +68 -34
  36. package/esm2015/datepicker/datepicker.component.js +27 -20
  37. package/esm2015/daterange/date-range-end-input.directive.js +6 -1
  38. package/esm2015/daterange/date-range-input.js +10 -0
  39. package/esm2015/daterange/date-range-popup.component.js +4 -4
  40. package/esm2015/daterange/date-range-selection.directive.js +1 -1
  41. package/esm2015/daterange/date-range-start-input.directive.js +9 -0
  42. package/esm2015/daterange/date-range.component.js +29 -11
  43. package/esm2015/daterange/date-range.service.js +28 -4
  44. package/esm2015/datetimepicker/datetimepicker.component.js +38 -20
  45. package/esm2015/package-metadata.js +1 -1
  46. package/esm2015/timepicker/localization/messages.js +11 -1
  47. package/esm2015/timepicker/timelist.component.js +57 -10
  48. package/esm2015/timepicker/timepicker.component.js +75 -32
  49. package/esm2015/util.js +2 -2
  50. package/esm2015/virtualization/virtualization.component.js +7 -5
  51. package/fesm2015/kendo-angular-dateinputs.js +811 -320
  52. package/package.json +1 -1
  53. package/timepicker/localization/messages.d.ts +21 -1
  54. package/timepicker/timelist.component.d.ts +10 -1
  55. package/timepicker/timepicker.component.d.ts +7 -13
  56. package/virtualization/virtualization.component.d.ts +3 -1
@@ -81,6 +81,10 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
81
81
  * > If the Calendar is out of the min or max range, it normalizes the defined `focusedDate`.
82
82
  */
83
83
  set focusedDate(focusedDate: Date);
84
+ /**
85
+ * @hidden
86
+ */
87
+ get headerId(): string;
84
88
  get focusedDate(): Date;
85
89
  /**
86
90
  * Sets or gets the `min` property of the Calendar and
@@ -368,7 +372,6 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
368
372
  get bottomViewEnum(): CalendarViewEnum;
369
373
  get topViewEnum(): CalendarViewEnum;
370
374
  get widgetId(): string;
371
- get calendarTabIndex(): number;
372
375
  get ariaDisabled(): boolean;
373
376
  private domEvents;
374
377
  private control;
@@ -377,6 +380,7 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
377
380
  private destroyed;
378
381
  private localizationChangeSubscription;
379
382
  private activeViewDate;
383
+ private currentlyFocusedElement;
380
384
  constructor(bus: BusViewService, dom: CalendarDOMService, element: ElementRef, navigator: NavigationService, renderer: Renderer2, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector, scrollSyncService: ScrollSyncService, disabledDatesService: DisabledDatesService, localization: LocalizationService, selectionService: SelectionService, pickerService?: PickerService);
381
385
  ngOnInit(): void;
382
386
  ngOnChanges(changes: any): void;
@@ -388,7 +392,7 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
388
392
  */
389
393
  onResize(): void;
390
394
  /**
391
- * Focuses the host element of the Calendar.
395
+ * Focuses the Calendar by making the table.k-calendar-table element active.
392
396
  *
393
397
  * @example
394
398
  * ```ts
@@ -511,6 +515,7 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
511
515
  private emitFocus;
512
516
  private handleComponentClick;
513
517
  private handleKeydown;
518
+ private focusToday;
514
519
  private detectChanges;
515
520
  private emitSameDate;
516
521
  private setAriaActivedescendant;
@@ -27,6 +27,7 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
27
27
  title: string;
28
28
  prevButtonTitle: string;
29
29
  nextButtonTitle: string;
30
+ parentViewButtonTitle: string;
30
31
  activeView: CalendarViewEnum;
31
32
  currentDate: Date;
32
33
  min: Date;
@@ -37,6 +38,7 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
37
38
  isNextDisabled: boolean;
38
39
  showNavigationButtons: boolean;
39
40
  orientation: CalendarOrientation;
41
+ id: string;
40
42
  todayButtonClick: EventEmitter<Date>;
41
43
  prevButtonClick: EventEmitter<any>;
42
44
  nextButtonClick: EventEmitter<any>;
@@ -50,10 +52,11 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
50
52
  ngOnDestroy(): void;
51
53
  handleTodayClick(): void;
52
54
  handleNavigation(): void;
55
+ isDisabled(): string;
53
56
  private intlChange;
54
57
  private l10nChange;
55
58
  private getTitle;
56
59
  private setTodayAvailability;
57
60
  static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
58
- static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kendo-calendar-header", never, { "activeView": "activeView"; "currentDate": "currentDate"; "min": "min"; "max": "max"; "rangeLength": "rangeLength"; "templateRef": "templateRef"; "isPrevDisabled": "isPrevDisabled"; "isNextDisabled": "isNextDisabled"; "showNavigationButtons": "showNavigationButtons"; "orientation": "orientation"; }, { "todayButtonClick": "todayButtonClick"; "prevButtonClick": "prevButtonClick"; "nextButtonClick": "nextButtonClick"; }, never, never>;
61
+ static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kendo-calendar-header", never, { "activeView": "activeView"; "currentDate": "currentDate"; "min": "min"; "max": "max"; "rangeLength": "rangeLength"; "templateRef": "templateRef"; "isPrevDisabled": "isPrevDisabled"; "isNextDisabled": "isNextDisabled"; "showNavigationButtons": "showNavigationButtons"; "orientation": "orientation"; "id": "id"; }, { "todayButtonClick": "todayButtonClick"; "prevButtonClick": "prevButtonClick"; "nextButtonClick": "nextButtonClick"; }, never, never>;
59
62
  }
@@ -23,6 +23,10 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
23
23
  private cdr;
24
24
  private element;
25
25
  private renderer;
26
+ /**
27
+ * @hidden
28
+ */
29
+ handleFocus(): void;
26
30
  cellTemplateRef: TemplateRef<any>;
27
31
  weekNumberTemplateRef: TemplateRef<any>;
28
32
  activeRangeEnd: SelectionRangeEnd;
@@ -38,6 +42,10 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
38
42
  showViewHeader: boolean;
39
43
  animateNavigation: boolean;
40
44
  orientation: CalendarOrientation;
45
+ activeDescendant: string;
46
+ tabIndex: number;
47
+ disabled: boolean;
48
+ id: string;
41
49
  get weekNumber(): boolean;
42
50
  set weekNumber(showWeekNumbers: boolean);
43
51
  cellClick: EventEmitter<any>;
@@ -45,6 +53,9 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
45
53
  cellEnter: EventEmitter<Date>;
46
54
  cellLeave: EventEmitter<Date>;
47
55
  activeDateChange: EventEmitter<Date>;
56
+ focusCalendar: EventEmitter<void>;
57
+ blurCalendar: EventEmitter<any>;
58
+ focusedCellChange: EventEmitter<string>;
48
59
  getComponentClass: boolean;
49
60
  get horizontalHostClass(): boolean;
50
61
  get verticalHostClass(): boolean;
@@ -52,8 +63,11 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
52
63
  get getComponentYearClass(): boolean;
53
64
  get getComponentDecadeClass(): boolean;
54
65
  get getComponentCenturyClass(): boolean;
66
+ get getActiveDescendant(): string;
67
+ get getTabIndex(): number;
55
68
  service: ViewService;
56
69
  weekNames: string[];
70
+ wideWeekNames: string[];
57
71
  activeDate: Date;
58
72
  dates: Date[];
59
73
  skip: number;
@@ -74,6 +88,7 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
74
88
  animateView(action: Action): void;
75
89
  navigate(action: Action): Date;
76
90
  canNavigate(action: Action): boolean;
91
+ private getWeekNames;
77
92
  private setTableMinWidth;
78
93
  private intlChange;
79
94
  private clampDate;
@@ -81,6 +96,7 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
81
96
  private isListInRange;
82
97
  private isInDates;
83
98
  private getTake;
99
+ private setAriaActivedescendant;
84
100
  static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalViewListComponent, never>;
85
- static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalViewListComponent, "kendo-calendar-horizontal", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "activeRangeEnd": "activeRangeEnd"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectionRange": "selectionRange"; "selectedDates": "selectedDates"; "views": "views"; "showViewHeader": "showViewHeader"; "animateNavigation": "animateNavigation"; "orientation": "orientation"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "activeDateChange": "activeDateChange"; }, never, never>;
101
+ static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalViewListComponent, "kendo-calendar-horizontal", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "activeRangeEnd": "activeRangeEnd"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectionRange": "selectionRange"; "selectedDates": "selectedDates"; "views": "views"; "showViewHeader": "showViewHeader"; "animateNavigation": "animateNavigation"; "orientation": "orientation"; "activeDescendant": "activeDescendant"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "activeDateChange": "activeDateChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never>;
86
102
  }
@@ -20,6 +20,10 @@ export declare class CalendarMessages extends ComponentMessages {
20
20
  * The title of the **Next** button in the header of the Classic Calendar.
21
21
  */
22
22
  nextButtonTitle: string;
23
+ /**
24
+ * The title of the **Parent View** button in the header of the Calendar.
25
+ */
26
+ parentViewButtonTitle: string;
23
27
  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarMessages, never>;
24
- static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarMessages, "kendo-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; }, {}, never>;
28
+ static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarMessages, "kendo-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never>;
25
29
  }
@@ -20,6 +20,10 @@ export declare class Messages extends ComponentMessages {
20
20
  * The title of the **Next** button in the header of the MultiViewCalendar.
21
21
  */
22
22
  nextButtonTitle: string;
23
+ /**
24
+ * The title of the **Parent View** button in the header of the MultiViewCalendar.
25
+ */
26
+ parentViewButtonTitle: string;
23
27
  static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
24
- static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-multiview-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; }, {}, never>;
28
+ static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendo-multiview-calendar-messages-base", never, { "today": "today"; "prevButtonTitle": "prevButtonTitle"; "nextButtonTitle": "nextButtonTitle"; "parentViewButtonTitle": "parentViewButtonTitle"; }, {}, never>;
25
29
  }
@@ -7,7 +7,6 @@ import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms
7
7
  import { Day } from '@progress/kendo-date-math';
8
8
  import { HorizontalViewListComponent } from './horizontal-view-list.component';
9
9
  import { BusViewService } from './services/bus-view.service';
10
- import { NavigationService } from './services/navigation.service';
11
10
  import { SelectionService } from './services/selection.service';
12
11
  import { DisabledDatesService } from './services/disabled-dates.service';
13
12
  import { CellTemplateDirective } from './templates/cell-template.directive';
@@ -25,6 +24,7 @@ import { SelectionRangeEnd } from './models/selection-range-end.type';
25
24
  import { SelectionRange } from './models/selection-range.interface';
26
25
  import { CalendarSelection } from './models/selection';
27
26
  import { CalendarOrientation } from './models/orientation';
27
+ import { NavigationService } from './services/navigation.service';
28
28
  import * as i0 from "@angular/core";
29
29
  /**
30
30
  * @hidden
@@ -70,6 +70,18 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
70
70
  */
71
71
  set focusedDate(focusedDate: Date);
72
72
  get focusedDate(): Date;
73
+ /**
74
+ * @hidden
75
+ */
76
+ get headerId(): string;
77
+ /**
78
+ * @hidden
79
+ */
80
+ get multiViewCalendarHeaderIdLabel(): string;
81
+ /**
82
+ * @hidden
83
+ */
84
+ get calendarHeaderIdLabel(): string;
73
85
  /**
74
86
  * Sets or gets the `min` property of the Calendar and
75
87
  * defines the minimum allowed date value.
@@ -133,10 +145,6 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
133
145
  * @hidden
134
146
  */
135
147
  isActive: boolean;
136
- /**
137
- * @hidden
138
- */
139
- isHeaderActive: boolean;
140
148
  /**
141
149
  * Sets the dates of the MultiViewCalendar that will be disabled
142
150
  * ([see example]({% slug disabled_dates_multiviewcalendar %})).
@@ -234,6 +242,10 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
234
242
  * @hidden
235
243
  */
236
244
  blurEvent: EventEmitter<any>;
245
+ /**
246
+ * @hidden
247
+ */
248
+ focusCalendar: EventEmitter<any>;
237
249
  /**
238
250
  * @hidden
239
251
  *
@@ -374,8 +386,10 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
374
386
  get bottomViewEnum(): CalendarViewEnum;
375
387
  get topViewEnum(): CalendarViewEnum;
376
388
  get widgetId(): string;
377
- get calendarTabIndex(): number;
378
389
  get ariaDisabled(): boolean;
390
+ /**
391
+ * @hidden
392
+ */
379
393
  get ariaActivedescendant(): string;
380
394
  /**
381
395
  * @hidden
@@ -430,10 +444,6 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
430
444
  * Blurs the Calendar component.
431
445
  */
432
446
  blur(): void;
433
- /**
434
- * @hidden
435
- */
436
- handleHeaderFocus(): void;
437
447
  /**
438
448
  * @hidden
439
449
  */
@@ -509,5 +519,5 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
509
519
  private parseSelectionToValue;
510
520
  private performSelection;
511
521
  static ɵfac: i0.ɵɵFactoryDeclaration<MultiViewCalendarComponent, never>;
512
- static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarComponent, "kendo-multiviewcalendar", ["kendo-multiviewcalendar"], { "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesRangeValidation": "disabledDatesRangeValidation"; "selection": "selection"; "value": "value"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "isActive": "isActive"; "disabledDates": "disabledDates"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "showViewHeader": "showViewHeader"; "animateNavigation": "animateNavigation"; "weekNumber": "weekNumber"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "views": "views"; "orientation": "orientation"; "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "valueChange": "valueChange"; "blurEvent": "blur"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], never>;
522
+ static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarComponent, "kendo-multiviewcalendar", ["kendo-multiviewcalendar"], { "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesRangeValidation": "disabledDatesRangeValidation"; "selection": "selection"; "value": "value"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "isActive": "isActive"; "disabledDates": "disabledDates"; "activeView": "activeView"; "bottomView": "bottomView"; "topView": "topView"; "showViewHeader": "showViewHeader"; "animateNavigation": "animateNavigation"; "weekNumber": "weekNumber"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "views": "views"; "orientation": "orientation"; "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "valueChange": "valueChange"; "blurEvent": "blur"; "focusCalendar": "focusCalendar"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], never>;
513
523
  }
@@ -14,6 +14,7 @@ export declare class BusViewService {
14
14
  viewChanged: EventEmitter<any>;
15
15
  private bottom;
16
16
  private top;
17
+ calendarId: number;
17
18
  constructor(injector: Injector);
18
19
  configure(bottom: CalendarViewEnum, top: CalendarViewEnum): void;
19
20
  service(view: CalendarViewEnum): ViewService;
@@ -15,6 +15,7 @@ export interface SelectionArgs {
15
15
  ctrlKey: boolean;
16
16
  metaKey: boolean;
17
17
  shiftKey: boolean;
18
+ anyArrow: boolean;
18
19
  };
19
20
  selectionMode: CalendarSelection;
20
21
  activeViewEnum: CalendarViewEnum;
@@ -27,6 +28,7 @@ export interface SelectionArgs {
27
28
  export declare class SelectionService {
28
29
  private bus;
29
30
  constructor(bus: BusViewService);
31
+ lastClicked: Date;
30
32
  performSelection(args: SelectionArgs): {
31
33
  selectedDates: Date[];
32
34
  rangePivot: Date;
@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
10
10
  export declare class WeekNamesService {
11
11
  private intl;
12
12
  constructor(intl: IntlService);
13
- getWeekNames(includeWeekNumber?: boolean): string[];
13
+ getWeekNames(includeWeekNumber: boolean, nameType: 'short' | 'wide'): string[];
14
14
  static ɵfac: i0.ɵɵFactoryDeclaration<WeekNamesService, never>;
15
15
  static ɵprov: i0.ɵɵInjectableDeclaration<WeekNamesService>;
16
16
  }
@@ -30,6 +30,9 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
30
30
  min: Date;
31
31
  max: Date;
32
32
  selectedDates: Date[];
33
+ tabIndex: number;
34
+ disabled: boolean;
35
+ id: string;
33
36
  get weekNumber(): boolean;
34
37
  set weekNumber(showWeekNumbers: boolean);
35
38
  cellClick: EventEmitter<any>;
@@ -37,6 +40,9 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
37
40
  activeDateChange: EventEmitter<Date>;
38
41
  todayButtonClick: EventEmitter<Date>;
39
42
  pageChange: EventEmitter<any>;
43
+ focusCalendar: EventEmitter<void>;
44
+ blurCalendar: EventEmitter<any>;
45
+ focusedCellChange: EventEmitter<string>;
40
46
  virtualization: VirtualizationComponent;
41
47
  list: ElementRef;
42
48
  getComponentClass: boolean;
@@ -49,6 +55,7 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
49
55
  dates: Date[];
50
56
  cols: number[];
51
57
  weekNames: string[];
58
+ wideWeekNames: string[];
52
59
  take: number;
53
60
  skip: number;
54
61
  total: number;
@@ -71,11 +78,12 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
71
78
  setActiveDate(index: number): void;
72
79
  isMonthView(): boolean;
73
80
  isScrolled(): boolean;
81
+ getTabIndex(): number;
74
82
  private getBottomOffset;
75
83
  private getScrollableHeight;
76
84
  private getTake;
77
85
  private getWeekNames;
78
86
  private intlChange;
79
87
  static ɵfac: i0.ɵɵFactoryDeclaration<ViewListComponent, never>;
80
- static ɵcmp: i0.ɵɵComponentDeclaration<ViewListComponent, "kendo-calendar-viewlist", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitleTemplateRef": "headerTitleTemplateRef"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "activeDateChange": "activeDateChange"; "todayButtonClick": "todayButtonClick"; "pageChange": "pageChange"; }, never, never>;
88
+ static ɵcmp: i0.ɵɵComponentDeclaration<ViewListComponent, "kendo-calendar-viewlist", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitleTemplateRef": "headerTitleTemplateRef"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "activeDateChange": "activeDateChange"; "todayButtonClick": "todayButtonClick"; "pageChange": "pageChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never>;
81
89
  }
@@ -43,6 +43,7 @@ export declare class ViewComponent implements OnChanges, OnDestroy {
43
43
  weekNumberCellClick: EventEmitter<Date[]>;
44
44
  cellEnter: EventEmitter<Date>;
45
45
  cellLeave: EventEmitter<Date>;
46
+ focusedCellId: EventEmitter<string>;
46
47
  colSpan: number;
47
48
  data: CellContext[][];
48
49
  service: ViewService;
@@ -64,6 +65,7 @@ export declare class ViewComponent implements OnChanges, OnDestroy {
64
65
  getStyles(context: CellContext): any;
65
66
  tableCellIndex(rowIndex: number, cellIndex: number): string;
66
67
  handleWeekNumberClick(week: CellContext[]): void;
68
+ getMonthLabel(date: Date): string;
67
69
  private firstWeekDateContext;
68
70
  private updateData;
69
71
  private intlChange;
@@ -76,5 +78,5 @@ export declare class ViewComponent implements OnChanges, OnDestroy {
76
78
  private emitCellLeave;
77
79
  private cellByIndex;
78
80
  static ɵfac: i0.ɵɵFactoryDeclaration<ViewComponent, never>;
79
- static ɵcmp: i0.ɵɵComponentDeclaration<ViewComponent, "[kendoCalendarView]", never, { "direction": "direction"; "isActive": "isActive"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "viewDate": "viewDate"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "weekNumber": "weekNumber"; "viewIndex": "viewIndex"; "templateRef": "templateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; }, never, never>;
81
+ static ɵcmp: i0.ɵɵComponentDeclaration<ViewComponent, "[kendoCalendarView]", never, { "direction": "direction"; "isActive": "isActive"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "viewDate": "viewDate"; "activeRangeEnd": "activeRangeEnd"; "selectionRange": "selectionRange"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "weekNumber": "weekNumber"; "viewIndex": "viewIndex"; "templateRef": "templateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "focusedCellId": "focusedCellId"; }, never, never>;
80
82
  }
package/common/utils.d.ts CHANGED
@@ -32,3 +32,36 @@ export declare const isNumberArray: (value: any) => boolean;
32
32
  * and all items in the array are dates, returns `true`.
33
33
  */
34
34
  export declare const isDateArray: (value: any) => boolean;
35
+ /**
36
+ * @hidden
37
+ */
38
+ export declare const isArrowWithShiftPressed: (args: any) => boolean;
39
+ /**
40
+ * @hidden
41
+ * Enum with key codes.
42
+ */
43
+ export declare enum Keys {
44
+ ArrowDown = 40,
45
+ ArrowLeft = 37,
46
+ ArrowRight = 39,
47
+ ArrowUp = 38
48
+ }
49
+ /**
50
+ * @hidden
51
+ */
52
+ export declare const selectors: {
53
+ infiniteCalendarTable: string;
54
+ multiViewCalendarTable: string;
55
+ };
56
+ /**
57
+ * @hidden
58
+ */
59
+ export declare const attributeNames: {
60
+ ariaActiveDescendant: string;
61
+ ariaControls: string;
62
+ ariaExpanded: string;
63
+ ariaHasPopup: string;
64
+ valueNow: string;
65
+ valuetext: string;
66
+ ariaInvalid: string;
67
+ };
@@ -14,6 +14,7 @@ import { FormatSettings } from './models/format-settings.model';
14
14
  import { DateInputSize } from '../common/models/size';
15
15
  import { DateInputRounded } from '../common/models/rounded';
16
16
  import { DateInputFillMode } from '../common/models/fillmode';
17
+ import { FormControl } from '@angular/forms/forms';
17
18
  import * as i0 from "@angular/core";
18
19
  /**
19
20
  * Represents the [Kendo UI DateInput component for Angular]({% slug overview_dateinput %}#toc-basic-usage).
@@ -30,7 +31,11 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
30
31
  /**
31
32
  * @hidden
32
33
  */
33
- focusableId: string;
34
+ get focusableId(): string;
35
+ /**
36
+ * @hidden
37
+ */
38
+ pickerType: string;
34
39
  /**
35
40
  * Sets or gets the `disabled` property of the DateInput and
36
41
  * determines whether the component is active
@@ -318,6 +323,10 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
318
323
  get inputValue(): string;
319
324
  get isActive(): boolean;
320
325
  set isActive(value: boolean);
326
+ /**
327
+ * @hidden
328
+ */
329
+ get formControl(): FormControl;
321
330
  arrow: any;
322
331
  arrowDirection: Arrow;
323
332
  formatSections: {
@@ -344,7 +353,6 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
344
353
  private _value;
345
354
  private _active;
346
355
  private kendoDate;
347
- private intlSubscription;
348
356
  private paste;
349
357
  private domEvents;
350
358
  private ngControl;
@@ -354,6 +362,8 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
354
362
  private _size;
355
363
  private _rounded;
356
364
  private _fillMode;
365
+ private control;
366
+ private subs;
357
367
  constructor(cdr: ChangeDetectorRef, intl: IntlService, renderer: Renderer2, wrapper: ElementRef, ngZone: NgZone, injector: Injector, localization: LocalizationService, pickerService?: PickerService);
358
368
  /**
359
369
  * @hidden
@@ -364,11 +374,20 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
364
374
  * @hidden
365
375
  */
366
376
  containsElement(element: any): boolean;
377
+ /**
378
+ * @hidden
379
+ */
380
+ ngOnInit(): void;
367
381
  /**
368
382
  * @hidden
369
383
  */
370
384
  ngOnChanges(changes: SimpleChanges): void;
385
+ ngAfterViewInit(): void;
371
386
  ngOnDestroy(): void;
387
+ /**
388
+ * @hidden
389
+ */
390
+ private setAriaInvalid;
372
391
  /**
373
392
  * @hidden
374
393
  */
@@ -379,11 +398,6 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
379
398
  * @hidden
380
399
  */
381
400
  registerOnValidatorChange(fn: Function): void;
382
- /**
383
- * @hidden
384
- */
385
- ngOnInit(): void;
386
- ngAfterViewInit(): void;
387
401
  /**
388
402
  * @hidden
389
403
  */
@@ -486,5 +500,5 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
486
500
  private setSpinnerFill;
487
501
  private setComponentClasses;
488
502
  static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [null, null, null, null, null, null, null, { optional: true; }]>;
489
- static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "kendo-dateinput", ["kendo-dateinput"], { "focusableId": "focusableId"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "tabindex": "tabindex"; "role": "role"; "ariaReadOnly": "ariaReadOnly"; "tabIndex": "tabIndex"; "format": "format"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "max": "max"; "min": "min"; "rangeValidation": "rangeValidation"; "autoCorrect": "autoCorrect"; "incompleteDateValidation": "incompleteDateValidation"; "twoDigitYearMax": "twoDigitYearMax"; "value": "value"; "spinners": "spinners"; "isPopupOpen": "isPopupOpen"; "hasPopup": "hasPopup"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "valueUpdate": "valueUpdate"; "onFocus": "focus"; "onBlur": "blur"; }, never, never>;
503
+ static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "kendo-dateinput", ["kendo-dateinput"], { "pickerType": "pickerType"; "disabled": "disabled"; "readonly": "readonly"; "title": "title"; "tabindex": "tabindex"; "role": "role"; "ariaReadOnly": "ariaReadOnly"; "tabIndex": "tabIndex"; "format": "format"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "max": "max"; "min": "min"; "rangeValidation": "rangeValidation"; "autoCorrect": "autoCorrect"; "incompleteDateValidation": "incompleteDateValidation"; "twoDigitYearMax": "twoDigitYearMax"; "value": "value"; "spinners": "spinners"; "isPopupOpen": "isPopupOpen"; "hasPopup": "hasPopup"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "valueUpdate": "valueUpdate"; "onFocus": "focus"; "onBlur": "blur"; }, never, never>;
490
504
  }
@@ -109,10 +109,6 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
109
109
  * @hidden
110
110
  */
111
111
  set navigationItemTemplateRef(template: NavigationItemTemplateDirective);
112
- /**
113
- * @hidden
114
- */
115
- focusableId: string;
116
112
  /**
117
113
  * Defines the active view that the Calendar initially renders
118
114
  * ([see example]({% slug calendar_type_datepicker %}#toc-active-view)).
@@ -428,11 +424,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
428
424
  * @hidden
429
425
  */
430
426
  get disabledClass(): boolean;
431
- /**
432
- * @hidden
433
- */
434
- get inputRole(): string;
435
- popupUID: string;
427
+ get popupUID(): string;
436
428
  popupRef: PopupRef;
437
429
  get isActive(): boolean;
438
430
  set isActive(value: boolean);
@@ -585,5 +577,5 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
585
577
  private handleDateCompletenessChange;
586
578
  private setComponentClasses;
587
579
  static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
588
- static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "kendo-datepicker", ["kendo-datepicker"], { "cellTemplateRef": "cellTemplate"; "monthCellTemplateRef": "monthCellTemplate"; "yearCellTemplateRef": "yearCellTemplate"; "decadeCellTemplateRef": "decadeCellTemplate"; "centuryCellTemplateRef": "centuryCellTemplate"; "weekNumberTemplateRef": "weekNumberTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "focusableId": "focusableId"; "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>;
580
+ static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "kendo-datepicker", ["kendo-datepicker"], { "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>;
589
581
  }
@@ -52,6 +52,7 @@ export declare class DateRangeEndInputDirective extends DateRangeInput implement
52
52
  navigateCalendarOnFocus: boolean;
53
53
  constructor(rangeService: DateRangeService, dateInput: DateInputComponent, element: ElementRef, renderer: Renderer2, zone: NgZone);
54
54
  ngOnInit(): void;
55
+ protected ngAfterViewInit(): void;
55
56
  ngOnDestroy(): void;
56
57
  protected getRange(value: Date, correctOn: AutoCorrectOn): SelectionRange;
57
58
  protected updateInputValue(range: SelectionRange): void;
@@ -8,6 +8,7 @@ import { DateRangeService } from './date-range.service';
8
8
  import { AutoCorrectOn } from './auto-correct-on.type';
9
9
  import { SelectionRange } from '../calendar/models/selection-range.interface';
10
10
  import { SelectionRangeEnd } from '../calendar/models/selection-range-end.type';
11
+ import * as i0 from "@angular/core";
11
12
  /**
12
13
  * @hidden
13
14
  */
@@ -16,7 +17,7 @@ export declare abstract class DateRangeInput {
16
17
  private dateRangeService;
17
18
  private input;
18
19
  private element;
19
- private renderer;
20
+ protected renderer: Renderer2;
20
21
  private zone;
21
22
  navigateCalendarOnFocus: boolean;
22
23
  private get isActiveEnd();
@@ -36,4 +37,6 @@ export declare abstract class DateRangeInput {
36
37
  private togglePopup;
37
38
  private focusActiveDate;
38
39
  private toggleActiveClass;
40
+ static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeInput, never>;
41
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DateRangeInput, never, never, {}, {}, never>;
39
42
  }
@@ -17,6 +17,7 @@ import * as i0 from "@angular/core";
17
17
  export declare class DateRangeStartInputDirective extends DateRangeInput implements OnInit, OnDestroy {
18
18
  private rangeService;
19
19
  private dateInput;
20
+ renderer: Renderer2;
20
21
  /**
21
22
  * Specifies the auto-correction behavior. If the start date is greater than the end date,
22
23
  * the directive fixes the date range to a single date either on input change or on blur
@@ -53,6 +54,7 @@ export declare class DateRangeStartInputDirective extends DateRangeInput impleme
53
54
  navigateCalendarOnFocus: boolean;
54
55
  constructor(rangeService: DateRangeService, dateInput: DateInputComponent, element: ElementRef, renderer: Renderer2, zone: NgZone);
55
56
  ngOnInit(): void;
57
+ protected ngAfterViewInit(): void;
56
58
  ngOnDestroy(): void;
57
59
  protected getRange(value: Date, correctOn: AutoCorrectOn): SelectionRange;
58
60
  protected updateInputValue(range: SelectionRange): void;
@@ -3,6 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { AfterContentInit, OnDestroy } from '@angular/core';
6
+ import { DateRangeService } from './date-range.service';
6
7
  import * as i0 from "@angular/core";
7
8
  /**
8
9
  * Represents the Kendo UI DateRange component for Angular.
@@ -24,6 +25,11 @@ import * as i0 from "@angular/core";
24
25
  * ```
25
26
  */
26
27
  export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
28
+ private dateRangeService;
29
+ /**
30
+ * @hidden
31
+ */
32
+ keydown(event: any): void;
27
33
  wrapperClass: boolean;
28
34
  /**
29
35
  * @hidden
@@ -32,7 +38,7 @@ export declare class DateRangeComponent implements AfterContentInit, OnDestroy {
32
38
  private contentPopup;
33
39
  private get hasContentPopup();
34
40
  private subscription;
35
- constructor();
41
+ constructor(dateRangeService: DateRangeService);
36
42
  ngAfterContentInit(): void;
37
43
  ngOnDestroy(): void;
38
44
  static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
@@ -2,6 +2,7 @@
2
2
  * Copyright © 2021 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 { Renderer2 } from '@angular/core';
5
6
  import { BehaviorSubject } from 'rxjs';
6
7
  import { DateInputComponent } from '../dateinput/dateinput.component';
7
8
  import type { DateRangePopupComponent } from './date-range-popup.component';
@@ -13,6 +14,9 @@ import * as i0 from "@angular/core";
13
14
  * For example, the start and end `DateInput` and `DateRangePopup` components.
14
15
  */
15
16
  export declare class DateRangeService {
17
+ private renderer?;
18
+ /** @hidden */
19
+ private focusedCellChange?;
16
20
  /**
17
21
  * An Observable instance that notifies when the `activeRangeEnd` state is changed.
18
22
  */
@@ -62,7 +66,7 @@ export declare class DateRangeService {
62
66
  */
63
67
  get selectionRange(): SelectionRange;
64
68
  /** @hidden */
65
- constructor();
69
+ constructor(renderer?: Renderer2);
66
70
  /**
67
71
  * Activates the registered `DateRangePopup` component.
68
72
  * The method opens the popup and focuses the calendar.
@@ -116,6 +120,6 @@ export declare class DateRangeService {
116
120
  * Updates the selection range. Notifies all `range$` listeners.
117
121
  */
118
122
  setRange(range?: SelectionRange): void;
119
- static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeService, never>;
123
+ static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeService, [{ optional: true; }]>;
120
124
  static ɵprov: i0.ɵɵInjectableDeclaration<DateRangeService>;
121
125
  }