@progress/kendo-angular-scheduler 19.1.2-develop.4 → 19.1.2-develop.6
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/data-binding.directive.d.ts +12 -3
- package/directives.d.ts +42 -2
- package/editing/edit-dialog-template.directive.d.ts +15 -2
- package/editing/recurrence/recurrence-editor.component.d.ts +29 -10
- package/editing/timezone-editor.component.d.ts +13 -3
- package/editing-directives/base-edit.service.d.ts +8 -11
- package/editing-directives/edit-service.interface.d.ts +22 -24
- package/editing-directives/reactive-editing.directive.d.ts +15 -2
- package/esm2022/data-binding.directive.mjs +12 -3
- package/esm2022/directives.mjs +42 -2
- package/esm2022/editing/edit-dialog-template.directive.mjs +15 -2
- package/esm2022/editing/recurrence/recurrence-editor.component.mjs +29 -10
- package/esm2022/editing/timezone-editor.component.mjs +13 -3
- package/esm2022/editing-directives/base-edit.service.mjs +8 -11
- package/esm2022/editing-directives/reactive-editing.directive.mjs +15 -2
- package/esm2022/events/add-event.mjs +3 -3
- package/esm2022/events/cancel-event.mjs +2 -2
- package/esm2022/events/create-event.mjs +6 -6
- package/esm2022/events/date-change-event.mjs +4 -4
- package/esm2022/events/drag-end-event.mjs +8 -8
- package/esm2022/events/drag-event.mjs +8 -8
- package/esm2022/events/drag-start-event.mjs +4 -4
- package/esm2022/events/edit-event.mjs +4 -4
- package/esm2022/events/event-click-event.mjs +5 -5
- package/esm2022/events/event-keydown-event.mjs +4 -4
- package/esm2022/events/navigate-event.mjs +3 -3
- package/esm2022/events/remove-event.mjs +4 -4
- package/esm2022/events/resize-end-event.mjs +6 -6
- package/esm2022/events/resize-event.mjs +8 -8
- package/esm2022/events/resize-start-event.mjs +4 -4
- package/esm2022/events/save-event.mjs +3 -3
- package/esm2022/events/slot-click-event.mjs +7 -7
- package/esm2022/events/slot-drag-end-event.mjs +1 -1
- package/esm2022/events/slot-drag-event.mjs +7 -7
- package/esm2022/events/slot-drag-start-event.mjs +8 -7
- package/esm2022/localization/custom-messages.component.mjs +14 -1
- package/esm2022/localization/messages.mjs +98 -98
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/pdf-command.directive.mjs +11 -11
- package/esm2022/pdf/pdf-export-event.mjs +1 -1
- package/esm2022/pdf/pdf.component.mjs +19 -8
- package/esm2022/pdf/pdf.module.mjs +7 -8
- package/esm2022/scheduler.component.mjs +62 -62
- package/esm2022/scheduler.module.mjs +6 -7
- package/esm2022/toolbar/navigation.component.mjs +16 -7
- package/esm2022/toolbar/toolbar-template.directive.mjs +18 -10
- package/esm2022/toolbar/toolbar.service.mjs +3 -4
- package/esm2022/toolbar/view-selector.component.mjs +14 -8
- package/esm2022/types/crud-operation.enum.mjs +3 -3
- package/esm2022/types/edit-mode.enum.mjs +2 -2
- package/esm2022/types/scheduler-view.mjs +1 -1
- package/esm2022/views/agenda/agenda-view.component.mjs +15 -11
- package/esm2022/views/common/slot-selectable.directive.mjs +16 -4
- package/esm2022/views/month/month-view.component.mjs +17 -16
- package/esm2022/views/month/multi-week-view.component.mjs +20 -18
- package/esm2022/views/multi-day/day-view.component.mjs +12 -7
- package/esm2022/views/multi-day/multi-day-view.component.mjs +16 -11
- package/esm2022/views/multi-day/week-view.component.mjs +14 -11
- package/esm2022/views/multi-day/work-week-view.component.mjs +8 -1
- package/esm2022/views/scheduler-view.directive.mjs +13 -3
- package/esm2022/views/templates/agenda-date-template.directive.mjs +13 -3
- package/esm2022/views/templates/agenda-time-template.directive.mjs +13 -3
- package/esm2022/views/templates/all-day-event-template.directive.mjs +13 -3
- package/esm2022/views/templates/all-day-slot-template.directive.mjs +13 -3
- package/esm2022/views/templates/date-header-template.directive.mjs +14 -4
- package/esm2022/views/templates/event-template.directive.mjs +13 -3
- package/esm2022/views/templates/group-header-template.directive.mjs +14 -4
- package/esm2022/views/templates/major-time-header-template.directive.mjs +13 -3
- package/esm2022/views/templates/minor-time-header-template.directive.mjs +13 -3
- package/esm2022/views/templates/month-day-slot-template.directive.mjs +13 -3
- package/esm2022/views/templates/multi-week-day-slot-template.directive.mjs +12 -3
- package/esm2022/views/templates/time-slot-template.directive.mjs +14 -4
- package/esm2022/views/timeline/timeline-month-view.component.mjs +16 -11
- package/esm2022/views/timeline/timeline-view.component.mjs +16 -11
- package/esm2022/views/timeline/timeline-week-view.component.mjs +18 -14
- package/esm2022/views/view-context.service.mjs +6 -6
- package/esm2022/views/view-state.service.mjs +9 -9
- package/esm2022/views/year/year-view.component.mjs +12 -7
- package/events/add-event.d.ts +3 -3
- package/events/cancel-event.d.ts +2 -2
- package/events/create-event.d.ts +6 -6
- package/events/date-change-event.d.ts +4 -4
- package/events/drag-end-event.d.ts +8 -8
- package/events/drag-event.d.ts +8 -8
- package/events/drag-start-event.d.ts +4 -4
- package/events/edit-event.d.ts +4 -4
- package/events/event-click-event.d.ts +5 -5
- package/events/event-keydown-event.d.ts +4 -4
- package/events/navigate-event.d.ts +3 -3
- package/events/remove-event.d.ts +4 -4
- package/events/resize-end-event.d.ts +6 -6
- package/events/resize-event.d.ts +8 -8
- package/events/resize-start-event.d.ts +4 -4
- package/events/save-event.d.ts +3 -3
- package/events/slot-click-event.d.ts +7 -7
- package/events/slot-drag-end-event.d.ts +1 -1
- package/events/slot-drag-event.d.ts +7 -7
- package/events/slot-drag-start-event.d.ts +8 -7
- package/fesm2022/progress-kendo-angular-scheduler.mjs +876 -543
- package/localization/custom-messages.component.d.ts +14 -1
- package/localization/messages.d.ts +98 -98
- package/navigation/focus-position.interface.d.ts +2 -3
- package/package.json +15 -15
- package/pdf/pdf-command.directive.d.ts +11 -11
- package/pdf/pdf-export-event.d.ts +1 -1
- package/pdf/pdf.component.d.ts +19 -8
- package/pdf/pdf.module.d.ts +7 -8
- package/scheduler.component.d.ts +62 -62
- package/scheduler.module.d.ts +6 -7
- package/schematics/ngAdd/index.js +3 -3
- package/toolbar/navigation.component.d.ts +16 -7
- package/toolbar/toolbar-template.directive.d.ts +18 -10
- package/toolbar/toolbar.service.d.ts +3 -4
- package/toolbar/view-selector.component.d.ts +14 -8
- package/types/actions.d.ts +51 -45
- package/types/create-form-group-args.interface.d.ts +1 -1
- package/types/crud-operation.enum.d.ts +3 -3
- package/types/current-time-settings.interface.d.ts +10 -8
- package/types/date-range.interface.d.ts +7 -11
- package/types/datepicker-options.interface.d.ts +33 -38
- package/types/edit-event-args.interface.d.ts +3 -4
- package/types/edit-mode.enum.d.ts +2 -2
- package/types/editable-settings.interface.d.ts +6 -6
- package/types/event-style-args.interface.d.ts +4 -4
- package/types/group.interface.d.ts +2 -2
- package/types/numeric-options.interface.d.ts +20 -16
- package/types/ongoing-events-settings.interface.d.ts +8 -6
- package/types/resource.interface.d.ts +8 -8
- package/types/scheduler-event.d.ts +13 -15
- package/types/scheduler-model-fields.interface.d.ts +34 -23
- package/types/scheduler-slot.interface.d.ts +7 -7
- package/types/scheduler-view.d.ts +3 -5
- package/types/slot-class-args.interface.d.ts +6 -6
- package/types/view-item.interface.d.ts +1 -1
- package/views/agenda/agenda-view.component.d.ts +15 -11
- package/views/common/slot-selectable.directive.d.ts +16 -4
- package/views/month/month-view.component.d.ts +17 -16
- package/views/month/multi-week-view.component.d.ts +20 -18
- package/views/multi-day/day-view.component.d.ts +12 -7
- package/views/multi-day/multi-day-view.component.d.ts +16 -11
- package/views/multi-day/week-view.component.d.ts +14 -11
- package/views/multi-day/work-week-view.component.d.ts +8 -1
- package/views/scheduler-view.directive.d.ts +13 -3
- package/views/templates/agenda-date-template.directive.d.ts +13 -3
- package/views/templates/agenda-time-template.directive.d.ts +13 -3
- package/views/templates/all-day-event-template.directive.d.ts +13 -3
- package/views/templates/all-day-slot-template.directive.d.ts +13 -3
- package/views/templates/date-header-template.directive.d.ts +14 -4
- package/views/templates/event-template.directive.d.ts +13 -3
- package/views/templates/group-header-template.directive.d.ts +14 -4
- package/views/templates/major-time-header-template.directive.d.ts +13 -3
- package/views/templates/minor-time-header-template.directive.d.ts +13 -3
- package/views/templates/month-day-slot-template.directive.d.ts +13 -3
- package/views/templates/multi-week-day-slot-template.directive.d.ts +12 -3
- package/views/templates/time-slot-template.directive.d.ts +14 -4
- package/views/timeline/timeline-month-view.component.d.ts +16 -11
- package/views/timeline/timeline-view.component.d.ts +16 -11
- package/views/timeline/timeline-week-view.component.d.ts +18 -14
- package/views/view-context.service.d.ts +6 -6
- package/views/view-state.service.d.ts +9 -9
- package/views/year/year-view.component.d.ts +12 -7
|
@@ -11,7 +11,14 @@ import { ViewStateService } from '../view-state.service';
|
|
|
11
11
|
import { AllDaySlotTemplateDirective, AllDayEventTemplateDirective } from '../templates';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Represents the component that renders the **Week** view in the Scheduler.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <kendo-scheduler>
|
|
19
|
+
* <kendo-scheduler-week-view></kendo-scheduler-week-view>
|
|
20
|
+
* </kendo-scheduler>
|
|
21
|
+
* ```
|
|
15
22
|
*/
|
|
16
23
|
export declare class WeekViewComponent extends MultiDayViewBase {
|
|
17
24
|
protected intl: IntlService;
|
|
@@ -20,20 +27,16 @@ export declare class WeekViewComponent extends MultiDayViewBase {
|
|
|
20
27
|
*/
|
|
21
28
|
get title(): string;
|
|
22
29
|
/**
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* where `0` is the start and `1` is the end date
|
|
27
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
|
|
30
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
31
|
+
* Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
32
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
28
33
|
* @default '{0:D} - {1:D}'
|
|
29
34
|
*/
|
|
30
35
|
selectedDateFormat: string;
|
|
31
36
|
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
* where `0` is the start and `1` is the end date
|
|
36
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
|
|
37
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
38
|
+
* Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
39
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
37
40
|
* @default '{0:d} - {1:d}'
|
|
38
41
|
*/
|
|
39
42
|
selectedShortDateFormat: string;
|
|
@@ -10,7 +10,14 @@ import { ViewContextService } from '../view-context.service';
|
|
|
10
10
|
import { ViewStateService } from '../view-state.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the component that renders the **Work Week** view in the Scheduler.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <kendo-scheduler>
|
|
18
|
+
* <kendo-scheduler-work-week-view></kendo-scheduler-work-week-view>
|
|
19
|
+
* </kendo-scheduler>
|
|
20
|
+
* ```
|
|
14
21
|
*/
|
|
15
22
|
export declare class WorkWeekViewComponent extends WeekViewComponent {
|
|
16
23
|
/**
|
|
@@ -7,16 +7,26 @@ import { SchedulerView } from '../types';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* A directive selector for a custom Scheduler view.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```html
|
|
13
|
+
* <kendo-scheduler [kendoSchedulerBinding]="events">
|
|
14
|
+
* <kendo-scheduler-day-view></kendo-scheduler-day-view>
|
|
15
|
+
* <kendo-scheduler-week-view></kendo-scheduler-week-view>
|
|
16
|
+
* <ng-template kendoSchedulerView="My Scheduler View">
|
|
17
|
+
* <app-custom-view></app-custom-view>
|
|
18
|
+
* </ng-template>
|
|
19
|
+
* </kendo-scheduler>
|
|
20
|
+
* ```
|
|
10
21
|
*/
|
|
11
22
|
export declare class SchedulerViewDirective extends SchedulerView {
|
|
12
23
|
template: TemplateRef<any>;
|
|
13
24
|
/**
|
|
14
|
-
*
|
|
25
|
+
* Sets the user-friendly name for this view.
|
|
15
26
|
*/
|
|
16
27
|
title: string;
|
|
17
28
|
/**
|
|
18
|
-
*
|
|
19
|
-
* If not set, the name will be the same as the title.
|
|
29
|
+
* Sets the invariant name for this view. If not set, uses the defined user-friendly name.
|
|
20
30
|
*/
|
|
21
31
|
get name(): string;
|
|
22
32
|
set name(value: string);
|
|
@@ -5,12 +5,22 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the date header in the **Agenda** view of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define a date template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaDateTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` component ([see example](slug:templates_scheduler#toc-agenda-dates).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `date`—The header date.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <kendo-scheduler-agenda-view>
|
|
19
|
+
* <ng-template kendoSchedulerAgendaDateTemplate let-date="date">
|
|
20
|
+
* <!-- custom date header -->
|
|
21
|
+
* </ng-template>
|
|
22
|
+
* </kendo-scheduler-agenda-view>
|
|
23
|
+
* ```
|
|
14
24
|
*/
|
|
15
25
|
export declare class AgendaDateTemplateDirective {
|
|
16
26
|
templateRef: TemplateRef<any>;
|
|
@@ -5,9 +5,10 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the time header in the **Agenda** view of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define a time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>` or `<kendo-scheduler-agenda-view>` component ([see example](slug:templates_scheduler#toc-agenda-times)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `start`—The start date of the event.
|
|
@@ -16,6 +17,15 @@ import * as i0 from "@angular/core";
|
|
|
16
17
|
* - `description`—The description of the event.
|
|
17
18
|
* - `isAllDay`—A Boolean value which indicates if the event is all-day.
|
|
18
19
|
* - `resources`—The resources of the event.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```html
|
|
23
|
+
* <kendo-scheduler-agenda-view>
|
|
24
|
+
* <ng-template kendoSchedulerAgendaTimeTemplate let-start="start" let-end="end" let-title="title" let-description="description" let-isAllDay="isAllDay" let-resources="resources">
|
|
25
|
+
* <!-- custom time header -->
|
|
26
|
+
* </ng-template>
|
|
27
|
+
* </kendo-scheduler-agenda-view>
|
|
28
|
+
* ```
|
|
19
29
|
*/
|
|
20
30
|
export declare class AgendaTimeTemplateDirective {
|
|
21
31
|
templateRef: TemplateRef<any>;
|
|
@@ -5,13 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the content of all-day events in the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define an all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-events)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `event`—The event that is associated with the item.
|
|
14
15
|
* - `resources`—The resources of the event.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler-day-view>
|
|
20
|
+
* <ng-template kendoSchedulerAllDayEventTemplate let-event="event" let-resources="resources">
|
|
21
|
+
* <!-- custom all-day event -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler-day-view>
|
|
24
|
+
* ```
|
|
15
25
|
*/
|
|
16
26
|
export declare class AllDayEventTemplateDirective {
|
|
17
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,13 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the content of all-day slots in the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define an all-dat slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-all-day-slots)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `date`—The date of the slot.
|
|
14
15
|
* - `resources`—The resources of the slot.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler-week-view>
|
|
20
|
+
* <ng-template kendoSchedulerAllDaySlotTemplate let-date="date" let-resources="resources">
|
|
21
|
+
* <!-- custom all-day slot -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler-week-view>
|
|
24
|
+
* ```
|
|
15
25
|
*/
|
|
16
26
|
export declare class AllDaySlotTemplateDirective {
|
|
17
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,13 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* `<kendo-scheduler
|
|
8
|
+
* Use this directive to customize the date header in **Day**, **Week**, and **Timeline** views of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define a date header template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
|
|
12
|
+
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-date-headers)).
|
|
12
13
|
*
|
|
13
14
|
* The available fields in the template context are:
|
|
14
15
|
* - `date`—The header date.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler-week-view>
|
|
20
|
+
* <ng-template kendoSchedulerDateHeaderTemplate let-date="date">
|
|
21
|
+
* <!-- custom date header -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler-week-view>
|
|
24
|
+
* ```
|
|
15
25
|
*/
|
|
16
26
|
export declare class DateHeaderTemplateDirective {
|
|
17
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,13 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the rendering of Scheduler events.
|
|
9
|
+
*
|
|
10
|
+
* To define an event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>` or any view component ([see example](slug:templates_scheduler#toc-event-rendering)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `event`—The event that is associated with the item.
|
|
14
15
|
* - `resources`—The resources of the event.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler>
|
|
20
|
+
* <ng-template kendoSchedulerEventTemplate let-event="event" let-resources="resources">
|
|
21
|
+
* <!-- custom event rendering -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler>
|
|
24
|
+
* ```
|
|
15
25
|
*/
|
|
16
26
|
export declare class EventTemplateDirective {
|
|
17
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,13 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* `<kendo-scheduler
|
|
8
|
+
* Use this directive to customize the resource group header in **Day**, **Week**, and **Timeline** views of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To defina a group header template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
|
|
12
|
+
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-group-headers)).
|
|
12
13
|
*
|
|
13
14
|
* The available fields in the template context are:
|
|
14
15
|
* - `resource`—The resource item.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler-timeline-view>
|
|
20
|
+
* <ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
|
|
21
|
+
* <!-- custom group header -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler-timeline-view>
|
|
24
|
+
* ```
|
|
15
25
|
*/
|
|
16
26
|
export declare class GroupHeaderTemplateDirective {
|
|
17
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,12 +5,22 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the major-time headers in **Day** and **Week** views of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define a major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-major-time-headers)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `date`—The date of the header.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <kendo-scheduler-day-view>
|
|
19
|
+
* <ng-template kendoSchedulerMajorTimeHeaderTemplate let-date="date">
|
|
20
|
+
* <!-- custom major time header -->
|
|
21
|
+
* </ng-template>
|
|
22
|
+
* </kendo-scheduler-day-view>
|
|
23
|
+
* ```
|
|
14
24
|
*/
|
|
15
25
|
export declare class MajorTimeHeaderTemplateDirective {
|
|
16
26
|
templateRef: TemplateRef<any>;
|
|
@@ -5,12 +5,22 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the minor-time headers in the **Day** and **Week** views of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define a minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-minor-time-headers)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `date`—The date of the header.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```html
|
|
18
|
+
* <kendo-scheduler-week-view>
|
|
19
|
+
* <ng-template kendoSchedulerMinorTimeHeaderTemplate let-date="date">
|
|
20
|
+
* <!-- custom minor time header -->
|
|
21
|
+
* </ng-template>
|
|
22
|
+
* </kendo-scheduler-week-view>
|
|
23
|
+
* ```
|
|
14
24
|
*/
|
|
15
25
|
export declare class MinorTimeHeaderTemplateDirective {
|
|
16
26
|
templateRef: TemplateRef<any>;
|
|
@@ -5,13 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the day slots in the **Month** view of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To define a day slot template, nest an `<ng-template>` tag with the `kendoSchedulerMonthDaySlotTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>` or `<kendo-scheduler-month-view>` component ([see example](slug:templates_scheduler#toc-month-slots)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `date`—The date of the slot.
|
|
14
15
|
* - `resources`—The resources of the slot.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler-month-view>
|
|
20
|
+
* <ng-template kendoSchedulerMonthDaySlotTemplate let-date="date" let-resources="resources">
|
|
21
|
+
* <!-- custom month day slot -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* </kendo-scheduler-month-view>
|
|
24
|
+
* ```
|
|
15
25
|
*/
|
|
16
26
|
export declare class MonthDaySlotTemplateDirective {
|
|
17
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,14 +5,23 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
8
|
+
* Use this directive to customize the day slots in the **Multi-Week** view of the Scheduler.
|
|
9
|
+
*
|
|
10
|
+
* To defina a day slot template, nest an `<ng-template>` tag with the `kendoSchedulerMultiWeekDaySlotTemplate` directive inside the
|
|
11
|
+
* `<kendo-scheduler>` or `<kendo-scheduler-multi-week-view>` component ([see example](slug:templates_scheduler#toc-multi-week-slots)).
|
|
11
12
|
*
|
|
12
13
|
* The available fields in the template context are:
|
|
13
14
|
* - `date`—The date of the slot.
|
|
14
15
|
* - `resources`—The resources of the slot.
|
|
15
16
|
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```html
|
|
19
|
+
* <kendo-scheduler-multi-week-view>
|
|
20
|
+
* <ng-template kendoSchedulerMultiWeekDaySlotTemplate let-date="date" let-resources="resources">
|
|
21
|
+
* <!-- custom multi-week day slot -->
|
|
22
|
+
* </ng-template>
|
|
23
|
+
* <kendo-scheduler-multi-week-view>
|
|
24
|
+
* ```
|
|
16
25
|
*/
|
|
17
26
|
export declare class MultiWeekDaySlotTemplateDirective {
|
|
18
27
|
templateRef: TemplateRef<any>;
|
|
@@ -5,14 +5,24 @@
|
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
|
-
* Represents the template for the time-slot renderer in the
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* `<kendo-scheduler
|
|
8
|
+
* Represents the template for the time-slot renderer in the ***Day**, ***Week**, and ***Timeline** views.
|
|
9
|
+
*
|
|
10
|
+
* To define a time-slot template, nest an `<ng-template>` tag with the `kendoSchedulerTimeSlotTemplate`
|
|
11
|
+
* directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
|
|
12
|
+
* `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-time-slots)).
|
|
12
13
|
*
|
|
13
14
|
* The available fields in the template context are:
|
|
14
15
|
* - `date`—The date of the slot.
|
|
15
16
|
* - `resources`—The resources of the slot.
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```html
|
|
20
|
+
* <kendo-scheduler-week-view>
|
|
21
|
+
* <ng-template kendoSchedulerTimeSlotTemplate let-date="date" let-resources="resources">
|
|
22
|
+
* <!-- custom time slot -->
|
|
23
|
+
* </ng-template>
|
|
24
|
+
* </kendo-scheduler-week-view>
|
|
25
|
+
* ```
|
|
16
26
|
*/
|
|
17
27
|
export declare class TimeSlotTemplateDirective {
|
|
18
28
|
templateRef: TemplateRef<any>;
|
|
@@ -9,7 +9,14 @@ import { ViewContextService } from '../view-context.service';
|
|
|
9
9
|
import { ViewStateService } from '../view-state.service';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Represents the component that renders the **Timeline Month** view in the Scheduler.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-scheduler>
|
|
17
|
+
* <kendo-scheduler-timeline-month-view></kendo-scheduler-timeline-month-view>
|
|
18
|
+
* </kendo-scheduler>
|
|
19
|
+
* ```
|
|
13
20
|
*/
|
|
14
21
|
export declare class TimelineMonthViewComponent extends TimelineBase {
|
|
15
22
|
/**
|
|
@@ -17,28 +24,26 @@ export declare class TimelineMonthViewComponent extends TimelineBase {
|
|
|
17
24
|
*/
|
|
18
25
|
get title(): string;
|
|
19
26
|
/**
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
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.
|
|
27
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
28
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
29
|
+
* If `numberOfMonths` is greater than 1, the default format displays a range: `'{0:Y} - {1:Y}'`, where `0` is the start and `1` is the end date.
|
|
24
30
|
* @default '{0:Y}'
|
|
25
31
|
*/
|
|
26
32
|
set selectedDateFormat(format: string);
|
|
27
33
|
get selectedDateFormat(): string;
|
|
28
34
|
private _selectedDateFormat;
|
|
29
35
|
/**
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
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.
|
|
36
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
37
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
38
|
+
* If `numberOfMonths` is greater than 1, the default format displays a range: `'{0:y} - {1:y}'`, where `0` is the start and `1` is the end date.
|
|
34
39
|
* @default '{0:y}'
|
|
35
40
|
*/
|
|
36
41
|
set selectedShortDateFormat(format: string);
|
|
37
42
|
get selectedShortDateFormat(): string;
|
|
38
43
|
private _selectedShortDateFormat;
|
|
39
44
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
45
|
+
* Sets the number of months to render in the view.
|
|
46
|
+
* If the value is less than or equal to 0, it defaults to 1.
|
|
42
47
|
* @default 1
|
|
43
48
|
*/
|
|
44
49
|
set numberOfMonths(months: number);
|
|
@@ -9,7 +9,14 @@ import { ViewContextService } from '../view-context.service';
|
|
|
9
9
|
import { ViewStateService } from '../view-state.service';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Represents the component that renders the **Timeline** view in the Scheduler.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-scheduler>
|
|
17
|
+
* <kendo-scheduler-timeline-view></kendo-scheduler-timeline-view>
|
|
18
|
+
* </kendo-scheduler>
|
|
19
|
+
* ```
|
|
13
20
|
*/
|
|
14
21
|
export declare class TimelineViewComponent extends TimelineBase {
|
|
15
22
|
/**
|
|
@@ -17,28 +24,26 @@ export declare class TimelineViewComponent extends TimelineBase {
|
|
|
17
24
|
*/
|
|
18
25
|
get title(): string;
|
|
19
26
|
/**
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
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.
|
|
27
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
28
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
29
|
+
* If `numberOfDays` is greater than 1, the default format displays a range: `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
24
30
|
* @default '{0:D}'
|
|
25
31
|
*/
|
|
26
32
|
set selectedDateFormat(format: string);
|
|
27
33
|
get selectedDateFormat(): string;
|
|
28
34
|
private _selectedDateFormat;
|
|
29
35
|
/**
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
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.
|
|
36
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
37
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
38
|
+
* If `numberOfDays` is greater than 1, the default format displays a range: `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
34
39
|
* @default '{0:d}'
|
|
35
40
|
*/
|
|
36
41
|
set selectedShortDateFormat(format: string);
|
|
37
42
|
get selectedShortDateFormat(): string;
|
|
38
43
|
private _selectedShortDateFormat;
|
|
39
44
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
45
|
+
* Sets the number of days to render in the view.
|
|
46
|
+
* If the value is less than or equal to 0, it defaults to 1.
|
|
42
47
|
* @default 1
|
|
43
48
|
*/
|
|
44
49
|
set numberOfDays(days: number);
|
|
@@ -10,7 +10,14 @@ import { ViewContextService } from '../view-context.service';
|
|
|
10
10
|
import { ViewStateService } from '../view-state.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Represents the component that renders the **Timeline Week** view in the Scheduler.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <kendo-scheduler>
|
|
18
|
+
* <kendo-scheduler-timeline-week-view></kendo-scheduler-timeline-week-view>
|
|
19
|
+
* </kendo-scheduler>
|
|
20
|
+
* ```
|
|
14
21
|
*/
|
|
15
22
|
export declare class TimelineWeekViewComponent extends TimelineBase {
|
|
16
23
|
/**
|
|
@@ -18,27 +25,24 @@ export declare class TimelineWeekViewComponent extends TimelineBase {
|
|
|
18
25
|
*/
|
|
19
26
|
get title(): string;
|
|
20
27
|
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* where `0` is the start and `1` is the end date
|
|
25
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
28
|
+
* Sets the long-date format for the selected date in the Scheduler toolbar.
|
|
29
|
+
* Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
|
|
30
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
26
31
|
* @default '{0:D} - {1:D}'
|
|
27
32
|
*/
|
|
28
33
|
selectedDateFormat: string;
|
|
29
34
|
/**
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
* where `0` is the start and `1` is the end date
|
|
34
|
-
* ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
|
|
35
|
+
* Sets the short-date format for the selected date in the Scheduler toolbar.
|
|
36
|
+
* Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
|
|
37
|
+
* For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
|
|
35
38
|
* @default '{0:d} - {1:d}'
|
|
36
39
|
*/
|
|
37
40
|
selectedShortDateFormat: string;
|
|
38
41
|
/**
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
+
* Sets the number of weeks to render in the view.
|
|
43
|
+
* If the value is less than or equal to 0, it defaults to 1.
|
|
44
|
+
* @default 1
|
|
45
|
+
*/
|
|
42
46
|
set numberOfWeeks(weeks: number);
|
|
43
47
|
get numberOfWeeks(): number;
|
|
44
48
|
private _numberOfWeeks;
|