@progress/kendo-angular-scheduler 13.4.1-develop.2 → 13.4.1-develop.4
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/editing/recurrence/recurrence-editor.component.d.ts +1 -0
- package/editing/timezone-editor.component.d.ts +1 -0
- package/editing-directives/edit-service.interface.d.ts +1 -2
- package/esm2020/editing/recurrence/recurrence-editor.component.mjs +1 -0
- package/esm2020/editing/timezone-editor.component.mjs +1 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pdf/pdf.component.mjs +1 -1
- package/esm2020/scheduler.component.mjs +16 -39
- package/esm2020/toolbar/navigation.component.mjs +0 -8
- package/esm2020/toolbar/view-selector.component.mjs +0 -8
- package/esm2020/types/crud-operation.enum.mjs +6 -4
- package/esm2020/types/edit-mode.enum.mjs +9 -5
- package/esm2020/views/agenda/agenda-view.component.mjs +3 -1
- package/esm2020/views/month/month-view.component.mjs +4 -3
- package/esm2020/views/month/multi-week-view.component.mjs +3 -3
- package/esm2020/views/multi-day/day-view.component.mjs +4 -3
- package/esm2020/views/multi-day/multi-day-view.component.mjs +5 -2
- package/esm2020/views/multi-day/week-view.component.mjs +4 -1
- package/esm2020/views/multi-day/work-week-view.component.mjs +2 -1
- package/esm2020/views/timeline/timeline-month-view.component.mjs +4 -3
- package/esm2020/views/timeline/timeline-view.component.mjs +4 -3
- package/esm2020/views/timeline/timeline-week-view.component.mjs +4 -1
- package/fesm2015/progress-kendo-angular-scheduler.mjs +73 -88
- package/fesm2020/progress-kendo-angular-scheduler.mjs +73 -88
- package/localization/messages.d.ts +1 -1
- package/package.json +12 -12
- package/pdf/pdf.component.d.ts +5 -12
- package/scheduler.component.d.ts +20 -149
- package/schematics/ngAdd/index.js +2 -2
- package/toolbar/navigation.component.d.ts +0 -8
- package/toolbar/view-selector.component.d.ts +0 -8
- package/types/crud-operation.enum.d.ts +6 -4
- package/types/datepicker-options.interface.d.ts +26 -27
- package/types/edit-mode.enum.d.ts +9 -5
- package/types/editable-settings.interface.d.ts +2 -2
- package/types/view-item.interface.d.ts +12 -0
- package/views/agenda/agenda-view.component.d.ts +3 -1
- package/views/day-time/day-time-view-base.d.ts +1 -0
- package/views/month/month-view.component.d.ts +4 -3
- package/views/month/multi-week-view.component.d.ts +3 -3
- package/views/multi-day/day-view.component.d.ts +4 -3
- package/views/multi-day/multi-day-view-base.d.ts +1 -1
- package/views/multi-day/multi-day-view.component.d.ts +5 -2
- package/views/multi-day/week-view.component.d.ts +4 -1
- package/views/multi-day/work-week-view.component.d.ts +2 -1
- package/views/timeline/timeline-month-view.component.d.ts +4 -3
- package/views/timeline/timeline-view.component.d.ts +4 -3
- package/views/timeline/timeline-week-view.component.d.ts +4 -1
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* A service
|
|
7
|
-
* Used to persist the changes which are applied during editing.
|
|
6
|
+
* A service that is used by the reactive and template editing directives of the Scheduler to persist the changes that are applied during editing.
|
|
8
7
|
*
|
|
9
8
|
* * [Custom Service]({% slug editing_directives_scheduler %}#toc-custom-service)
|
|
10
9
|
* * [`BaseEditService`]({% slug api_scheduler_baseeditservice %})
|
|
@@ -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: '13.4.1-develop.
|
|
12
|
+
publishDate: 1694174973,
|
|
13
|
+
version: '13.4.1-develop.4',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -25,7 +25,7 @@ export class PDFComponent {
|
|
|
25
25
|
this.ngZone = ngZone;
|
|
26
26
|
/**
|
|
27
27
|
* The creator of the PDF document.
|
|
28
|
-
*
|
|
28
|
+
* @default 'Kendo UI PDF Generator'
|
|
29
29
|
*/
|
|
30
30
|
this.creator = 'Kendo UI PDF Generator';
|
|
31
31
|
this.subscriptions = this.pdfService.elementReady.subscribe(this.createElement.bind(this));
|
|
@@ -66,22 +66,6 @@ const todayDate = () => getDate(new Date());
|
|
|
66
66
|
const DAYS_IN_WEEK = 7;
|
|
67
67
|
/**
|
|
68
68
|
* Represents the [Kendo UI Scheduler component for Angular]({% slug overview_scheduler %}).
|
|
69
|
-
*
|
|
70
|
-
* @example
|
|
71
|
-
* ```ts-preview
|
|
72
|
-
* _@Component({
|
|
73
|
-
* selector: 'my-app',
|
|
74
|
-
* template: `
|
|
75
|
-
* <kendo-scheduler style="height: 600px">
|
|
76
|
-
* <kendo-scheduler-day-view>
|
|
77
|
-
* </kendo-scheduler-day-view>
|
|
78
|
-
* <kendo-scheduler-week-view>
|
|
79
|
-
* </kendo-scheduler-week-view>
|
|
80
|
-
* </kendo-scheduler>
|
|
81
|
-
* `
|
|
82
|
-
* })
|
|
83
|
-
* class AppComponent {}
|
|
84
|
-
* ```
|
|
85
69
|
*/
|
|
86
70
|
export class SchedulerComponent {
|
|
87
71
|
constructor(wrapper, viewContext, viewState, editService, dialogsService, intlService, changeDetector, zone, pdfService, localization, domEvents, renderer, focusService) {
|
|
@@ -113,62 +97,74 @@ export class SchedulerComponent {
|
|
|
113
97
|
this.selectable = false;
|
|
114
98
|
/**
|
|
115
99
|
* The height of the events in the **Month** and **Timeline** views, and the height of the **All day** events in the **Day** and **Week** views.
|
|
100
|
+
* @default 25
|
|
116
101
|
*/
|
|
117
102
|
this.eventHeight = 25;
|
|
118
103
|
/**
|
|
119
104
|
* Specifies the columns width. Applicable for the **Timeline** views.
|
|
105
|
+
* @default 100
|
|
120
106
|
*/
|
|
121
107
|
this.columnWidth = 100;
|
|
122
108
|
/**
|
|
123
109
|
* The start time of the view. The Scheduler displays events which start after the start time.
|
|
124
110
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
111
|
+
* @default '00:00'
|
|
125
112
|
*/
|
|
126
113
|
this.startTime = '00:00';
|
|
127
114
|
/**
|
|
128
115
|
* The end time of the view. The Scheduler displays events which end before the end time.
|
|
129
116
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
117
|
+
* @default '00:00'
|
|
130
118
|
*/
|
|
131
119
|
this.endTime = '00:00';
|
|
132
120
|
/**
|
|
133
121
|
* The start time of the view when `showWorkHours` is set to `true`.
|
|
134
122
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
123
|
+
* @default '08:00'
|
|
135
124
|
*/
|
|
136
125
|
this.workDayStart = '08:00';
|
|
137
126
|
/**
|
|
138
127
|
* The end time of the view when `showWorkHours` is set to `true`.
|
|
139
128
|
* Accepts string values in the `HH:mm` format. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
129
|
+
* @default '17:00'
|
|
140
130
|
*/
|
|
141
131
|
this.workDayEnd = '17:00';
|
|
142
132
|
/**
|
|
143
133
|
* The duration (in minutes) of the time slots. Applicable for the day, week and timeline views.
|
|
134
|
+
* @default 60
|
|
144
135
|
*/
|
|
145
136
|
this.slotDuration = 60;
|
|
146
137
|
/**
|
|
147
138
|
* The number of divisions of the time slots. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
139
|
+
* @default 2
|
|
148
140
|
*/
|
|
149
141
|
this.slotDivisions = 2;
|
|
150
142
|
/**
|
|
151
143
|
* A numeric value between 0 and 1 that specifies what percentage of the slot will be filled by the events.
|
|
152
144
|
* Applicable for the **Day** and **Week** views.
|
|
153
|
-
*
|
|
145
|
+
* @default 0.9
|
|
154
146
|
*/
|
|
155
147
|
this.slotFill = 0.9;
|
|
156
148
|
/**
|
|
157
149
|
* The time to which the view will initially be scrolled.
|
|
158
150
|
* Accepts string values in the `HH:mm` format or a JavaScript `Date`. Applicable for the **Day**, **Week**, and **Timeline** views.
|
|
151
|
+
* @default '08:00'
|
|
159
152
|
*/
|
|
160
153
|
this.scrollTime = this.workDayStart;
|
|
161
154
|
/**
|
|
162
155
|
* Specifies the Scheduler current time marker settings.
|
|
156
|
+
* @default true
|
|
163
157
|
*/
|
|
164
158
|
this.currentTimeMarker = true;
|
|
165
159
|
/**
|
|
166
160
|
* Specifies the settings for the ongoing events highlight of the Scheduler.
|
|
161
|
+
* @default true
|
|
167
162
|
*/
|
|
168
163
|
this.highlightOngoingEvents = true;
|
|
169
164
|
/**
|
|
170
165
|
* A callback that executes for each slot of the Scheduler view.
|
|
171
166
|
* If it returns `true`, the `k-selected` CSS class will be added to the cell, making it visibly selected.
|
|
167
|
+
* @default () => false
|
|
172
168
|
*/
|
|
173
169
|
this.isSlotSelected = alwaysFalse;
|
|
174
170
|
/**
|
|
@@ -316,7 +312,7 @@ export class SchedulerComponent {
|
|
|
316
312
|
/**
|
|
317
313
|
* Specifies the id of the timezone that will be displayed in the Scheduler.
|
|
318
314
|
* For example, `Europe/Sofia`.
|
|
319
|
-
*
|
|
315
|
+
* @default 'Etc/UTC'
|
|
320
316
|
*/
|
|
321
317
|
set timezone(value) {
|
|
322
318
|
this._timezone = value;
|
|
@@ -644,11 +640,6 @@ export class SchedulerComponent {
|
|
|
644
640
|
* @param y - The y document position.
|
|
645
641
|
*
|
|
646
642
|
* @return {SchedulerSlot} - The slot.
|
|
647
|
-
*
|
|
648
|
-
* {% embed_file drag-and-drop/app.component.ts %}
|
|
649
|
-
* {% embed_file drag-and-drop/draggable.directive.ts %}
|
|
650
|
-
* {% embed_file drag-and-drop/app.module.ts %}
|
|
651
|
-
* {% embed_file shared/main.ts %}
|
|
652
643
|
*/
|
|
653
644
|
slotByPosition(x, y) {
|
|
654
645
|
return this.viewContext.executeMethod('slotByPosition', { x, y });
|
|
@@ -675,17 +666,9 @@ export class SchedulerComponent {
|
|
|
675
666
|
/**
|
|
676
667
|
* Focuses the next event or an event at a specified relative position.
|
|
677
668
|
* The `options` parameter can be used to set a positive or negative offset
|
|
678
|
-
* that is relative to the currently focused event.
|
|
669
|
+
* that is relative to the currently focused event ([see example](slug:keyboard_navigation_scheduler#toc-event-navigation-with-the-tab-key)).
|
|
679
670
|
* A `nowrap` flag toggles the wrapping to the first or to the last item.
|
|
680
671
|
*
|
|
681
|
-
* @example
|
|
682
|
-
* ```ts-no-run
|
|
683
|
-
* scheduler.focusNext(); // Focuses the next event.
|
|
684
|
-
* scheduler.focusNext({ offset: 1 }); // Focuses the next event.
|
|
685
|
-
* scheduler.focusNext({ offset: -1 }); // Focuses the previous event.
|
|
686
|
-
* scheduler.focusNext({ nowrap: true }); // If the focus is on the last event, does not move the focus to the first event.
|
|
687
|
-
* ```
|
|
688
|
-
*
|
|
689
672
|
* @param position The relative position of the event to focus.
|
|
690
673
|
* @returns `true` if the focused event changed. Otherwise, returns `false`.
|
|
691
674
|
*/
|
|
@@ -697,15 +680,9 @@ export class SchedulerComponent {
|
|
|
697
680
|
/**
|
|
698
681
|
* Focuses the previous event or an event at a specified relative position.
|
|
699
682
|
* The `options` parameter can be used to set a positive or negative offset
|
|
700
|
-
* that is relative to the currently focused event.
|
|
683
|
+
* that is relative to the currently focused event ([see example](slug:keyboard_navigation_scheduler#toc-event-navigation-with-the-tab-key)).
|
|
701
684
|
* A `nowrap` flag toggles the wrapping to the first or to the last item.
|
|
702
685
|
*
|
|
703
|
-
* @example
|
|
704
|
-
* ```ts-no-run
|
|
705
|
-
* scheduler.focusPrev(); // Focuses the previous event
|
|
706
|
-
* scheduler.focusPrev({ nowrap: true }); // Does not move the focus to the last event, if focus is on the first one.
|
|
707
|
-
* ```
|
|
708
|
-
*
|
|
709
686
|
* @param position The relative position of the event to focus.
|
|
710
687
|
* @returns `true` if the focused event changed. Otherwise, returns `false`.
|
|
711
688
|
*/
|
|
@@ -27,14 +27,6 @@ const iconsMap = { caretAltLeftIcon, caretAltRightIcon, calendarIcon };
|
|
|
27
27
|
* To render the **Previous**, **Today**, **Next**, and **Date picker**
|
|
28
28
|
* buttons, include the component in the
|
|
29
29
|
* [toolbar template]({% slug api_scheduler_toolbartemplatedirective %}).
|
|
30
|
-
*
|
|
31
|
-
* {% meta height:700 %}
|
|
32
|
-
* {% embed_file toolbar/template/app.component.ts preview %}
|
|
33
|
-
* {% embed_file toolbar/template/my-navigation.component.ts %}
|
|
34
|
-
* {% embed_file toolbar/template/app.module.ts %}
|
|
35
|
-
* {% embed_file shared/events-utc.ts %}
|
|
36
|
-
* {% embed_file shared/main.ts %}
|
|
37
|
-
* {% endmeta %}
|
|
38
30
|
*/
|
|
39
31
|
export class ToolbarNavigationComponent {
|
|
40
32
|
constructor(popupService, toolbarService, localization, cd, viewContext) {
|
|
@@ -17,14 +17,6 @@ import * as i5 from "../navigation/focusable.directive";
|
|
|
17
17
|
*
|
|
18
18
|
* To render the view-selection buttons, include the component in the
|
|
19
19
|
* [toolbar template]({% slug api_scheduler_toolbartemplatedirective %}).
|
|
20
|
-
*
|
|
21
|
-
* {% meta height:700 %}
|
|
22
|
-
* {% embed_file toolbar/template/app.component.ts preview %}
|
|
23
|
-
* {% embed_file toolbar/template/my-navigation.component.ts %}
|
|
24
|
-
* {% embed_file toolbar/template/app.module.ts %}
|
|
25
|
-
* {% embed_file shared/events-utc.ts %}
|
|
26
|
-
* {% embed_file shared/main.ts %}
|
|
27
|
-
* {% endmeta %}
|
|
28
20
|
*/
|
|
29
21
|
export class ToolbarViewSelectorComponent {
|
|
30
22
|
constructor(service, localization) {
|
|
@@ -4,13 +4,15 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* The selected CRUD operation when the user edits or removes recurring events.
|
|
7
|
-
*
|
|
8
|
-
* The supported values are:
|
|
9
|
-
* * `Edit`
|
|
10
|
-
* * `Remove`
|
|
11
7
|
*/
|
|
12
8
|
export var CrudOperation;
|
|
13
9
|
(function (CrudOperation) {
|
|
10
|
+
/**
|
|
11
|
+
* The user edits the selected recurring event.
|
|
12
|
+
*/
|
|
14
13
|
CrudOperation[CrudOperation["Edit"] = 0] = "Edit";
|
|
14
|
+
/**
|
|
15
|
+
* The user removes the selected recurring event.
|
|
16
|
+
*/
|
|
15
17
|
CrudOperation[CrudOperation["Remove"] = 1] = "Remove";
|
|
16
18
|
})(CrudOperation || (CrudOperation = {}));
|
|
@@ -5,15 +5,19 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* The selected edit mode during the update or removal of events.
|
|
7
7
|
* For non-recurring events, set to `Event`.
|
|
8
|
-
*
|
|
9
|
-
* The supported values are:
|
|
10
|
-
* * `Event`—Edits the selected event.
|
|
11
|
-
* * `Occurrence`—Edits the selected occurrence.
|
|
12
|
-
* * `Series`—Edits all events in the series.
|
|
13
8
|
*/
|
|
14
9
|
export var EditMode;
|
|
15
10
|
(function (EditMode) {
|
|
11
|
+
/**
|
|
12
|
+
* Edits the selected event.
|
|
13
|
+
*/
|
|
16
14
|
EditMode[EditMode["Event"] = 0] = "Event";
|
|
15
|
+
/**
|
|
16
|
+
* Edits the selected occurrence.
|
|
17
|
+
*/
|
|
17
18
|
EditMode[EditMode["Occurrence"] = 1] = "Occurrence";
|
|
19
|
+
/**
|
|
20
|
+
* Edits all events in the series.
|
|
21
|
+
*/
|
|
18
22
|
EditMode[EditMode["Series"] = 2] = "Series";
|
|
19
23
|
})(EditMode || (EditMode = {}));
|
|
@@ -34,15 +34,17 @@ export class AgendaViewComponent extends ConfigurationViewBase {
|
|
|
34
34
|
* Defaults to `{0:d} - {1:d}`,
|
|
35
35
|
* where `0` is the start and `1` is the end date
|
|
36
36
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
37
|
+
* @default '{0:d} - {1:d}'
|
|
37
38
|
*/
|
|
38
39
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
39
40
|
/**
|
|
40
41
|
* Specifies the number of days that the view will render.
|
|
41
|
-
*
|
|
42
|
+
* @default 7
|
|
42
43
|
*/
|
|
43
44
|
this.numberOfDays = 7;
|
|
44
45
|
/**
|
|
45
46
|
* The invariant name for this view (`agenda`).
|
|
47
|
+
* @default 'agenda'
|
|
46
48
|
*/
|
|
47
49
|
this.name = 'agenda';
|
|
48
50
|
}
|
|
@@ -29,19 +29,20 @@ export class MonthViewComponent extends ConfigurationViewBase {
|
|
|
29
29
|
/**
|
|
30
30
|
* The long-date format for displaying the
|
|
31
31
|
* selected date in the Scheduler toolbar.
|
|
32
|
-
* Defaults to `{0:Y}`
|
|
33
32
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
33
|
+
* @default '{0:Y}'
|
|
34
34
|
*/
|
|
35
35
|
this.selectedDateFormat = '{0:Y}';
|
|
36
36
|
/**
|
|
37
37
|
* The short-date format for displaying the
|
|
38
38
|
* selected date in the Scheduler toolbar.
|
|
39
|
-
* Defaults to `{0:y}`
|
|
40
39
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
|
|
40
|
+
* @default '{0:y}'
|
|
41
41
|
*/
|
|
42
42
|
this.selectedShortDateFormat = '{0:y}';
|
|
43
43
|
/**
|
|
44
|
-
* The invariant name for this view
|
|
44
|
+
* The invariant name for this view.
|
|
45
|
+
* @default 'month'
|
|
45
46
|
*/
|
|
46
47
|
this.name = 'month';
|
|
47
48
|
}
|
|
@@ -28,21 +28,21 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
|
|
|
28
28
|
this.intl = intl;
|
|
29
29
|
/**
|
|
30
30
|
* The number of weeks to be rendered.
|
|
31
|
-
*
|
|
31
|
+
* @default 6
|
|
32
32
|
*/
|
|
33
33
|
this.numberOfWeeks = WEEKS_COUNT;
|
|
34
34
|
/**
|
|
35
35
|
* The long-date format for displaying the
|
|
36
36
|
* selected date in the Scheduler toolbar.
|
|
37
|
-
* Defaults to `{0:D} - {1:D}`
|
|
38
37
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
38
|
+
* @default '{0:D} - {1:D}'
|
|
39
39
|
*/
|
|
40
40
|
this.selectedDateFormat = '{0:D} - {1:D}';
|
|
41
41
|
/**
|
|
42
42
|
* The short-date format for displaying the
|
|
43
43
|
* selected date in the Scheduler toolbar.
|
|
44
|
-
* Defaults to `{0:d} - {1:d}`
|
|
45
44
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting.
|
|
45
|
+
* @default '{0:d} - {1:d}'
|
|
46
46
|
*/
|
|
47
47
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
48
48
|
/**
|
|
@@ -23,7 +23,8 @@ export class DayViewComponent extends MultiDayViewBase {
|
|
|
23
23
|
constructor(localization, changeDetector, viewContext, viewState) {
|
|
24
24
|
super(localization, changeDetector, viewContext, viewState);
|
|
25
25
|
/**
|
|
26
|
-
* The invariant name for this view
|
|
26
|
+
* The invariant name for this view.
|
|
27
|
+
* @default 'day'
|
|
27
28
|
*/
|
|
28
29
|
this.name = 'day';
|
|
29
30
|
this._selectedDateFormat = '{0:D}';
|
|
@@ -38,8 +39,8 @@ export class DayViewComponent extends MultiDayViewBase {
|
|
|
38
39
|
/**
|
|
39
40
|
* The long-date format for displaying the
|
|
40
41
|
* selected date in the Scheduler toolbar.
|
|
41
|
-
* Defaults to `{0:D}`
|
|
42
42
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
43
|
+
* @default '{0:D}'
|
|
43
44
|
*/
|
|
44
45
|
set selectedDateFormat(value) {
|
|
45
46
|
this._selectedDateFormat = value;
|
|
@@ -51,8 +52,8 @@ export class DayViewComponent extends MultiDayViewBase {
|
|
|
51
52
|
/**
|
|
52
53
|
* The short-date format for displaying the
|
|
53
54
|
* selected date in the Scheduler toolbar.
|
|
54
|
-
* Defaults to `{0:D}`
|
|
55
55
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
56
|
+
* @default '{0:d}'
|
|
56
57
|
*/
|
|
57
58
|
set selectedShortDateFormat(value) {
|
|
58
59
|
this._selectedShortDateFormat = value;
|
|
@@ -23,11 +23,12 @@ export class MultiDayViewComponent extends DayViewComponent {
|
|
|
23
23
|
super(localization, changeDetector, viewContext, viewState);
|
|
24
24
|
/**
|
|
25
25
|
* Specifies the number of days that the view will render.
|
|
26
|
-
*
|
|
26
|
+
* @default 1
|
|
27
27
|
*/
|
|
28
28
|
this.numberOfDays = 1;
|
|
29
29
|
/**
|
|
30
|
-
* The invariant name for this view
|
|
30
|
+
* The invariant name for this view.
|
|
31
|
+
* @default 'multi-day'
|
|
31
32
|
*/
|
|
32
33
|
this.name = 'multiDay';
|
|
33
34
|
}
|
|
@@ -36,6 +37,7 @@ export class MultiDayViewComponent extends DayViewComponent {
|
|
|
36
37
|
* selected date in the Scheduler toolbar.
|
|
37
38
|
* Defaults to `{0:D} - {1:D}` for multiple days and `{0:D}` for a single day
|
|
38
39
|
* ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
|
|
40
|
+
* @default '{0:D} - {1:D}'
|
|
39
41
|
*/
|
|
40
42
|
set selectedDateFormat(value) {
|
|
41
43
|
this.dateFormat = value;
|
|
@@ -48,6 +50,7 @@ export class MultiDayViewComponent extends DayViewComponent {
|
|
|
48
50
|
* selected date in the Scheduler toolbar.
|
|
49
51
|
* Defaults to `{0:d} - {1:d}` for multiple days and `{0:d}` for a single day
|
|
50
52
|
* ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
|
|
53
|
+
* @default '{0:d} - {1:d}'
|
|
51
54
|
*/
|
|
52
55
|
set selectedShortDateFormat(value) {
|
|
53
56
|
this.shortDateFormat = value;
|
|
@@ -32,6 +32,7 @@ export class WeekViewComponent extends MultiDayViewBase {
|
|
|
32
32
|
* Defaults to `{0:D} - {1:D}`,
|
|
33
33
|
* where `0` is the start and `1` is the end date
|
|
34
34
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
|
|
35
|
+
* @default '{0:D} - {1:D}'
|
|
35
36
|
*/
|
|
36
37
|
this.selectedDateFormat = '{0:D} - {1:D}';
|
|
37
38
|
/**
|
|
@@ -40,10 +41,12 @@ export class WeekViewComponent extends MultiDayViewBase {
|
|
|
40
41
|
* Defaults to `{0:d} - {1:d}`,
|
|
41
42
|
* where `0` is the start and `1` is the end date
|
|
42
43
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
|
|
44
|
+
* @default '{0:d} - {1:d}'
|
|
43
45
|
*/
|
|
44
46
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
45
47
|
/**
|
|
46
|
-
* The invariant name for this view
|
|
48
|
+
* The invariant name for this view.
|
|
49
|
+
* @default 'week'
|
|
47
50
|
*/
|
|
48
51
|
this.name = 'week';
|
|
49
52
|
this.getStartDate = this.getStartDate.bind(this);
|
|
@@ -26,7 +26,8 @@ export class WorkWeekViewComponent extends WeekViewComponent {
|
|
|
26
26
|
constructor(intl, localization, changeDetector, viewContext, viewState) {
|
|
27
27
|
super(intl, localization, changeDetector, viewContext, viewState);
|
|
28
28
|
/**
|
|
29
|
-
* The invariant name for this view
|
|
29
|
+
* The invariant name for this view.
|
|
30
|
+
* @default 'workWeek'
|
|
30
31
|
*/
|
|
31
32
|
this.name = 'workWeek';
|
|
32
33
|
this.getNextDate = this.getNextDate.bind(this);
|
|
@@ -25,19 +25,20 @@ export class TimelineMonthViewComponent extends TimelineBase {
|
|
|
25
25
|
/**
|
|
26
26
|
* The long-date format for displaying the
|
|
27
27
|
* selected date in the Scheduler toolbar.
|
|
28
|
-
* Defaults to `{0:Y}`
|
|
29
28
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
29
|
+
* @default '{0:Y}'
|
|
30
30
|
*/
|
|
31
31
|
this.selectedDateFormat = '{0:Y}';
|
|
32
32
|
/**
|
|
33
33
|
* The short-date format for displaying the
|
|
34
34
|
* selected date in the Scheduler toolbar.
|
|
35
|
-
* Defaults to `{0:y}`
|
|
36
35
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
36
|
+
* @default '{0:y}'
|
|
37
37
|
*/
|
|
38
38
|
this.selectedShortDateFormat = '{0:y}';
|
|
39
39
|
/**
|
|
40
|
-
* The invariant name for this view
|
|
40
|
+
* The invariant name for this view.
|
|
41
|
+
* @default 'timelineMonth'
|
|
41
42
|
*/
|
|
42
43
|
this.name = 'timelineMonth';
|
|
43
44
|
/**
|
|
@@ -24,19 +24,20 @@ export class TimelineViewComponent extends TimelineBase {
|
|
|
24
24
|
/**
|
|
25
25
|
* The long-date format for displaying the
|
|
26
26
|
* selected date in the Scheduler toolbar.
|
|
27
|
-
* Defaults to `{0:D}`
|
|
28
27
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
28
|
+
* @default '{0:D}'
|
|
29
29
|
*/
|
|
30
30
|
this.selectedDateFormat = '{0:D}';
|
|
31
31
|
/**
|
|
32
32
|
* The short-date format for displaying the
|
|
33
33
|
* selected date in the Scheduler toolbar.
|
|
34
|
-
* Defaults to `{0:D}`
|
|
35
34
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
35
|
+
* @default '{0:d}'
|
|
36
36
|
*/
|
|
37
37
|
this.selectedShortDateFormat = '{0:d}';
|
|
38
38
|
/**
|
|
39
|
-
* The invariant name for this view
|
|
39
|
+
* The invariant name for this view.
|
|
40
|
+
* @default 'timeline'
|
|
40
41
|
*/
|
|
41
42
|
this.name = 'timeline';
|
|
42
43
|
}
|
|
@@ -30,6 +30,7 @@ export class TimelineWeekViewComponent extends TimelineBase {
|
|
|
30
30
|
* Defaults to `{0:D} - {1:D}`
|
|
31
31
|
* where `0` is the start and `1` is the end date
|
|
32
32
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
33
|
+
* @default '{0:D} - {1:D}'
|
|
33
34
|
*/
|
|
34
35
|
this.selectedDateFormat = '{0:D} - {1:D}';
|
|
35
36
|
/**
|
|
@@ -38,10 +39,12 @@ export class TimelineWeekViewComponent extends TimelineBase {
|
|
|
38
39
|
* Defaults to `{0:d} - {1:d}`
|
|
39
40
|
* where `0` is the start and `1` is the end date
|
|
40
41
|
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
42
|
+
* @default '{0:d} - {1:d}'
|
|
41
43
|
*/
|
|
42
44
|
this.selectedShortDateFormat = '{0:d} - {1:d}';
|
|
43
45
|
/**
|
|
44
|
-
* The invariant name for this view
|
|
46
|
+
* The invariant name for this view.
|
|
47
|
+
* @default 'timelineWeek'
|
|
45
48
|
*/
|
|
46
49
|
this.name = 'timelineWeek';
|
|
47
50
|
/**
|