@progress/kendo-angular-dateinputs 15.3.1-develop.2 → 15.4.0-develop.2

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 (35) hide show
  1. package/calendar/calendar-common.module.d.ts +7 -5
  2. package/calendar/calendar.component.d.ts +45 -1
  3. package/calendar/footer.component.d.ts +22 -0
  4. package/calendar/header.component.d.ts +3 -2
  5. package/calendar/horizontal-view-list.component.d.ts +3 -1
  6. package/calendar/multiview-calendar.component.d.ts +44 -1
  7. package/calendar/services/weeknames.service.d.ts +2 -1
  8. package/calendar/templates/footer-template.directiv/320/265.d.ts +36 -0
  9. package/calendar/templates/header-template.directive.d.ts +37 -0
  10. package/calendar/templates.module.d.ts +3 -1
  11. package/calendar/view-list.component.d.ts +8 -1
  12. package/common/models/week-days-format.d.ts +10 -0
  13. package/datepicker/datepicker.component.d.ts +30 -1
  14. package/datetimepicker/datetimepicker.component.d.ts +30 -1
  15. package/esm2020/calendar/calendar-common.module.mjs +6 -0
  16. package/esm2020/calendar/calendar.component.mjs +70 -3
  17. package/esm2020/calendar/footer.component.mjs +69 -0
  18. package/esm2020/calendar/header.component.mjs +139 -125
  19. package/esm2020/calendar/horizontal-view-list.component.mjs +6 -3
  20. package/esm2020/calendar/multiview-calendar.component.mjs +76 -7
  21. package/esm2020/calendar/templates/footer-template.directiv/320/265.mjs +43 -0
  22. package/esm2020/calendar/templates/header-template.directive.mjs +44 -0
  23. package/esm2020/calendar/templates.module.mjs +14 -4
  24. package/esm2020/calendar/view-list.component.mjs +37 -9
  25. package/esm2020/calendar/view.component.mjs +3 -8
  26. package/esm2020/common/models/week-days-format.mjs +5 -0
  27. package/esm2020/datepicker/datepicker.component.mjs +51 -3
  28. package/esm2020/daterange/date-range-popup.component.mjs +1 -1
  29. package/esm2020/datetimepicker/datetimepicker.component.mjs +51 -3
  30. package/esm2020/index.mjs +3 -0
  31. package/esm2020/package-metadata.mjs +2 -2
  32. package/fesm2015/progress-kendo-angular-dateinputs.mjs +584 -172
  33. package/fesm2020/progress-kendo-angular-dateinputs.mjs +584 -172
  34. package/index.d.ts +4 -0
  35. package/package.json +11 -11
@@ -5,10 +5,11 @@
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "./for.directive";
7
7
  import * as i2 from "./header.component";
8
- import * as i3 from "./view.component";
9
- import * as i4 from "@angular/common";
10
- import * as i5 from "@progress/kendo-angular-common";
11
- import * as i6 from "@progress/kendo-angular-buttons";
8
+ import * as i3 from "./footer.component";
9
+ import * as i4 from "./view.component";
10
+ import * as i5 from "@angular/common";
11
+ import * as i6 from "@progress/kendo-angular-common";
12
+ import * as i7 from "@progress/kendo-angular-buttons";
12
13
  /**
13
14
  * @hidden
14
15
  *
@@ -17,9 +18,10 @@ import * as i6 from "@progress/kendo-angular-buttons";
17
18
  * The package exports:
18
19
  * - `HeaderComponent`—The component that renders the UI for vertical navigation.
19
20
  * - `ViewComponent`—The component that renders the active Calendar view.
21
+ * - `FooterComponent`—The component that renders the Calendar footer.
20
22
  */
21
23
  export declare class CalendarCommonModule {
22
24
  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarCommonModule, never>;
23
- static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarCommonModule, [typeof i1.KForOf, typeof i2.HeaderComponent, typeof i3.ViewComponent], [typeof i4.CommonModule, typeof i5.EventsModule, typeof i6.ButtonModule], [typeof i1.KForOf, typeof i2.HeaderComponent, typeof i3.ViewComponent]>;
25
+ static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarCommonModule, [typeof i1.KForOf, typeof i2.HeaderComponent, typeof i3.FooterComponent, typeof i4.ViewComponent], [typeof i5.CommonModule, typeof i6.EventsModule, typeof i7.ButtonModule], [typeof i1.KForOf, typeof i2.HeaderComponent, typeof i3.FooterComponent, typeof i4.ViewComponent]>;
24
26
  static ɵinj: i0.ɵɵInjectorDeclaration<CalendarCommonModule>;
25
27
  }
