@progress/kendo-angular-dateinputs 7.1.2 → 7.1.3-dev.202210211241

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 (54) 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 +16 -6
  15. package/datepicker/datepicker.component.d.ts +1 -5
  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 +5 -4
  22. package/esm2015/calendar/calendar.component.js +85 -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 +87 -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 +52 -23
  36. package/esm2015/datepicker/datepicker.component.js +25 -11
  37. package/esm2015/daterange/date-range-end-input.directive.js +5 -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 +7 -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 +36 -11
  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 +71 -24
  49. package/esm2015/util.js +2 -2
  50. package/fesm2015/kendo-angular-dateinputs.js +773 -280
  51. package/package.json +1 -1
  52. package/timepicker/localization/messages.d.ts +21 -1
  53. package/timepicker/timelist.component.d.ts +10 -1
  54. package/timepicker/timepicker.component.d.ts +5 -7
@@ -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).
@@ -318,6 +319,10 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
318
319
  get inputValue(): string;
319
320
  get isActive(): boolean;
320
321
  set isActive(value: boolean);
322
+ /**
323
+ * @hidden
324
+ */
325
+ get formControl(): FormControl;
321
326
  arrow: any;
322
327
  arrowDirection: Arrow;
323
328
  formatSections: {
@@ -344,7 +349,6 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
344
349
  private _value;
345
350
  private _active;
346
351
  private kendoDate;
347
- private intlSubscription;
348
352
  private paste;
349
353
  private domEvents;
350
354
  private ngControl;
@@ -354,6 +358,8 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
354
358
  private _size;
355
359
  private _rounded;
356
360
  private _fillMode;
361
+ private control;
362
+ private subs;
357
363
  constructor(cdr: ChangeDetectorRef, intl: IntlService, renderer: Renderer2, wrapper: ElementRef, ngZone: NgZone, injector: Injector, localization: LocalizationService, pickerService?: PickerService);
358
364
  /**
359
365
  * @hidden
@@ -364,11 +370,20 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
364
370
  * @hidden
365
371
  */
366
372
  containsElement(element: any): boolean;
373
+ /**
374
+ * @hidden
375
+ */
376
+ ngOnInit(): void;
367
377
  /**
368
378
  * @hidden
369
379
  */
370
380
  ngOnChanges(changes: SimpleChanges): void;
381
+ ngAfterViewInit(): void;
371
382
  ngOnDestroy(): void;
383
+ /**
384
+ * @hidden
385
+ */
386
+ private setAriaInvalid;
372
387
  /**
373
388
  * @hidden
374
389
  */
@@ -379,11 +394,6 @@ export declare class DateInputComponent implements OnInit, AfterViewInit, Contro
379
394
  * @hidden
380
395
  */
381
396
  registerOnValidatorChange(fn: Function): void;
382
- /**
383
- * @hidden
384
- */
385
- ngOnInit(): void;
386
- ngAfterViewInit(): void;
387
397
  /**
388
398
  * @hidden
389
399
  */
@@ -428,11 +428,7 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
428
428
  * @hidden
429
429
  */
430
430
  get disabledClass(): boolean;
431
- /**
432
- * @hidden
433
- */
434
- get inputRole(): string;
435
- popupUID: string;
431
+ get popupUID(): string;
436
432
  popupRef: PopupRef;
437
433
  get isActive(): boolean;
438
434
  set isActive(value: boolean);
@@ -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
  }
@@ -61,6 +61,10 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
61
61
  * @hidden
62
62
  */
63
63
  get input(): DateInputComponent;
64
+ /**
65
+ * @hidden
66
+ */
67
+ get inputElement(): HTMLElement;
64
68
  /**
65
69
  * @hidden
66
70
  */
@@ -315,10 +319,6 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
315
319
  * The inactive tab component gets disabled and becomes inaccessible on tab click.
316
320
  */
317
321
  get disableCalendar(): boolean;
318
- /**
319
- * @hidden
320
- */
321
- get inputRole(): string;
322
322
  /**
323
323
  * @hidden
324
324
  *
@@ -391,6 +391,7 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
391
391
  private get appendTo();
392
392
  private container;
393
393
  private popupTemplate;
394
+ private get popupUID();
394
395
  private popupRef;
395
396
  private _popupSettings;
396
397
  private _value;