@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.
- package/calendar/calendar-common.module.d.ts +7 -5
- package/calendar/calendar.component.d.ts +45 -1
- package/calendar/footer.component.d.ts +22 -0
- package/calendar/header.component.d.ts +3 -2
- package/calendar/horizontal-view-list.component.d.ts +3 -1
- package/calendar/multiview-calendar.component.d.ts +44 -1
- package/calendar/services/weeknames.service.d.ts +2 -1
- package/calendar/templates/footer-template.directiv/320/265.d.ts +36 -0
- package/calendar/templates/header-template.directive.d.ts +37 -0
- package/calendar/templates.module.d.ts +3 -1
- package/calendar/view-list.component.d.ts +8 -1
- package/common/models/week-days-format.d.ts +10 -0
- package/datepicker/datepicker.component.d.ts +30 -1
- package/datetimepicker/datetimepicker.component.d.ts +30 -1
- package/esm2020/calendar/calendar-common.module.mjs +6 -0
- package/esm2020/calendar/calendar.component.mjs +70 -3
- package/esm2020/calendar/footer.component.mjs +69 -0
- package/esm2020/calendar/header.component.mjs +139 -125
- package/esm2020/calendar/horizontal-view-list.component.mjs +6 -3
- package/esm2020/calendar/multiview-calendar.component.mjs +76 -7
- package/esm2020/calendar/templates/footer-template.directiv/320/265.mjs +43 -0
- package/esm2020/calendar/templates/header-template.directive.mjs +44 -0
- package/esm2020/calendar/templates.module.mjs +14 -4
- package/esm2020/calendar/view-list.component.mjs +37 -9
- package/esm2020/calendar/view.component.mjs +3 -8
- package/esm2020/common/models/week-days-format.mjs +5 -0
- package/esm2020/datepicker/datepicker.component.mjs +51 -3
- package/esm2020/daterange/date-range-popup.component.mjs +1 -1
- package/esm2020/datetimepicker/datetimepicker.component.mjs +51 -3
- package/esm2020/index.mjs +3 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-dateinputs.mjs +584 -172
- package/fesm2020/progress-kendo-angular-dateinputs.mjs +584 -172
- package/index.d.ts +4 -0
- 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 "./
|
|
9
|
-
import * as i4 from "
|
|
10
|
-
import * as i5 from "@
|
|
11
|
-
import * as i6 from "@progress/kendo-angular-
|
|
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
|
|
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
|
-
|
|
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"; "
|
|
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:
|
|
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`—The component that renders the UI for vertical navigation.
|
|
20
21
|
* - `ViewComponent`—The component that renders the active Calendar view.
|
|
22
|
+
* - `FooterComponent`—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]
|