@@ -29,6 +29,9 @@ import { CalendarViewEnum } from './models/view.enum';
29
29
  import { CalendarType } from './models/type';
30
30
  import { CalendarSelection } from './models/selection';
31
31
  import { DateInputSize } from '../common/models/size';
32
+ import { HeaderTemplateDirective } from './templates/header-template.directive';
33
+ import { FooterTemplateDirective } from './templates/footer-template.directivе';
34
+ import { WeekDaysFormat } from '../common/models/week-days-format';
32
35
  import * as i0 from "@angular/core";
33
36
  /**
34
37
  * @hidden
@@ -120,6 +123,16 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
120
123
  * Determines whether the built-in min or max validators are enforced when validating a form.
121
124
  */
122
125
  rangeValidation: boolean;
126
+ /**
127
+ * Sets the format of the displayed Calendar week days' names.
128
+ * @default 'short'
129
+ */
130
+ weekDaysFormat?: WeekDaysFormat;
131
+ /**
132
+ * Toggles the visibility of the footer.
133
+ * @default false
134
+ */
135
+ footer: boolean;
123
136
  /**
124
137
  * Sets the Calendar selection mode
125
138
  * ([see example]({% slug multiple_selection_calendar %})).
@@ -342,6 +355,20 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
342
355
  * Ignored if a `[headerTitleTemplate]` value is explicitly provided.
343
356
  */
344
357
  headerTitleTemplate: HeaderTitleTemplateDirective;
358
+ /**
359
+ * @hidden
360
+ *
361
+ * Queries the template for a header template declaration.
362
+ * Ignored if a `[headerTemplate]` value is explicitly provided.
363
+ */
364
+ headerTemplate: HeaderTemplateDirective;
365
+ /**
366
+ * @hidden
367
+ *
368
+ * Queries the template for a footer template declaration.
369
+ * Ignored if a `[footerTemplate]` value is explicitly provided.
370
+ */
371
+ footerTemplate: FooterTemplateDirective;
345
372
  /**
346
373
  * @hidden
347
374
  *
@@ -350,6 +377,21 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
350
377
  */
351
378
  set headerTitleTemplateRef(template: HeaderTitleTemplateDirective);
352
379
  get headerTitleTemplateRef(): HeaderTitleTemplateDirective;
380
+ /**
381
+ * @hidden
382
+ *
383
+ * Defines the template for the header.
384
+ * Takes precedence over nested templates in the KendoCalendar tag.
385
+ */
386
+ set headerTemplateRef(template: HeaderTemplateDirective);
387
+ get headerTemplateRef(): HeaderTemplateDirective;
388
+ /**
389
+ * @hidden
390
+ *
391
+ * Defines the template for the footer.
392
+ */
393
+ set footerTemplateRef(template: FooterTemplateDirective);
394
+ get footerTemplateRef(): FooterTemplateDirective;
353
395
  /**
354
396
  * @hidden
355
397
  *
@@ -408,6 +450,8 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
408
450
  private _centuryCellTemplateRef;
409
451
  private _weekNumberTemplateRef;
410
452
  private _headerTitleTemplateRef;
453
+ private _headerTemplateRef;
454
+ private _footerTemplateRef;
411
455
  private _navigationItemTemplateRef;
412
456
  get activeViewEnum(): CalendarViewEnum;
413
457
  get bottomViewEnum(): CalendarViewEnum;
@@ -563,5 +607,5 @@ export declare class CalendarComponent implements ControlValueAccessor, OnChange
563
607
  private parseSelectionToValue;
564
608
  private performSelection;
565
609
  static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, [null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
566
- static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kendo-calendar", ["kendo-calendar"], { "showOtherMonthDays": "showOtherMonthDays"; "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>;
610
+ static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "kendo-calendar", ["kendo-calendar"], { "showOtherMonthDays": "showOtherMonthDays"; "id": "id"; "focusedDate": "focusedDate"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "weekDaysFormat": "weekDaysFormat"; "footer": "footer"; "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"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "navigationItemTemplateRef": "navigationItemTemplate"; "size": "size"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "activeViewDateChange": "activeViewDateChange"; "onBlur": "blur"; "onFocus": "focus"; "valueChange": "valueChange"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "navigationItemTemplate"], never>;
567
611
  }
@@ -0,0 +1,22 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import { IntlService } from '@progress/kendo-angular-intl';
7
+ import { CalendarView } from './models/view.type';
8
+ import * as i0 from "@angular/core";
9
+ /**
10
+ * @hidden
11
+ */
12
+ export declare class FooterComponent {
13
+ intl: IntlService;
14
+ showFooter: boolean;
15
+ footerTemplateRef: TemplateRef<any>;
16
+ activeViewValue: CalendarView;
17
+ currentDate: Date;
18
+ getToday: () => Date;
19
+ constructor(intl: IntlService);
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "kendo-calendar-footer", never, { "footerTemplateRef": "footerTemplateRef"; "activeViewValue": "activeViewValue"; "currentDate": "currentDate"; }, {}, never, never>;
22
+ }
@@ -42,7 +42,8 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
42
42
  min: Date;
