@progress/kendo-angular-scheduler 14.3.1-develop.2 → 14.4.0-develop.1
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/esm2020/package-metadata.mjs +2 -2
- package/esm2020/views/timeline/timeline-month-view.component.mjs +39 -14
- package/esm2020/views/timeline/timeline-view.component.mjs +40 -13
- package/esm2020/views/timeline/timeline-week-view.component.mjs +10 -3
- package/fesm2015/progress-kendo-angular-scheduler.mjs +91 -32
- package/fesm2020/progress-kendo-angular-scheduler.mjs +91 -32
- package/package.json +12 -12
- package/schematics/ngAdd/index.js +2 -2
- package/views/timeline/timeline-month-view.component.d.ts +14 -3
- package/views/timeline/timeline-view.component.d.ts +14 -3
- package/views/timeline/timeline-week-view.component.d.ts +6 -1
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-scheduler',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '14.
|
|
12
|
+
publishDate: 1703163438,
|
|
13
|
+
version: '14.4.0-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -23,19 +23,10 @@ export class TimelineMonthViewComponent extends TimelineBase {
|
|
|
23
23
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
24
24
|
super(localization, changeDetector, viewContext, viewState);
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
29
|
-
* @default '{0:Y}'
|
|
26
|
+
* Specifies the number of months that the view will render.
|
|
27
|
+
* @default 1
|
|
30
28
|
*/
|
|
31
|
-
this.
|
|
32
|
-
/**
|
|
33
|
-
* The short-date format for displaying the
|
|
34
|
-
* selected date in the Scheduler toolbar.
|
|
35
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
36
|
-
* @default '{0:y}'
|
|
37
|
-
*/
|
|
38
|
-
this.selectedShortDateFormat = '{0:y}';
|
|
29
|
+
this.numberOfMonths = 1;
|
|
39
30
|
/**
|
|
40
31
|
* The invariant name for this view.
|
|
41
32
|
* @default 'timelineMonth'
|
|
@@ -51,7 +42,7 @@ export class TimelineMonthViewComponent extends TimelineBase {
|
|
|
51
42
|
* @hidden
|
|
52
43
|
*/
|
|
53
44
|
this.getEndDate = (selectedDate) => {
|
|
54
|
-
return addMonths(this.getStartDate(selectedDate),
|
|
45
|
+
return addMonths(this.getStartDate(selectedDate), this.numberOfMonths);
|
|
55
46
|
};
|
|
56
47
|
/**
|
|
57
48
|
* @hidden
|
|
@@ -66,9 +57,41 @@ export class TimelineMonthViewComponent extends TimelineBase {
|
|
|
66
57
|
get title() {
|
|
67
58
|
return this.localization.get('timelineMonthViewTitle');
|
|
68
59
|
}
|
|
60
|
+
/**
|
|
61
|
+
* The long-date format for displaying the
|
|
62
|
+
* selected date in the Scheduler toolbar.
|
|
63
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
64
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
|
|
65
|
+
* @default '{0:Y}'
|
|
66
|
+
*/
|
|
67
|
+
set selectedDateFormat(format) {
|
|
68
|
+
this._selectedDateFormat = format;
|
|
69
|
+
}
|
|
70
|
+
get selectedDateFormat() {
|
|
71
|
+
if (this._selectedDateFormat) {
|
|
72
|
+
return this._selectedDateFormat;
|
|
73
|
+
}
|
|
74
|
+
return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:Y} - {1:Y}' : '{0:Y}';
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* The short-date format for displaying the
|
|
78
|
+
* selected date in the Scheduler toolbar.
|
|
79
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
80
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
|
|
81
|
+
* @default '{0:y}'
|
|
82
|
+
*/
|
|
83
|
+
set selectedShortDateFormat(format) {
|
|
84
|
+
this._selectedShortDateFormat = format;
|
|
85
|
+
}
|
|
86
|
+
get selectedShortDateFormat() {
|
|
87
|
+
if (this._selectedShortDateFormat) {
|
|
88
|
+
return this._selectedShortDateFormat;
|
|
89
|
+
}
|
|
90
|
+
return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
|
|
91
|
+
}
|
|
69
92
|
}
|
|
70
93
|
TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
-
TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
94
|
+
TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
|
|
72
95
|
provide: SchedulerView,
|
|
73
96
|
useExisting: forwardRef(() => TimelineMonthViewComponent)
|
|
74
97
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -159,4 +182,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
159
182
|
type: Input
|
|
160
183
|
}], selectedShortDateFormat: [{
|
|
161
184
|
type: Input
|
|
185
|
+
}], numberOfMonths: [{
|
|
186
|
+
type: Input
|
|
162
187
|
}] } });
|
|
@@ -22,19 +22,10 @@ export class TimelineViewComponent extends TimelineBase {
|
|
|
22
22
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
23
23
|
super(localization, changeDetector, viewContext, viewState);
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
28
|
-
* @default '{0:D}'
|
|
25
|
+
* Specifies the number of days that the view will render.
|
|
26
|
+
* @default 1
|
|
29
27
|
*/
|
|
30
|
-
this.
|
|
31
|
-
/**
|
|
32
|
-
* The short-date format for displaying the
|
|
33
|
-
* selected date in the Scheduler toolbar.
|
|
34
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
35
|
-
* @default '{0:d}'
|
|
36
|
-
*/
|
|
37
|
-
this.selectedShortDateFormat = '{0:d}';
|
|
28
|
+
this.numberOfDays = 1;
|
|
38
29
|
/**
|
|
39
30
|
* The invariant name for this view.
|
|
40
31
|
* @default 'timeline'
|
|
@@ -47,15 +38,48 @@ export class TimelineViewComponent extends TimelineBase {
|
|
|
47
38
|
get title() {
|
|
48
39
|
return this.localization.get('timelineViewTitle');
|
|
49
40
|
}
|
|
41
|
+
/**
|
|
42
|
+
* The long-date format for displaying the
|
|
43
|
+
* selected date in the Scheduler toolbar.
|
|
44
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
45
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
46
|
+
* @default '{0:D}'
|
|
47
|
+
*/
|
|
48
|
+
set selectedDateFormat(format) {
|
|
49
|
+
this._selectedDateFormat = format;
|
|
50
|
+
}
|
|
51
|
+
get selectedDateFormat() {
|
|
52
|
+
if (this._selectedDateFormat) {
|
|
53
|
+
return this._selectedDateFormat;
|
|
54
|
+
}
|
|
55
|
+
return this.numberOfDays && this.numberOfDays > 1 ? '{0:D} - {1:D}' : '{0:D}';
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* The short-date format for displaying the
|
|
59
|
+
* selected date in the Scheduler toolbar.
|
|
60
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
61
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
62
|
+
* @default '{0:d}'
|
|
63
|
+
*/
|
|
64
|
+
set selectedShortDateFormat(format) {
|
|
65
|
+
this._selectedShortDateFormat = format;
|
|
66
|
+
}
|
|
67
|
+
get selectedShortDateFormat() {
|
|
68
|
+
if (this._selectedShortDateFormat) {
|
|
69
|
+
return this._selectedShortDateFormat;
|
|
70
|
+
}
|
|
71
|
+
return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
|
|
72
|
+
}
|
|
50
73
|
}
|
|
51
74
|
TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.ViewContextService }, { token: i3.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
75
|
+
TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
|
|
53
76
|
provide: SchedulerView,
|
|
54
77
|
useExisting: forwardRef(() => TimelineViewComponent)
|
|
55
78
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
56
79
|
<ng-template #content>
|
|
57
80
|
<timeline-multi-day-view
|
|
58
81
|
[name]="name"
|
|
82
|
+
[numberOfDays]="numberOfDays"
|
|
59
83
|
[eventHeight]="viewEventHeight"
|
|
60
84
|
[columnWidth]="viewColumnWidth"
|
|
61
85
|
[currentTimeMarker]="viewCurrentTimeMarker"
|
|
@@ -98,6 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
98
122
|
<ng-template #content>
|
|
99
123
|
<timeline-multi-day-view
|
|
100
124
|
[name]="name"
|
|
125
|
+
[numberOfDays]="numberOfDays"
|
|
101
126
|
[eventHeight]="viewEventHeight"
|
|
102
127
|
[columnWidth]="viewColumnWidth"
|
|
103
128
|
[currentTimeMarker]="viewCurrentTimeMarker"
|
|
@@ -132,4 +157,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
132
157
|
type: Input
|
|
133
158
|
}], selectedShortDateFormat: [{
|
|
134
159
|
type: Input
|
|
160
|
+
}], numberOfDays: [{
|
|
161
|
+
type: Input
|
|
135
162
|
}] } });
|
|
@@ -42,6 +42,11 @@ export class TimelineWeekViewComponent extends TimelineBase {
|
|
|
42
42
|
* @default '{0:d} - {1:d}'
|
|
43
43
|
*/
|
|
44
44
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
45
|
+
/**
|
|
46
|
+
* Specifies the number of weeks that the view will render.
|
|
47
|
+
* @default 1
|
|
48
|
+
*/
|
|
49
|
+
this.numberOfWeeks = 1;
|
|
45
50
|
/**
|
|
46
51
|
* The invariant name for this view.
|
|
47
52
|
* @default 'timelineWeek'
|
|
@@ -62,7 +67,7 @@ export class TimelineWeekViewComponent extends TimelineBase {
|
|
|
62
67
|
}
|
|
63
68
|
}
|
|
64
69
|
TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i3.ViewContextService }, { token: i4.ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
70
|
+
TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
|
|
66
71
|
provide: SchedulerView,
|
|
67
72
|
useExisting: forwardRef(() => TimelineWeekViewComponent)
|
|
68
73
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -70,7 +75,7 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
70
75
|
<timeline-multi-day-view
|
|
71
76
|
viewName="timeline-week"
|
|
72
77
|
[name]="name"
|
|
73
|
-
[numberOfDays]="7"
|
|
78
|
+
[numberOfDays]="7 * numberOfWeeks"
|
|
74
79
|
[getStartDate]="getStartDate"
|
|
75
80
|
[eventHeight]="viewEventHeight"
|
|
76
81
|
[columnWidth]="viewColumnWidth"
|
|
@@ -116,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
116
121
|
<timeline-multi-day-view
|
|
117
122
|
viewName="timeline-week"
|
|
118
123
|
[name]="name"
|
|
119
|
-
[numberOfDays]="7"
|
|
124
|
+
[numberOfDays]="7 * numberOfWeeks"
|
|
120
125
|
[getStartDate]="getStartDate"
|
|
121
126
|
[eventHeight]="viewEventHeight"
|
|
122
127
|
[columnWidth]="viewColumnWidth"
|
|
@@ -153,4 +158,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
153
158
|
type: Input
|
|
154
159
|
}], selectedShortDateFormat: [{
|
|
155
160
|
type: Input
|
|
161
|
+
}], numberOfWeeks: [{
|
|
162
|
+
type: Input
|
|
156
163
|
}] } });
|
|
@@ -48,8 +48,8 @@ const packageMetadata = {
|
|
|
48
48
|
name: '@progress/kendo-angular-scheduler',
|
|
49
49
|
productName: 'Kendo UI for Angular',
|
|
50
50
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
51
|
-
publishDate:
|
|
52
|
-
version: '14.
|
|
51
|
+
publishDate: 1703163438,
|
|
52
|
+
version: '14.4.0-develop.1',
|
|
53
53
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
54
54
|
};
|
|
55
55
|
|
|
@@ -15646,19 +15646,10 @@ class TimelineViewComponent extends TimelineBase {
|
|
|
15646
15646
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
15647
15647
|
super(localization, changeDetector, viewContext, viewState);
|
|
15648
15648
|
/**
|
|
15649
|
-
*
|
|
15650
|
-
*
|
|
15651
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15652
|
-
* @default '{0:D}'
|
|
15653
|
-
*/
|
|
15654
|
-
this.selectedDateFormat = '{0:D}';
|
|
15655
|
-
/**
|
|
15656
|
-
* The short-date format for displaying the
|
|
15657
|
-
* selected date in the Scheduler toolbar.
|
|
15658
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15659
|
-
* @default '{0:d}'
|
|
15649
|
+
* Specifies the number of days that the view will render.
|
|
15650
|
+
* @default 1
|
|
15660
15651
|
*/
|
|
15661
|
-
this.
|
|
15652
|
+
this.numberOfDays = 1;
|
|
15662
15653
|
/**
|
|
15663
15654
|
* The invariant name for this view.
|
|
15664
15655
|
* @default 'timeline'
|
|
@@ -15671,15 +15662,48 @@ class TimelineViewComponent extends TimelineBase {
|
|
|
15671
15662
|
get title() {
|
|
15672
15663
|
return this.localization.get('timelineViewTitle');
|
|
15673
15664
|
}
|
|
15665
|
+
/**
|
|
15666
|
+
* The long-date format for displaying the
|
|
15667
|
+
* selected date in the Scheduler toolbar.
|
|
15668
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15669
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
15670
|
+
* @default '{0:D}'
|
|
15671
|
+
*/
|
|
15672
|
+
set selectedDateFormat(format) {
|
|
15673
|
+
this._selectedDateFormat = format;
|
|
15674
|
+
}
|
|
15675
|
+
get selectedDateFormat() {
|
|
15676
|
+
if (this._selectedDateFormat) {
|
|
15677
|
+
return this._selectedDateFormat;
|
|
15678
|
+
}
|
|
15679
|
+
return this.numberOfDays && this.numberOfDays > 1 ? '{0:D} - {1:D}' : '{0:D}';
|
|
15680
|
+
}
|
|
15681
|
+
/**
|
|
15682
|
+
* The short-date format for displaying the
|
|
15683
|
+
* selected date in the Scheduler toolbar.
|
|
15684
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15685
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
15686
|
+
* @default '{0:d}'
|
|
15687
|
+
*/
|
|
15688
|
+
set selectedShortDateFormat(format) {
|
|
15689
|
+
this._selectedShortDateFormat = format;
|
|
15690
|
+
}
|
|
15691
|
+
get selectedShortDateFormat() {
|
|
15692
|
+
if (this._selectedShortDateFormat) {
|
|
15693
|
+
return this._selectedShortDateFormat;
|
|
15694
|
+
}
|
|
15695
|
+
return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
|
|
15696
|
+
}
|
|
15674
15697
|
}
|
|
15675
15698
|
TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15676
|
-
TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
15699
|
+
TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
|
|
15677
15700
|
provide: SchedulerView,
|
|
15678
15701
|
useExisting: forwardRef(() => TimelineViewComponent)
|
|
15679
15702
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
15680
15703
|
<ng-template #content>
|
|
15681
15704
|
<timeline-multi-day-view
|
|
15682
15705
|
[name]="name"
|
|
15706
|
+
[numberOfDays]="numberOfDays"
|
|
15683
15707
|
[eventHeight]="viewEventHeight"
|
|
15684
15708
|
[columnWidth]="viewColumnWidth"
|
|
15685
15709
|
[currentTimeMarker]="viewCurrentTimeMarker"
|
|
@@ -15722,6 +15746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15722
15746
|
<ng-template #content>
|
|
15723
15747
|
<timeline-multi-day-view
|
|
15724
15748
|
[name]="name"
|
|
15749
|
+
[numberOfDays]="numberOfDays"
|
|
15725
15750
|
[eventHeight]="viewEventHeight"
|
|
15726
15751
|
[columnWidth]="viewColumnWidth"
|
|
15727
15752
|
[currentTimeMarker]="viewCurrentTimeMarker"
|
|
@@ -15756,6 +15781,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15756
15781
|
type: Input
|
|
15757
15782
|
}], selectedShortDateFormat: [{
|
|
15758
15783
|
type: Input
|
|
15784
|
+
}], numberOfDays: [{
|
|
15785
|
+
type: Input
|
|
15759
15786
|
}] } });
|
|
15760
15787
|
|
|
15761
15788
|
/**
|
|
@@ -15782,6 +15809,11 @@ class TimelineWeekViewComponent extends TimelineBase {
|
|
|
15782
15809
|
* @default '{0:d} - {1:d}'
|
|
15783
15810
|
*/
|
|
15784
15811
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
15812
|
+
/**
|
|
15813
|
+
* Specifies the number of weeks that the view will render.
|
|
15814
|
+
* @default 1
|
|
15815
|
+
*/
|
|
15816
|
+
this.numberOfWeeks = 1;
|
|
15785
15817
|
/**
|
|
15786
15818
|
* The invariant name for this view.
|
|
15787
15819
|
* @default 'timelineWeek'
|
|
@@ -15802,7 +15834,7 @@ class TimelineWeekViewComponent extends TimelineBase {
|
|
|
15802
15834
|
}
|
|
15803
15835
|
}
|
|
15804
15836
|
TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1$4.IntlService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15805
|
-
TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
15837
|
+
TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
|
|
15806
15838
|
provide: SchedulerView,
|
|
15807
15839
|
useExisting: forwardRef(() => TimelineWeekViewComponent)
|
|
15808
15840
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -15810,7 +15842,7 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
15810
15842
|
<timeline-multi-day-view
|
|
15811
15843
|
viewName="timeline-week"
|
|
15812
15844
|
[name]="name"
|
|
15813
|
-
[numberOfDays]="7"
|
|
15845
|
+
[numberOfDays]="7 * numberOfWeeks"
|
|
15814
15846
|
[getStartDate]="getStartDate"
|
|
15815
15847
|
[eventHeight]="viewEventHeight"
|
|
15816
15848
|
[columnWidth]="viewColumnWidth"
|
|
@@ -15856,7 +15888,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15856
15888
|
<timeline-multi-day-view
|
|
15857
15889
|
viewName="timeline-week"
|
|
15858
15890
|
[name]="name"
|
|
15859
|
-
[numberOfDays]="7"
|
|
15891
|
+
[numberOfDays]="7 * numberOfWeeks"
|
|
15860
15892
|
[getStartDate]="getStartDate"
|
|
15861
15893
|
[eventHeight]="viewEventHeight"
|
|
15862
15894
|
[columnWidth]="viewColumnWidth"
|
|
@@ -15893,6 +15925,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15893
15925
|
type: Input
|
|
15894
15926
|
}], selectedShortDateFormat: [{
|
|
15895
15927
|
type: Input
|
|
15928
|
+
}], numberOfWeeks: [{
|
|
15929
|
+
type: Input
|
|
15896
15930
|
}] } });
|
|
15897
15931
|
|
|
15898
15932
|
/**
|
|
@@ -15902,19 +15936,10 @@ class TimelineMonthViewComponent extends TimelineBase {
|
|
|
15902
15936
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
15903
15937
|
super(localization, changeDetector, viewContext, viewState);
|
|
15904
15938
|
/**
|
|
15905
|
-
*
|
|
15906
|
-
*
|
|
15907
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15908
|
-
* @default '{0:Y}'
|
|
15909
|
-
*/
|
|
15910
|
-
this.selectedDateFormat = '{0:Y}';
|
|
15911
|
-
/**
|
|
15912
|
-
* The short-date format for displaying the
|
|
15913
|
-
* selected date in the Scheduler toolbar.
|
|
15914
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15915
|
-
* @default '{0:y}'
|
|
15939
|
+
* Specifies the number of months that the view will render.
|
|
15940
|
+
* @default 1
|
|
15916
15941
|
*/
|
|
15917
|
-
this.
|
|
15942
|
+
this.numberOfMonths = 1;
|
|
15918
15943
|
/**
|
|
15919
15944
|
* The invariant name for this view.
|
|
15920
15945
|
* @default 'timelineMonth'
|
|
@@ -15930,7 +15955,7 @@ class TimelineMonthViewComponent extends TimelineBase {
|
|
|
15930
15955
|
* @hidden
|
|
15931
15956
|
*/
|
|
15932
15957
|
this.getEndDate = (selectedDate) => {
|
|
15933
|
-
return addMonths(this.getStartDate(selectedDate),
|
|
15958
|
+
return addMonths(this.getStartDate(selectedDate), this.numberOfMonths);
|
|
15934
15959
|
};
|
|
15935
15960
|
/**
|
|
15936
15961
|
* @hidden
|
|
@@ -15945,9 +15970,41 @@ class TimelineMonthViewComponent extends TimelineBase {
|
|
|
15945
15970
|
get title() {
|
|
15946
15971
|
return this.localization.get('timelineMonthViewTitle');
|
|
15947
15972
|
}
|
|
15973
|
+
/**
|
|
15974
|
+
* The long-date format for displaying the
|
|
15975
|
+
* selected date in the Scheduler toolbar.
|
|
15976
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15977
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
|
|
15978
|
+
* @default '{0:Y}'
|
|
15979
|
+
*/
|
|
15980
|
+
set selectedDateFormat(format) {
|
|
15981
|
+
this._selectedDateFormat = format;
|
|
15982
|
+
}
|
|
15983
|
+
get selectedDateFormat() {
|
|
15984
|
+
if (this._selectedDateFormat) {
|
|
15985
|
+
return this._selectedDateFormat;
|
|
15986
|
+
}
|
|
15987
|
+
return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:Y} - {1:Y}' : '{0:Y}';
|
|
15988
|
+
}
|
|
15989
|
+
/**
|
|
15990
|
+
* The short-date format for displaying the
|
|
15991
|
+
* selected date in the Scheduler toolbar.
|
|
15992
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15993
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
|
|
15994
|
+
* @default '{0:y}'
|
|
15995
|
+
*/
|
|
15996
|
+
set selectedShortDateFormat(format) {
|
|
15997
|
+
this._selectedShortDateFormat = format;
|
|
15998
|
+
}
|
|
15999
|
+
get selectedShortDateFormat() {
|
|
16000
|
+
if (this._selectedShortDateFormat) {
|
|
16001
|
+
return this._selectedShortDateFormat;
|
|
16002
|
+
}
|
|
16003
|
+
return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
|
|
16004
|
+
}
|
|
15948
16005
|
}
|
|
15949
16006
|
TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15950
|
-
TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
16007
|
+
TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
|
|
15951
16008
|
provide: SchedulerView,
|
|
15952
16009
|
useExisting: forwardRef(() => TimelineMonthViewComponent)
|
|
15953
16010
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -16038,6 +16095,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
16038
16095
|
type: Input
|
|
16039
16096
|
}], selectedShortDateFormat: [{
|
|
16040
16097
|
type: Input
|
|
16098
|
+
}], numberOfMonths: [{
|
|
16099
|
+
type: Input
|
|
16041
16100
|
}] } });
|
|
16042
16101
|
|
|
16043
16102
|
const PUBLIC_DIRECTIVES = [
|
|
@@ -48,8 +48,8 @@ const packageMetadata = {
|
|
|
48
48
|
name: '@progress/kendo-angular-scheduler',
|
|
49
49
|
productName: 'Kendo UI for Angular',
|
|
50
50
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
51
|
-
publishDate:
|
|
52
|
-
version: '14.
|
|
51
|
+
publishDate: 1703163438,
|
|
52
|
+
version: '14.4.0-develop.1',
|
|
53
53
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
54
54
|
};
|
|
55
55
|
|
|
@@ -15600,19 +15600,10 @@ class TimelineViewComponent extends TimelineBase {
|
|
|
15600
15600
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
15601
15601
|
super(localization, changeDetector, viewContext, viewState);
|
|
15602
15602
|
/**
|
|
15603
|
-
*
|
|
15604
|
-
*
|
|
15605
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15606
|
-
* @default '{0:D}'
|
|
15607
|
-
*/
|
|
15608
|
-
this.selectedDateFormat = '{0:D}';
|
|
15609
|
-
/**
|
|
15610
|
-
* The short-date format for displaying the
|
|
15611
|
-
* selected date in the Scheduler toolbar.
|
|
15612
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15613
|
-
* @default '{0:d}'
|
|
15603
|
+
* Specifies the number of days that the view will render.
|
|
15604
|
+
* @default 1
|
|
15614
15605
|
*/
|
|
15615
|
-
this.
|
|
15606
|
+
this.numberOfDays = 1;
|
|
15616
15607
|
/**
|
|
15617
15608
|
* The invariant name for this view.
|
|
15618
15609
|
* @default 'timeline'
|
|
@@ -15625,15 +15616,48 @@ class TimelineViewComponent extends TimelineBase {
|
|
|
15625
15616
|
get title() {
|
|
15626
15617
|
return this.localization.get('timelineViewTitle');
|
|
15627
15618
|
}
|
|
15619
|
+
/**
|
|
15620
|
+
* The long-date format for displaying the
|
|
15621
|
+
* selected date in the Scheduler toolbar.
|
|
15622
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15623
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
15624
|
+
* @default '{0:D}'
|
|
15625
|
+
*/
|
|
15626
|
+
set selectedDateFormat(format) {
|
|
15627
|
+
this._selectedDateFormat = format;
|
|
15628
|
+
}
|
|
15629
|
+
get selectedDateFormat() {
|
|
15630
|
+
if (this._selectedDateFormat) {
|
|
15631
|
+
return this._selectedDateFormat;
|
|
15632
|
+
}
|
|
15633
|
+
return this.numberOfDays && this.numberOfDays > 1 ? '{0:D} - {1:D}' : '{0:D}';
|
|
15634
|
+
}
|
|
15635
|
+
/**
|
|
15636
|
+
* The short-date format for displaying the
|
|
15637
|
+
* selected date in the Scheduler toolbar.
|
|
15638
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15639
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
15640
|
+
* @default '{0:d}'
|
|
15641
|
+
*/
|
|
15642
|
+
set selectedShortDateFormat(format) {
|
|
15643
|
+
this._selectedShortDateFormat = format;
|
|
15644
|
+
}
|
|
15645
|
+
get selectedShortDateFormat() {
|
|
15646
|
+
if (this._selectedShortDateFormat) {
|
|
15647
|
+
return this._selectedShortDateFormat;
|
|
15648
|
+
}
|
|
15649
|
+
return this.numberOfDays && this.numberOfDays > 1 ? '{0:d} - {1:d}' : '{0:d}';
|
|
15650
|
+
}
|
|
15628
15651
|
}
|
|
15629
15652
|
TimelineViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15630
|
-
TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
15653
|
+
TimelineViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfDays: "numberOfDays" }, providers: [{
|
|
15631
15654
|
provide: SchedulerView,
|
|
15632
15655
|
useExisting: forwardRef(() => TimelineViewComponent)
|
|
15633
15656
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
15634
15657
|
<ng-template #content>
|
|
15635
15658
|
<timeline-multi-day-view
|
|
15636
15659
|
[name]="name"
|
|
15660
|
+
[numberOfDays]="numberOfDays"
|
|
15637
15661
|
[eventHeight]="viewEventHeight"
|
|
15638
15662
|
[columnWidth]="viewColumnWidth"
|
|
15639
15663
|
[currentTimeMarker]="viewCurrentTimeMarker"
|
|
@@ -15676,6 +15700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15676
15700
|
<ng-template #content>
|
|
15677
15701
|
<timeline-multi-day-view
|
|
15678
15702
|
[name]="name"
|
|
15703
|
+
[numberOfDays]="numberOfDays"
|
|
15679
15704
|
[eventHeight]="viewEventHeight"
|
|
15680
15705
|
[columnWidth]="viewColumnWidth"
|
|
15681
15706
|
[currentTimeMarker]="viewCurrentTimeMarker"
|
|
@@ -15710,6 +15735,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15710
15735
|
type: Input
|
|
15711
15736
|
}], selectedShortDateFormat: [{
|
|
15712
15737
|
type: Input
|
|
15738
|
+
}], numberOfDays: [{
|
|
15739
|
+
type: Input
|
|
15713
15740
|
}] } });
|
|
15714
15741
|
|
|
15715
15742
|
/**
|
|
@@ -15736,6 +15763,11 @@ class TimelineWeekViewComponent extends TimelineBase {
|
|
|
15736
15763
|
* @default '{0:d} - {1:d}'
|
|
15737
15764
|
*/
|
|
15738
15765
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
15766
|
+
/**
|
|
15767
|
+
* Specifies the number of weeks that the view will render.
|
|
15768
|
+
* @default 1
|
|
15769
|
+
*/
|
|
15770
|
+
this.numberOfWeeks = 1;
|
|
15739
15771
|
/**
|
|
15740
15772
|
* The invariant name for this view.
|
|
15741
15773
|
* @default 'timelineWeek'
|
|
@@ -15756,7 +15788,7 @@ class TimelineWeekViewComponent extends TimelineBase {
|
|
|
15756
15788
|
}
|
|
15757
15789
|
}
|
|
15758
15790
|
TimelineWeekViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineWeekViewComponent, deps: [{ token: i1$4.IntlService }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15759
|
-
TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
15791
|
+
TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineWeekViewComponent, selector: "kendo-scheduler-timeline-week-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfWeeks: "numberOfWeeks" }, providers: [{
|
|
15760
15792
|
provide: SchedulerView,
|
|
15761
15793
|
useExisting: forwardRef(() => TimelineWeekViewComponent)
|
|
15762
15794
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -15764,7 +15796,7 @@ TimelineWeekViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
15764
15796
|
<timeline-multi-day-view
|
|
15765
15797
|
viewName="timeline-week"
|
|
15766
15798
|
[name]="name"
|
|
15767
|
-
[numberOfDays]="7"
|
|
15799
|
+
[numberOfDays]="7 * numberOfWeeks"
|
|
15768
15800
|
[getStartDate]="getStartDate"
|
|
15769
15801
|
[eventHeight]="viewEventHeight"
|
|
15770
15802
|
[columnWidth]="viewColumnWidth"
|
|
@@ -15810,7 +15842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15810
15842
|
<timeline-multi-day-view
|
|
15811
15843
|
viewName="timeline-week"
|
|
15812
15844
|
[name]="name"
|
|
15813
|
-
[numberOfDays]="7"
|
|
15845
|
+
[numberOfDays]="7 * numberOfWeeks"
|
|
15814
15846
|
[getStartDate]="getStartDate"
|
|
15815
15847
|
[eventHeight]="viewEventHeight"
|
|
15816
15848
|
[columnWidth]="viewColumnWidth"
|
|
@@ -15847,6 +15879,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15847
15879
|
type: Input
|
|
15848
15880
|
}], selectedShortDateFormat: [{
|
|
15849
15881
|
type: Input
|
|
15882
|
+
}], numberOfWeeks: [{
|
|
15883
|
+
type: Input
|
|
15850
15884
|
}] } });
|
|
15851
15885
|
|
|
15852
15886
|
/**
|
|
@@ -15856,19 +15890,10 @@ class TimelineMonthViewComponent extends TimelineBase {
|
|
|
15856
15890
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
15857
15891
|
super(localization, changeDetector, viewContext, viewState);
|
|
15858
15892
|
/**
|
|
15859
|
-
*
|
|
15860
|
-
*
|
|
15861
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15862
|
-
* @default '{0:Y}'
|
|
15863
|
-
*/
|
|
15864
|
-
this.selectedDateFormat = '{0:Y}';
|
|
15865
|
-
/**
|
|
15866
|
-
* The short-date format for displaying the
|
|
15867
|
-
* selected date in the Scheduler toolbar.
|
|
15868
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15869
|
-
* @default '{0:y}'
|
|
15893
|
+
* Specifies the number of months that the view will render.
|
|
15894
|
+
* @default 1
|
|
15870
15895
|
*/
|
|
15871
|
-
this.
|
|
15896
|
+
this.numberOfMonths = 1;
|
|
15872
15897
|
/**
|
|
15873
15898
|
* The invariant name for this view.
|
|
15874
15899
|
* @default 'timelineMonth'
|
|
@@ -15884,7 +15909,7 @@ class TimelineMonthViewComponent extends TimelineBase {
|
|
|
15884
15909
|
* @hidden
|
|
15885
15910
|
*/
|
|
15886
15911
|
this.getEndDate = (selectedDate) => {
|
|
15887
|
-
return addMonths(this.getStartDate(selectedDate),
|
|
15912
|
+
return addMonths(this.getStartDate(selectedDate), this.numberOfMonths);
|
|
15888
15913
|
};
|
|
15889
15914
|
/**
|
|
15890
15915
|
* @hidden
|
|
@@ -15899,9 +15924,41 @@ class TimelineMonthViewComponent extends TimelineBase {
|
|
|
15899
15924
|
get title() {
|
|
15900
15925
|
return this.localization.get('timelineMonthViewTitle');
|
|
15901
15926
|
}
|
|
15927
|
+
/**
|
|
15928
|
+
* The long-date format for displaying the
|
|
15929
|
+
* selected date in the Scheduler toolbar.
|
|
15930
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15931
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
|
|
15932
|
+
* @default '{0:Y}'
|
|
15933
|
+
*/
|
|
15934
|
+
set selectedDateFormat(format) {
|
|
15935
|
+
this._selectedDateFormat = format;
|
|
15936
|
+
}
|
|
15937
|
+
get selectedDateFormat() {
|
|
15938
|
+
if (this._selectedDateFormat) {
|
|
15939
|
+
return this._selectedDateFormat;
|
|
15940
|
+
}
|
|
15941
|
+
return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:Y} - {1:Y}' : '{0:Y}';
|
|
15942
|
+
}
|
|
15943
|
+
/**
|
|
15944
|
+
* The short-date format for displaying the
|
|
15945
|
+
* selected date in the Scheduler toolbar.
|
|
15946
|
+
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
15947
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
|
|
15948
|
+
* @default '{0:y}'
|
|
15949
|
+
*/
|
|
15950
|
+
set selectedShortDateFormat(format) {
|
|
15951
|
+
this._selectedShortDateFormat = format;
|
|
15952
|
+
}
|
|
15953
|
+
get selectedShortDateFormat() {
|
|
15954
|
+
if (this._selectedShortDateFormat) {
|
|
15955
|
+
return this._selectedShortDateFormat;
|
|
15956
|
+
}
|
|
15957
|
+
return this.numberOfMonths && this.numberOfMonths > 1 ? '{0:y} - {1:y}' : '{0:y}';
|
|
15958
|
+
}
|
|
15902
15959
|
}
|
|
15903
15960
|
TimelineMonthViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TimelineMonthViewComponent, deps: [{ token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: ViewContextService }, { token: ViewStateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15904
|
-
TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat" }, providers: [{
|
|
15961
|
+
TimelineMonthViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TimelineMonthViewComponent, selector: "kendo-scheduler-timeline-month-view", inputs: { selectedDateFormat: "selectedDateFormat", selectedShortDateFormat: "selectedShortDateFormat", numberOfMonths: "numberOfMonths" }, providers: [{
|
|
15905
15962
|
provide: SchedulerView,
|
|
15906
15963
|
useExisting: forwardRef(() => TimelineMonthViewComponent)
|
|
15907
15964
|
}], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -15992,6 +16049,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
15992
16049
|
type: Input
|
|
15993
16050
|
}], selectedShortDateFormat: [{
|
|
15994
16051
|
type: Input
|
|
16052
|
+
}], numberOfMonths: [{
|
|
16053
|
+
type: Input
|
|
15995
16054
|
}] } });
|
|
15996
16055
|
|
|
15997
16056
|
const PUBLIC_DIRECTIVES = [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-scheduler",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.4.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -26,21 +26,21 @@
|
|
|
26
26
|
"@progress/kendo-data-query": "^1.0.0",
|
|
27
27
|
"@progress/kendo-drawing": "^1.17.2",
|
|
28
28
|
"@progress/kendo-licensing": "^1.0.2",
|
|
29
|
-
"@progress/kendo-angular-buttons": "14.
|
|
30
|
-
"@progress/kendo-angular-common": "14.
|
|
31
|
-
"@progress/kendo-angular-dateinputs": "14.
|
|
32
|
-
"@progress/kendo-angular-dialog": "14.
|
|
33
|
-
"@progress/kendo-angular-dropdowns": "14.
|
|
34
|
-
"@progress/kendo-angular-icons": "14.
|
|
35
|
-
"@progress/kendo-angular-inputs": "14.
|
|
36
|
-
"@progress/kendo-angular-intl": "14.
|
|
37
|
-
"@progress/kendo-angular-l10n": "14.
|
|
38
|
-
"@progress/kendo-angular-popup": "14.
|
|
29
|
+
"@progress/kendo-angular-buttons": "14.4.0-develop.1",
|
|
30
|
+
"@progress/kendo-angular-common": "14.4.0-develop.1",
|
|
31
|
+
"@progress/kendo-angular-dateinputs": "14.4.0-develop.1",
|
|
32
|
+
"@progress/kendo-angular-dialog": "14.4.0-develop.1",
|
|
33
|
+
"@progress/kendo-angular-dropdowns": "14.4.0-develop.1",
|
|
34
|
+
"@progress/kendo-angular-icons": "14.4.0-develop.1",
|
|
35
|
+
"@progress/kendo-angular-inputs": "14.4.0-develop.1",
|
|
36
|
+
"@progress/kendo-angular-intl": "14.4.0-develop.1",
|
|
37
|
+
"@progress/kendo-angular-l10n": "14.4.0-develop.1",
|
|
38
|
+
"@progress/kendo-angular-popup": "14.4.0-develop.1",
|
|
39
39
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"tslib": "^2.3.1",
|
|
43
|
-
"@progress/kendo-angular-schematics": "14.
|
|
43
|
+
"@progress/kendo-angular-schematics": "14.4.0-develop.1",
|
|
44
44
|
"@progress/kendo-date-math": "^1.3.2",
|
|
45
45
|
"@progress/kendo-draggable": "^3.0.2",
|
|
46
46
|
"@progress/kendo-file-saver": "^1.0.7",
|
|
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SchedulerModule', package: 'scheduler', peerDependencies: {
|
|
6
6
|
// peer dep of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '14.
|
|
7
|
+
'@progress/kendo-angular-treeview': '14.4.0-develop.1',
|
|
8
8
|
// peer dependency of kendo-angular-inputs
|
|
9
|
-
'@progress/kendo-angular-dialog': '14.
|
|
9
|
+
'@progress/kendo-angular-dialog': '14.4.0-develop.1',
|
|
10
10
|
// peer dependency of kendo-angular-icons
|
|
11
11
|
'@progress/kendo-svg-icons': '^2.0.0'
|
|
12
12
|
} });
|
|
@@ -20,16 +20,27 @@ export declare class TimelineMonthViewComponent extends TimelineBase {
|
|
|
20
20
|
* The long-date format for displaying the
|
|
21
21
|
* selected date in the Scheduler toolbar.
|
|
22
22
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
23
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
|
|
23
24
|
* @default '{0:Y}'
|
|
24
25
|
*/
|
|
25
|
-
selectedDateFormat: string;
|
|
26
|
+
set selectedDateFormat(format: string);
|
|
27
|
+
get selectedDateFormat(): string;
|
|
28
|
+
private _selectedDateFormat;
|
|
26
29
|
/**
|
|
27
30
|
* The short-date format for displaying the
|
|
28
31
|
* selected date in the Scheduler toolbar.
|
|
29
32
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
33
|
+
* > Note: If [numberOfMonths](#toc-numberofmonths) > 1, the default format value shows a range - `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
|
|
30
34
|
* @default '{0:y}'
|
|
31
35
|
*/
|
|
32
|
-
selectedShortDateFormat: string;
|
|
36
|
+
set selectedShortDateFormat(format: string);
|
|
37
|
+
get selectedShortDateFormat(): string;
|
|
38
|
+
private _selectedShortDateFormat;
|
|
39
|
+
/**
|
|
40
|
+
* Specifies the number of months that the view will render.
|
|
41
|
+
* @default 1
|
|
42
|
+
*/
|
|
43
|
+
numberOfMonths: number;
|
|
33
44
|
/**
|
|
34
45
|
* The invariant name for this view.
|
|
35
46
|
* @default 'timelineMonth'
|
|
@@ -49,5 +60,5 @@ export declare class TimelineMonthViewComponent extends TimelineBase {
|
|
|
49
60
|
getNextDate: (date: Date, count: number) => Date;
|
|
50
61
|
constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService);
|
|
51
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineMonthViewComponent, never>;
|
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineMonthViewComponent, "kendo-scheduler-timeline-month-view", never, { "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, never, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineMonthViewComponent, "kendo-scheduler-timeline-month-view", never, { "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; "numberOfMonths": "numberOfMonths"; }, {}, never, never>;
|
|
53
64
|
}
|
|
@@ -20,16 +20,27 @@ export declare class TimelineViewComponent extends TimelineBase {
|
|
|
20
20
|
* The long-date format for displaying the
|
|
21
21
|
* selected date in the Scheduler toolbar.
|
|
22
22
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
23
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
23
24
|
* @default '{0:D}'
|
|
24
25
|
*/
|
|
25
|
-
selectedDateFormat: string;
|
|
26
|
+
set selectedDateFormat(format: string);
|
|
27
|
+
get selectedDateFormat(): string;
|
|
28
|
+
private _selectedDateFormat;
|
|
26
29
|
/**
|
|
27
30
|
* The short-date format for displaying the
|
|
28
31
|
* selected date in the Scheduler toolbar.
|
|
29
32
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
33
|
+
* > Note: If [numberOfDays](#toc-numberofdays) > 1, the default format value shows a range - `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
30
34
|
* @default '{0:d}'
|
|
31
35
|
*/
|
|
32
|
-
selectedShortDateFormat: string;
|
|
36
|
+
set selectedShortDateFormat(format: string);
|
|
37
|
+
get selectedShortDateFormat(): string;
|
|
38
|
+
private _selectedShortDateFormat;
|
|
39
|
+
/**
|
|
40
|
+
* Specifies the number of days that the view will render.
|
|
41
|
+
* @default 1
|
|
42
|
+
*/
|
|
43
|
+
numberOfDays: number;
|
|
33
44
|
/**
|
|
34
45
|
* The invariant name for this view.
|
|
35
46
|
* @default 'timeline'
|
|
@@ -37,5 +48,5 @@ export declare class TimelineViewComponent extends TimelineBase {
|
|
|
37
48
|
readonly name: string;
|
|
38
49
|
constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService);
|
|
39
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineViewComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineViewComponent, "kendo-scheduler-timeline-view", never, { "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, never, never>;
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineViewComponent, "kendo-scheduler-timeline-view", never, { "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; "numberOfDays": "numberOfDays"; }, {}, never, never>;
|
|
41
52
|
}
|
|
@@ -35,6 +35,11 @@ export declare class TimelineWeekViewComponent extends TimelineBase {
|
|
|
35
35
|
* @default '{0:d} - {1:d}'
|
|
36
36
|
*/
|
|
37
37
|
selectedShortDateFormat: string;
|
|
38
|
+
/**
|
|
39
|
+
* Specifies the number of weeks that the view will render.
|
|
40
|
+
* @default 1
|
|
41
|
+
*/
|
|
42
|
+
numberOfWeeks: number;
|
|
38
43
|
/**
|
|
39
44
|
* The invariant name for this view.
|
|
40
45
|
* @default 'timelineWeek'
|
|
@@ -46,5 +51,5 @@ export declare class TimelineWeekViewComponent extends TimelineBase {
|
|
|
46
51
|
*/
|
|
47
52
|
getStartDate: (selectedDate: Date) => Date;
|
|
48
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineWeekViewComponent, never>;
|
|
49
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineWeekViewComponent, "kendo-scheduler-timeline-week-view", never, { "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; }, {}, never, never>;
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineWeekViewComponent, "kendo-scheduler-timeline-week-view", never, { "selectedDateFormat": "selectedDateFormat"; "selectedShortDateFormat": "selectedShortDateFormat"; "numberOfWeeks": "numberOfWeeks"; }, {}, never, never>;
|
|
50
55
|
}
|