43
43
  max: Date;
44
44
  rangeLength: number;
45
- templateRef: TemplateRef<any>;
45
+ titleTemplateRef: TemplateRef<any>;
46
+ headerTemplateRef: TemplateRef<any>;
46
47
  isPrevDisabled: boolean;
47
48
  isNextDisabled: boolean;
48
49
  showNavigationButtons: boolean;
@@ -67,5 +68,5 @@ export declare class HeaderComponent implements OnChanges, OnInit, OnDestroy {
67
68
  private getTitle;
68
69
  private setTodayAvailability;
69
70
  static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
70
- 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>;
71
+ static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "kendo-calendar-header", never, { "activeView": "activeView"; "currentDate": "currentDate"; "min": "min"; "max": "max"; "rangeLength": "rangeLength"; "titleTemplateRef": "titleTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "isPrevDisabled": "isPrevDisabled"; "isNextDisabled": "isNextDisabled"; "showNavigationButtons": "showNavigationButtons"; "orientation": "orientation"; "id": "id"; }, { "todayButtonClick": "todayButtonClick"; "prevButtonClick": "prevButtonClick"; "nextButtonClick": "nextButtonClick"; }, never, never>;
71
72
  }
@@ -12,6 +12,7 @@ import { SelectionRange } from './models/selection-range.interface';
12
12
  import { Action } from './models/navigation-action.enum';
13
13
  import { CalendarViewEnum } from './models/view.enum';
14
14
  import { CalendarOrientation } from './models/orientation';
15
+ import { WeekDaysFormat } from '../common/models/week-days-format';
15
16
  import * as i0 from "@angular/core";
16
17
  /**
17
18
  * @hidden
@@ -48,6 +49,7 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
48
49
  tabIndex: number;
49
50
  disabled: boolean;
50
51
  id: string;
52
+ weekDaysFormat: WeekDaysFormat;
51
53
  get weekNumber(): boolean;
52
54
  set weekNumber(showWeekNumbers: boolean);
53
55
  cellClick: EventEmitter<any>;
@@ -104,5 +106,5 @@ export declare class HorizontalViewListComponent implements OnChanges, AfterView
104
106
  private getTake;
105
107
  private setAriaActivedescendant;
106
108
  static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalViewListComponent, never>;
107
- static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalViewListComponent, "kendo-calendar-horizontal", never, { "showOtherMonthDays": "showOtherMonthDays"; "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>;
109
+ static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalViewListComponent, "kendo-calendar-horizontal", never, { "showOtherMonthDays": "showOtherMonthDays"; "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"; "weekDaysFormat": "weekDaysFormat"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "activeDateChange": "activeDateChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never>;
108
110
  }
@@ -25,6 +25,9 @@ import { SelectionRange } from './models/selection-range.interface';
25
25
  import { CalendarSelection } from './models/selection';
26
26
  import { CalendarOrientation } from './models/orientation';
27
27
  import { NavigationService } from './services/navigation.service';
28
+ import { HeaderTemplateDirective } from './templates/header-template.directive';
29
+ import { FooterTemplateDirective } from './templates/footer-template.directivе';
30
+ import { WeekDaysFormat } from '../common/models/week-days-format';
28
31
  import * as i0 from "@angular/core";
29
32
  /**
30
33
  * @hidden
@@ -81,6 +84,11 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
81
84
  */
82
85
  set focusedDate(focusedDate: Date);
83
86
  get focusedDate(): Date;
87
+ /**
88
+ * Toggles the visibility of the footer.
89
+ * @default false
90
+ */
91
+ footer: boolean;
84
92
  /**
85
93
  * @hidden
86
94
  */
@@ -153,6 +161,11 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
153
161
  */
154
162
  set tabIndex(tabIndex: number);
155
163
  get tabIndex(): number;
164
+ /**
165
+ * Sets the format of the displayed Calendar week days' names.
166
+ * @default 'short'
167
+ */
168
+ weekDaysFormat?: WeekDaysFormat;
156
169
  /**
157
170
  * @hidden
158
171
  */
@@ -373,6 +386,26 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
373
386
  * Ignored if a `[headerTitleTemplate]` value is explicitly provided.
374
387
  */
375
388
  headerTitleTemplate: HeaderTitleTemplateDirective;
389
+ /**
390
+ * @hidden
391
+ *
392
+ * Queries the template for a header template declaration.
393
+ */
394
+ headerTemplate: HeaderTemplateDirective;
395
+ /**
396
+ * @hidden
397
+ *
398
+ * Queries the template for a header template declaration.
399
+ */
400
+ footerTemplate: FooterTemplateDirective;
401
+ /**
402
+ * @hidden
403
+ *
404
+ * Defines the template for the Calendar footer.
405
+ * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
406
+ */
407
+ set footerTemplateRef(template: FooterTemplateDirective);
408
+ get footerTemplateRef(): FooterTemplateDirective;
376
409
  /**
377
410
  * @hidden
378
411
  *
@@ -381,6 +414,14 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
381
414
  */
382
415
  set headerTitleTemplateRef(template: HeaderTitleTemplateDirective);
383
416
  get headerTitleTemplateRef(): HeaderTitleTemplateDirective;
417
+ /**
418
+ * @hidden
419
+ *
420
+ * Defines the template for the Calendar header.
421
+ * Takes precedence over nested templates in the KendoMultiViewCalendar tag.
422
+ */
423
+ set headerTemplateRef(template: HeaderTemplateDirective);
424
+ get headerTemplateRef(): HeaderTemplateDirective;
384
425
  headerElement: ElementRef<HTMLElement>;
385
426
  viewList: HorizontalViewListComponent;
386
427
  cellUID: string;
@@ -412,6 +453,8 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
412
453
  private _centuryCellTemplateRef;
413
454
  private _weekNumberTemplateRef;
414
455
  private _headerTitleTemplateRef;
456
+ private _headerTemplateRef;
457
+ private _footerTemplateRef;
415
458
  get activeViewEnum(): CalendarViewEnum;
416
459
  get bottomViewEnum(): CalendarViewEnum;
417
460
  get topViewEnum(): CalendarViewEnum;
@@ -549,5 +592,5 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
549
592
  private parseSelectionToValue;
550
593
  private performSelection;
551
594
  static ɵfac: i0.ɵɵFactoryDeclaration<MultiViewCalendarComponent, never>;
552
- static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarComponent, "kendo-multiviewcalendar", ["kendo-multiviewcalendar"], { "showOtherMonthDays": "showOtherMonthDays"; "showCalendarHeader": "showCalendarHeader"; "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"; "focusEvent": "focus"; "focusCalendar": "focusCalendar"; "onClosePopup": "onClosePopup"; "onTabPress": "onTabPress"; "onShiftTabPress": "onShiftTabPress"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], never>;
595
+ static ɵcmp: i0.ɵɵComponentDeclaration<MultiViewCalendarComponent, "kendo-multiviewcalendar", ["kendo-multiviewcalendar"], { "showOtherMonthDays": "showOtherMonthDays"; "showCalendarHeader": "showCalendarHeader"; "id": "id"; "focusedDate": "focusedDate"; "footer": "footer"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesRangeValidation": "disabledDatesRangeValidation"; "selection": "selection"; "value": "value"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; "weekDaysFormat": "weekDaysFormat"; "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"; "footerTemplateRef": "footerTemplate"; "headerTitleTemplateRef": "headerTitleTemplate"; "headerTemplateRef": "headerTemplate"; }, { "activeViewChange": "activeViewChange"; "navigate": "navigate"; "cellEnter": "cellEnter"; "cellLeave": "cellLeave"; "valueChange": "valueChange"; "blurEvent": "blur"; "focusEvent": "focus"; "focusCalendar": "focusCalendar"; "onClosePopup": "onClosePopup"; "onTabPress": "onTabPress"; "onShiftTabPress": "onShiftTabPress"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never>;
553
596
  }
@@ -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 { IntlService } from '@progress/kendo-angular-intl';
6
+ import { WeekDaysFormat } from '../../common/models/week-days-format';
6
7
  import * as i0 from "@angular/core";
7
8
  /**
8
9
  * @hidden
@@ -10,7 +11,7 @@ import * as i0 from "@angular/core";
10
11
  export declare class WeekNamesService {
11
12
  private intl;
12
13
  constructor(intl: IntlService);
13
- getWeekNames(includeWeekNumber: boolean, nameType: 'short' | 'wide'): string[];
14
+ getWeekNames(includeWeekNumber: boolean, nameType: WeekDaysFormat | 'wide'): string[];
14
15
  static ɵfac: i0.ɵɵFactoryDeclaration<WeekNamesService, never>;
15
16
  static ɵprov: i0.ɵɵInjectableDeclaration<WeekNamesService>;
16
17
  }
@@ -0,0 +1,36 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Used for rendering the footer of the Calendar. To define the footer template, nest an `<ng-template>` tag
9
+ * with the `kendoCalendarFooterTemplate` directive inside the component tag. The template context is set to the
10
+ * current component. To get a reference to the current `date` use the `let-date` directive. To get a reference to the
11
+ * current active view use the `let-activeView` directive.
12
+ *
13
+ * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
14
+ *
15
+ * @example
16
+ * ```ts
17
+ * _@Component({
18
+ * selector: 'my-app',
19
+ * styles: ['.custom { color: red; }'],
20
+ * template: `
21
+ * <kendo-calendar>
22
+ * <ng-template kendoCalendarFooterTemplate let-date>
23
+ * <span class="custom">{{date}}</span>
24
+ * </ng-template>
25
+ * </kendo-calendar>
26
+ * `
27
+ * })
28
+ * export class AppComponent { }
29
+ * ```
30
+ */
31
+ export declare class FooterTemplateDirective {
32
+ templateRef: TemplateRef<any>;
33
+ constructor(templateRef: TemplateRef<any>);
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<FooterTemplateDirective, never>;
35
+ static ɵdir: i0.ɵɵDirectiveDeclaration<FooterTemplateDirective, "[kendoCalendarFooterTemplate]", never, {}, {}, never>;
36
+ }
@@ -0,0 +1,37 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Used for rendering the header of the Calendar. To define the header template, nest an `<ng-template>` tag
9
+ * with the `kendoCalendarHeaderTemplate` directive inside the component tag. The template context is set to the
10
+ * current component. To get a reference to the current title, use the `let-title` directive. To provide more details about
11
+ * the current title, get a reference to the current `date` by using the `let-date` directive or get a reference to the
12
+ * current active view by using the `let-activeView` directive.
13
+ *
14
+ * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
15
+ *
16
+ * @example
17
+ * ```ts
18
+ * _@Component({
19
+ * selector: 'my-app',
20
+ * styles: ['.custom { color: red; }'],
21
+ * template: `
22
+ * <kendo-calendar>
23
+ * <ng-template kendoCalendarHeaderTemplate let-title>
24
+ * <span class="custom">{{title}}</span>
25
+ * </ng-template>
26
+ * </kendo-calendar>
27
+ * `
28
+ * })
29
+ * export class AppComponent { }
30
+ * ```
31
+ */
32
+ export declare class HeaderTemplateDirective {
33
+ templateRef: TemplateRef<any>;
34
+ constructor(templateRef: TemplateRef<any>);
35
+ static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTemplateDirective, never>;
36
+ static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderTemplateDirective, "[kendoCalendarHeaderTemplate]", never, {}, {}, never>;
37
+ }
@@ -11,6 +11,8 @@ import * as i5 from "./templates/century-cell-template.directive";
11
11
  import * as i6 from "./templates/weeknumber-cell-template.directive";
12
12
  import * as i7 from "./templates/header-title-template.directive";
13
13
  import * as i8 from "./templates/navigation-item-template.directive";
14
+ import * as i9 from "./templates/header-template.directive";
15
+ import * as i10 from "./templates/footer-template.directiv\u0435";
14
16
  /**
15
17
  * @hidden
16
18
  *
@@ -28,6 +30,6 @@ import * as i8 from "./templates/navigation-item-template.directive";
28
30
  */
29
31
  export declare class TemplatesModule {
30
32
  static ɵfac: i0.ɵɵFactoryDeclaration<TemplatesModule, never>;
31
- static ɵmod: i0.ɵɵNgModuleDeclaration<TemplatesModule, [typeof i1.CellTemplateDirective, typeof i2.MonthCellTemplateDirective, typeof i3.YearCellTemplateDirective, typeof i4.DecadeCellTemplateDirective, typeof i5.CenturyCellTemplateDirective, typeof i6.WeekNumberCellTemplateDirective, typeof i7.HeaderTitleTemplateDirective, typeof i8.NavigationItemTemplateDirective], never, [typeof i1.CellTemplateDirective, typeof i2.MonthCellTemplateDirective, typeof i3.YearCellTemplateDirective, typeof i4.DecadeCellTemplateDirective, typeof i5.CenturyCellTemplateDirective, typeof i6.WeekNumberCellTemplateDirective, typeof i7.HeaderTitleTemplateDirective, typeof i8.NavigationItemTemplateDirective]>;
33
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TemplatesModule, [typeof i1.CellTemplateDirective, typeof i2.MonthCellTemplateDirective, typeof i3.YearCellTemplateDirective, typeof i4.DecadeCellTemplateDirective, typeof i5.CenturyCellTemplateDirective, typeof i6.WeekNumberCellTemplateDirective, typeof i7.HeaderTitleTemplateDirective, typeof i8.NavigationItemTemplateDirective, typeof i9.HeaderTemplateDirective, typeof i10.FooterTemplateDirective], never, [typeof i1.CellTemplateDirective, typeof i2.MonthCellTemplateDirective, typeof i3.YearCellTemplateDirective, typeof i4.DecadeCellTemplateDirective, typeof i5.CenturyCellTemplateDirective, typeof i6.WeekNumberCellTemplateDirective, typeof i7.HeaderTitleTemplateDirective, typeof i8.NavigationItemTemplateDirective, typeof i9.HeaderTemplateDirective, typeof i10.FooterTemplateDirective]>;
32
34
  static ɵinj: i0.ɵɵInjectorDeclaration<TemplatesModule>;
33
35
  }
@@ -11,6 +11,8 @@ import { CalendarDOMService } from './services/dom.service';
11
11
  import { ViewService } from './models/view-service.interface';
12
12
  import { CalendarViewEnum } from './models/view.enum';
13
13
  import { HeaderComponent } from './header.component';
14
+ import { WeekDaysFormat } from '../common/models/week-days-format';
15
+ import { CalendarView } from './models/view.type';
14
16
  import * as i0 from "@angular/core";
15
17
  /**
16
18
  * @hidden
@@ -24,6 +26,8 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
24
26
  cellTemplateRef: TemplateRef<any>;
25
27
  weekNumberTemplateRef: TemplateRef<any>;
26
28
  headerTitleTemplateRef: TemplateRef<any>;
29
+ headerTemplateRef: TemplateRef<any>;
30
+ footerTemplateRef: TemplateRef<any>;
27
31
  showOtherMonthDays: boolean;
28
32
  activeView: CalendarViewEnum;
29
33
  cellUID: string;
@@ -35,6 +39,8 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
35
39
  tabIndex: number;
36
40
  disabled: boolean;
37
41
  id: string;
42
+ showFooter: boolean;
43
+ weekDaysFormat: WeekDaysFormat;
38
44
  get weekNumber(): boolean;
39
45
  set weekNumber(showWeekNumbers: boolean);
40
46
  cellClick: EventEmitter<any>;
@@ -54,6 +60,7 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
54
60
  get getComponentYearClass(): boolean;
55
61
  get getComponentDecadeClass(): boolean;
56
62
  get getComponentCenturyClass(): boolean;
63
+ get activeViewValue(): CalendarView;
57
64
  service: ViewService;
58
65
  activeDate: Date;
59
66
  dates: Date[];
@@ -89,5 +96,5 @@ export declare class ViewListComponent implements OnChanges, OnDestroy, AfterVie
89
96
  private getWeekNames;
90
97
  private intlChange;
91
98
  static ɵfac: i0.ɵɵFactoryDeclaration<ViewListComponent, never>;
92
- static ɵcmp: i0.ɵɵComponentDeclaration<ViewListComponent, "kendo-calendar-viewlist", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitleTemplateRef": "headerTitleTemplateRef"; "showOtherMonthDays": "showOtherMonthDays"; "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>;
99
+ static ɵcmp: i0.ɵɵComponentDeclaration<ViewListComponent, "kendo-calendar-viewlist", never, { "cellTemplateRef": "cellTemplateRef"; "weekNumberTemplateRef": "weekNumberTemplateRef"; "headerTitleTemplateRef": "headerTitleTemplateRef"; "headerTemplateRef": "headerTemplateRef"; "footerTemplateRef": "footerTemplateRef"; "showOtherMonthDays": "showOtherMonthDays"; "activeView": "activeView"; "cellUID": "cellUID"; "focusedDate": "focusedDate"; "isActive": "isActive"; "min": "min"; "max": "max"; "selectedDates": "selectedDates"; "tabIndex": "tabIndex"; "disabled": "disabled"; "id": "id"; "showFooter": "showFooter"; "weekDaysFormat": "weekDaysFormat"; "weekNumber": "weekNumber"; }, { "cellClick": "cellClick"; "weekNumberCellClick": "weekNumberCellClick"; "activeDateChange": "activeDateChange"; "todayButtonClick": "todayButtonClick"; "pageChange": "pageChange"; "focusCalendar": "focusCalendar"; "blurCalendar": "blurCalendar"; "focusedCellChange": "focusedCellChange"; }, never, never>;
93
100
  }
@@ -0,0 +1,10 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * Specifies the possible format options for the displayed Calendar week days' names.
7
+ * The format depends on the current locale.
8
+ *
9
+ */
10
+ export declare type WeekDaysFormat = 'short' | 'narrow' | 'abbreviated';
@@ -30,6 +30,9 @@ import { DateInputRounded } from '../common/models/rounded';
30
30
  import { DateInputFillMode } from '../common/models/fillmode';
31
31
  import { SVGIcon } from '@progress/kendo-svg-icons';
32
32
  import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
33
+ import { HeaderTemplateDirective } from '../calendar/templates/header-template.directive';
34
+ import { FooterTemplateDirective } from '../calendar/templates/footer-template.directivе';
35
+ import { WeekDaysFormat } from '../common/models/week-days-format';
33
36
  import * as i0 from "@angular/core";
34
37
  /**
35
38
  * Represents the [Kendo UI DatePicker component for Angular]({% slug overview_datepicker %}#toc-basic-usage).
@@ -113,6 +116,27 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
113
116
  * @hidden
114
117
  */
115
118
  set headerTitleTemplateRef(template: HeaderTitleTemplateDirective);
119
+ /**
120
+ * @hidden
121
+ */
122
+ headerTemplate: HeaderTemplateDirective;
123
+ /**
124
+ * @hidden
125
+ */
126
+ set headerTemplateRef(template: HeaderTemplateDirective);
127
+ /**
128
+ * @hidden
129
+ */
130
+ footerTemplate: FooterTemplateDirective;
131
+ /**
132
+ * @hidden
133
+ */
134
+ set footerTemplateRef(template: FooterTemplateDirective);
135
+ /**
136
+ * Toggles the visibility of the Calendar footer.
137
+ * @default false
138
+ */
139
+ footer: boolean;
116
140
  /**
117
141
  * @hidden
118
142
  */
@@ -121,6 +145,11 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
121
145
  * @hidden
122
146
  */
123
147
  set navigationItemTemplateRef(template: NavigationItemTemplateDirective);
148
+ /**
149
+ * Sets the format of the displayed Calendar week days' names.
150
+ * @default 'short'
151
+ */
152
+ weekDaysFormat?: WeekDaysFormat;
124
153
  /**
125
154
  * Displays the days that fall out of the current month in the Calendar ([see example]({% slug calendar_type_datepicker %}#toc-displaying-other-month-days)).
126
155
  * The default values per Calendar type are:
@@ -651,5 +680,5 @@ export declare class DatePickerComponent implements ControlValueAccessor, OnInit
651
680
  private handleDateCompletenessChange;
652
681
  private setComponentClasses;
653
682
  static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, [null, null, null, null, null, null, null, null, null, { optional: true; }]>;
654
- 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"; "showOtherMonthDays": "showOtherMonthDays"; "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"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "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>;
683
+ 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"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "footer": "footer"; "navigationItemTemplateRef": "navigationItemTemplate"; "weekDaysFormat": "weekDaysFormat"; "showOtherMonthDays": "showOtherMonthDays"; "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"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "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", "headerTemplate", "footerTemplate", "navigationItemTemplate"], never>;
655
684
  }
@@ -33,6 +33,9 @@ import { DateInputRounded } from '../common/models/rounded';
33
33
  import { DateInputFillMode } from '../common/models/fillmode';
34
34
  import { SVGIcon } from '@progress/kendo-svg-icons';
35
35
  import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
36
+ import { HeaderTemplateDirective } from '../calendar/templates/header-template.directive';
37
+ import { FooterTemplateDirective } from '../calendar/templates/footer-template.directivе';
38
+ import { WeekDaysFormat } from '../common/models/week-days-format';
36
39
  import * as i0 from "@angular/core";
37
40
  /**
38
41
  * Represents the [Kendo UI DateTimePicker component for Angular]({% slug overview_datetimepicker %}).
@@ -84,6 +87,11 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
84
87
  * @hidden
85
88
  */
86
89
  focusableId: string;
90
+ /**
91
+ * Sets the format of the displayed Calendar week days' names.
92
+ * @default 'short'
93
+ */
94
+ weekDaysFormat?: WeekDaysFormat;
87
95
  /**
88
96
  * Displays the days that fall out of the current month in the Calendar ([see example]({% slug datetimepicker_calendar_options %}#toc-displaying-other-month-days)).
89
97
  * The default values per Calendar type are:
@@ -469,6 +477,27 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
469
477
  * @hidden
470
478
  */
471
479
  headerTitleTemplate: HeaderTitleTemplateDirective;
480
+ /**
481
+ * @hidden
482
+ */
483
+ headerTemplate: HeaderTemplateDirective;
484
+ /**
485
+ * @hidden
486
+ */
487
+ set headerTemplateRef(template: HeaderTemplateDirective);
488
+ /**
489
+ * @hidden
490
+ */
491
+ footerTemplate: FooterTemplateDirective;
492
+ /**
493
+ * @hidden
494
+ */
495
+ set footerTemplateRef(template: FooterTemplateDirective);
496
+ /**
497
+ * Toggles the visibility of the Calendar footer.
498
+ * @default false
499
+ */
500
+ footer: boolean;
472
501
  private get activeTabComponent();
473
502
  private get appendTo();
474
503
  private container;
@@ -675,5 +704,5 @@ export declare class DateTimePickerComponent implements OnInit, OnChanges, After
675
704
  private handleDateCompletenessChange;
676
705
  private setComponentClasses;
677
706
  static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
678
- static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "kendo-datetimepicker", ["kendo-datetimepicker"], { "focusableId": "focusableId"; "showOtherMonthDays": "showOtherMonthDays"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "tabindex": "tabindex"; "disabledDates": "disabledDates"; "popupSettings": "popupSettings"; "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "cancelButton": "cancelButton"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "focusedDate": "focusedDate"; "calendarType": "calendarType"; "animateCalendarNavigation": "animateCalendarNavigation"; "weekNumber": "weekNumber"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "incompleteDateValidation": "incompleteDateValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "adaptiveMode": "adaptiveMode"; "defaultTab": "defaultTab"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], never>;
707
+ static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent, "kendo-datetimepicker", ["kendo-datetimepicker"], { "focusableId": "focusableId"; "weekDaysFormat": "weekDaysFormat"; "showOtherMonthDays": "showOtherMonthDays"; "value": "value"; "format": "format"; "twoDigitYearMax": "twoDigitYearMax"; "tabindex": "tabindex"; "disabledDates": "disabledDates"; "popupSettings": "popupSettings"; "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "readonly": "readonly"; "readOnlyInput": "readOnlyInput"; "cancelButton": "cancelButton"; "formatPlaceholder": "formatPlaceholder"; "placeholder": "placeholder"; "steps": "steps"; "focusedDate": "focusedDate"; "calendarType": "calendarType"; "animateCalendarNavigation": "animateCalendarNavigation"; "weekNumber": "weekNumber"; "min": "min"; "max": "max"; "rangeValidation": "rangeValidation"; "disabledDatesValidation": "disabledDatesValidation"; "incompleteDateValidation": "incompleteDateValidation"; "autoCorrectParts": "autoCorrectParts"; "autoSwitchParts": "autoSwitchParts"; "autoSwitchKeys": "autoSwitchKeys"; "enableMouseWheel": "enableMouseWheel"; "allowCaretMode": "allowCaretMode"; "autoFill": "autoFill"; "adaptiveMode": "adaptiveMode"; "defaultTab": "defaultTab"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "headerTemplateRef": "headerTemplate"; "footerTemplateRef": "footerTemplate"; "footer": "footer"; }, { "valueChange": "valueChange"; "open": "open"; "close": "close"; "onFocus": "focus"; "onBlur": "blur"; }, ["cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate"], never>;
679
708
  }
@@ -9,6 +9,7 @@ import { HeaderComponent } from './header.component';
9
9
  import { ViewComponent } from './view.component';
10
10
  import { EventsModule } from '@progress/kendo-angular-common';
11
11
  import { ButtonModule } from '@progress/kendo-angular-buttons';
12
+ import { FooterComponent } from './footer.component';
12
13
  import * as i0 from "@angular/core";
13
14
  /**
14
15
  * @hidden
@@ -18,14 +19,17 @@ import * as i0 from "@angular/core";
18
19
  * The package exports:
19
20
  * - `HeaderComponent`&mdash;The component that renders the UI for vertical navigation.
20
21
  * - `ViewComponent`&mdash;The component that renders the active Calendar view.
22
+ * - `FooterComponent`&mdash;The component that renders the Calendar footer.
21
23
  */
22
24
  export class CalendarCommonModule {
23
25
  }
24
26
  CalendarCommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
25
27
  CalendarCommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, declarations: [KForOf,
26
28
  HeaderComponent,
29
+ FooterComponent,
27
30
  ViewComponent], imports: [CommonModule, EventsModule, ButtonModule], exports: [KForOf,
28
31
  HeaderComponent,
32
+ FooterComponent,
29
33
  ViewComponent] });
30
34
  CalendarCommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, imports: [[CommonModule, EventsModule, ButtonModule]] });
31
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CalendarCommonModule, decorators: [{
@@ -34,11 +38,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
34
38
  declarations: [
35
39
  KForOf,
36
40
  HeaderComponent,
41
+ FooterComponent,
37
42
  ViewComponent
38
43
  ],
39
44
  exports: [
40
45
  KForOf,
41
46
  HeaderComponent,
47
+ FooterComponent,
42
48
  ViewComponent
43
49
  ],
44
50
  imports: [CommonModule, EventsModule, ButtonModule]