@progress/kendo-angular-scheduler 19.1.2-develop.4 → 19.1.2-develop.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/data-binding.directive.d.ts +12 -3
  2. package/directives.d.ts +42 -2
  3. package/editing/edit-dialog-template.directive.d.ts +15 -2
  4. package/editing/recurrence/recurrence-editor.component.d.ts +29 -10
  5. package/editing/timezone-editor.component.d.ts +13 -3
  6. package/editing-directives/base-edit.service.d.ts +8 -11
  7. package/editing-directives/edit-service.interface.d.ts +22 -24
  8. package/editing-directives/reactive-editing.directive.d.ts +15 -2
  9. package/esm2022/data-binding.directive.mjs +12 -3
  10. package/esm2022/directives.mjs +42 -2
  11. package/esm2022/editing/edit-dialog-template.directive.mjs +15 -2
  12. package/esm2022/editing/recurrence/recurrence-editor.component.mjs +29 -10
  13. package/esm2022/editing/timezone-editor.component.mjs +13 -3
  14. package/esm2022/editing-directives/base-edit.service.mjs +8 -11
  15. package/esm2022/editing-directives/reactive-editing.directive.mjs +15 -2
  16. package/esm2022/events/add-event.mjs +3 -3
  17. package/esm2022/events/cancel-event.mjs +2 -2
  18. package/esm2022/events/create-event.mjs +6 -6
  19. package/esm2022/events/date-change-event.mjs +4 -4
  20. package/esm2022/events/drag-end-event.mjs +8 -8
  21. package/esm2022/events/drag-event.mjs +8 -8
  22. package/esm2022/events/drag-start-event.mjs +4 -4
  23. package/esm2022/events/edit-event.mjs +4 -4
  24. package/esm2022/events/event-click-event.mjs +5 -5
  25. package/esm2022/events/event-keydown-event.mjs +4 -4
  26. package/esm2022/events/navigate-event.mjs +3 -3
  27. package/esm2022/events/remove-event.mjs +4 -4
  28. package/esm2022/events/resize-end-event.mjs +6 -6
  29. package/esm2022/events/resize-event.mjs +8 -8
  30. package/esm2022/events/resize-start-event.mjs +4 -4
  31. package/esm2022/events/save-event.mjs +3 -3
  32. package/esm2022/events/slot-click-event.mjs +7 -7
  33. package/esm2022/events/slot-drag-end-event.mjs +1 -1
  34. package/esm2022/events/slot-drag-event.mjs +7 -7
  35. package/esm2022/events/slot-drag-start-event.mjs +8 -7
  36. package/esm2022/localization/custom-messages.component.mjs +14 -1
  37. package/esm2022/localization/messages.mjs +98 -98
  38. package/esm2022/package-metadata.mjs +2 -2
  39. package/esm2022/pdf/pdf-command.directive.mjs +11 -11
  40. package/esm2022/pdf/pdf-export-event.mjs +1 -1
  41. package/esm2022/pdf/pdf.component.mjs +19 -8
  42. package/esm2022/pdf/pdf.module.mjs +7 -8
  43. package/esm2022/scheduler.component.mjs +62 -62
  44. package/esm2022/scheduler.module.mjs +6 -7
  45. package/esm2022/toolbar/navigation.component.mjs +16 -7
  46. package/esm2022/toolbar/toolbar-template.directive.mjs +18 -10
  47. package/esm2022/toolbar/toolbar.service.mjs +3 -4
  48. package/esm2022/toolbar/view-selector.component.mjs +14 -8
  49. package/esm2022/types/crud-operation.enum.mjs +3 -3
  50. package/esm2022/types/edit-mode.enum.mjs +2 -2
  51. package/esm2022/types/scheduler-view.mjs +1 -1
  52. package/esm2022/views/agenda/agenda-view.component.mjs +15 -11
  53. package/esm2022/views/common/slot-selectable.directive.mjs +16 -4
  54. package/esm2022/views/month/month-view.component.mjs +17 -16
  55. package/esm2022/views/month/multi-week-view.component.mjs +20 -18
  56. package/esm2022/views/multi-day/day-view.component.mjs +12 -7
  57. package/esm2022/views/multi-day/multi-day-view.component.mjs +16 -11
  58. package/esm2022/views/multi-day/week-view.component.mjs +14 -11
  59. package/esm2022/views/multi-day/work-week-view.component.mjs +8 -1
  60. package/esm2022/views/scheduler-view.directive.mjs +13 -3
  61. package/esm2022/views/templates/agenda-date-template.directive.mjs +13 -3
  62. package/esm2022/views/templates/agenda-time-template.directive.mjs +13 -3
  63. package/esm2022/views/templates/all-day-event-template.directive.mjs +13 -3
  64. package/esm2022/views/templates/all-day-slot-template.directive.mjs +13 -3
  65. package/esm2022/views/templates/date-header-template.directive.mjs +14 -4
  66. package/esm2022/views/templates/event-template.directive.mjs +13 -3
  67. package/esm2022/views/templates/group-header-template.directive.mjs +14 -4
  68. package/esm2022/views/templates/major-time-header-template.directive.mjs +13 -3
  69. package/esm2022/views/templates/minor-time-header-template.directive.mjs +13 -3
  70. package/esm2022/views/templates/month-day-slot-template.directive.mjs +13 -3
  71. package/esm2022/views/templates/multi-week-day-slot-template.directive.mjs +12 -3
  72. package/esm2022/views/templates/time-slot-template.directive.mjs +14 -4
  73. package/esm2022/views/timeline/timeline-month-view.component.mjs +16 -11
  74. package/esm2022/views/timeline/timeline-view.component.mjs +16 -11
  75. package/esm2022/views/timeline/timeline-week-view.component.mjs +18 -14
  76. package/esm2022/views/view-context.service.mjs +6 -6
  77. package/esm2022/views/view-state.service.mjs +9 -9
  78. package/esm2022/views/year/year-view.component.mjs +12 -7
  79. package/events/add-event.d.ts +3 -3
  80. package/events/cancel-event.d.ts +2 -2
  81. package/events/create-event.d.ts +6 -6
  82. package/events/date-change-event.d.ts +4 -4
  83. package/events/drag-end-event.d.ts +8 -8
  84. package/events/drag-event.d.ts +8 -8
  85. package/events/drag-start-event.d.ts +4 -4
  86. package/events/edit-event.d.ts +4 -4
  87. package/events/event-click-event.d.ts +5 -5
  88. package/events/event-keydown-event.d.ts +4 -4
  89. package/events/navigate-event.d.ts +3 -3
  90. package/events/remove-event.d.ts +4 -4
  91. package/events/resize-end-event.d.ts +6 -6
  92. package/events/resize-event.d.ts +8 -8
  93. package/events/resize-start-event.d.ts +4 -4
  94. package/events/save-event.d.ts +3 -3
  95. package/events/slot-click-event.d.ts +7 -7
  96. package/events/slot-drag-end-event.d.ts +1 -1
  97. package/events/slot-drag-event.d.ts +7 -7
  98. package/events/slot-drag-start-event.d.ts +8 -7
  99. package/fesm2022/progress-kendo-angular-scheduler.mjs +876 -543
  100. package/localization/custom-messages.component.d.ts +14 -1
  101. package/localization/messages.d.ts +98 -98
  102. package/navigation/focus-position.interface.d.ts +2 -3
  103. package/package.json +15 -15
  104. package/pdf/pdf-command.directive.d.ts +11 -11
  105. package/pdf/pdf-export-event.d.ts +1 -1
  106. package/pdf/pdf.component.d.ts +19 -8
  107. package/pdf/pdf.module.d.ts +7 -8
  108. package/scheduler.component.d.ts +62 -62
  109. package/scheduler.module.d.ts +6 -7
  110. package/schematics/ngAdd/index.js +3 -3
  111. package/toolbar/navigation.component.d.ts +16 -7
  112. package/toolbar/toolbar-template.directive.d.ts +18 -10
  113. package/toolbar/toolbar.service.d.ts +3 -4
  114. package/toolbar/view-selector.component.d.ts +14 -8
  115. package/types/actions.d.ts +51 -45
  116. package/types/create-form-group-args.interface.d.ts +1 -1
  117. package/types/crud-operation.enum.d.ts +3 -3
  118. package/types/current-time-settings.interface.d.ts +10 -8
  119. package/types/date-range.interface.d.ts +7 -11
  120. package/types/datepicker-options.interface.d.ts +33 -38
  121. package/types/edit-event-args.interface.d.ts +3 -4
  122. package/types/edit-mode.enum.d.ts +2 -2
  123. package/types/editable-settings.interface.d.ts +6 -6
  124. package/types/event-style-args.interface.d.ts +4 -4
  125. package/types/group.interface.d.ts +2 -2
  126. package/types/numeric-options.interface.d.ts +20 -16
  127. package/types/ongoing-events-settings.interface.d.ts +8 -6
  128. package/types/resource.interface.d.ts +8 -8
  129. package/types/scheduler-event.d.ts +13 -15
  130. package/types/scheduler-model-fields.interface.d.ts +34 -23
  131. package/types/scheduler-slot.interface.d.ts +7 -7
  132. package/types/scheduler-view.d.ts +3 -5
  133. package/types/slot-class-args.interface.d.ts +6 -6
  134. package/types/view-item.interface.d.ts +1 -1
  135. package/views/agenda/agenda-view.component.d.ts +15 -11
  136. package/views/common/slot-selectable.directive.d.ts +16 -4
  137. package/views/month/month-view.component.d.ts +17 -16
  138. package/views/month/multi-week-view.component.d.ts +20 -18
  139. package/views/multi-day/day-view.component.d.ts +12 -7
  140. package/views/multi-day/multi-day-view.component.d.ts +16 -11
  141. package/views/multi-day/week-view.component.d.ts +14 -11
  142. package/views/multi-day/work-week-view.component.d.ts +8 -1
  143. package/views/scheduler-view.directive.d.ts +13 -3
  144. package/views/templates/agenda-date-template.directive.d.ts +13 -3
  145. package/views/templates/agenda-time-template.directive.d.ts +13 -3
  146. package/views/templates/all-day-event-template.directive.d.ts +13 -3
  147. package/views/templates/all-day-slot-template.directive.d.ts +13 -3
  148. package/views/templates/date-header-template.directive.d.ts +14 -4
  149. package/views/templates/event-template.directive.d.ts +13 -3
  150. package/views/templates/group-header-template.directive.d.ts +14 -4
  151. package/views/templates/major-time-header-template.directive.d.ts +13 -3
  152. package/views/templates/minor-time-header-template.directive.d.ts +13 -3
  153. package/views/templates/month-day-slot-template.directive.d.ts +13 -3
  154. package/views/templates/multi-week-day-slot-template.directive.d.ts +12 -3
  155. package/views/templates/time-slot-template.directive.d.ts +14 -4
  156. package/views/timeline/timeline-month-view.component.d.ts +16 -11
  157. package/views/timeline/timeline-view.component.d.ts +16 -11
  158. package/views/timeline/timeline-week-view.component.d.ts +18 -14
  159. package/views/view-context.service.d.ts +6 -6
  160. package/views/view-state.service.d.ts +9 -9
  161. 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
- * The component for rendering the **Week** view.
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
- * The long-date format for displaying the
24
- * selected date in the Scheduler toolbar.
25
- * Defaults to `{0:D} - {1:D}`,
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
- * The short date format for displaying the
33
- * selected date in the Scheduler toolbar.
34
- * Defaults to `{0:d} - {1:d}`,
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
- * The component for rendering the **Work Week** view.
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
- * The user-friendly name of this view.
25
+ * Sets the user-friendly name for this view.
15
26
  */
16
27
  title: string;
17
28
  /**
18
- * The invariant name for this view. For example, `day`.
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
- * Represents the template which renders the date header in the **Agenda** view.
9
- * To define the date template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaDateTemplate`
10
- * directive inside the `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` components ([see example](slug:templates_scheduler#toc-agenda-dates)).
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`&mdash;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
- * Represents the template which renders the time header in the **Agenda** view.
9
- * To define the time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate`
10
- * directive inside the `<kendo-scheduler>` or in the `<kendo-scheduler-agenda-view>` component ([see example](slug:templates_scheduler#toc-agenda-times)).
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`&mdash;The start date of the event.
@@ -16,6 +17,15 @@ import * as i0 from "@angular/core";
16
17
  * - `description`&mdash;The description of the event.
17
18
  * - `isAllDay`&mdash;A Boolean value which indicates if the event is all-day.
18
19
  * - `resources`&mdash;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
- * Represents the template for and assists the content customization of all-day events.
9
- * To define the all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate`
10
- * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-events)).
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`&mdash;The event that is associated with the item.
14
15
  * - `resources`&mdash;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
- * Represents the template for and assists the content customization of all-day slots.
9
- * To define the all-day slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate`
10
- * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-slots)).
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`&mdash;The date of the slot.
14
15
  * - `resources`&mdash;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
- * Represents the template which renders the date header in the **Day**, **Week**, and **Timeline** views.
9
- * To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
11
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-date-headers)).
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`&mdash;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
- * Represents the template for and assists the content customization of the Scheduler events.
9
- * To define the event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the view components ([see example](slug:templates_scheduler#toc-event-rendering)).
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`&mdash;The event that is associated with the item.
14
15
  * - `resources`&mdash;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
- * Represents the template which renders the resource group header in the **Day**, **Week**, and **Timeline** views.
9
- * To define the template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
11
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-group-headers)).
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`&mdash;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
- * Represents the template for the major-time headers in the **Day** and **Week** views.
9
- * To define the major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-major-time-headers)).
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`&mdash;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
- * Represents the template for the minor-time headers in the **Day** and **Week** views.
9
- * To define the minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>` and `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-minor-time-headers)).
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`&mdash;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
- * Represents the template for rendering the day slots in the **Month** view.
9
- * To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerMonthDaySlotTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component ([see example](slug:templates_scheduler#toc-month-slots)).
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`&mdash;The date of the slot.
14
15
  * - `resources`&mdash;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
- * Represents the template for rendering the day slots in the **Month** view.
9
- * To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerMultiWeekDaySlotTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-month-view>` component ([see example](slug:templates_scheduler#toc-multi-week-slots)).
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`&mdash;The date of the slot.
14
15
  * - `resources`&mdash;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 **Day**, **Week**, and **Timeline** views.
9
- * To define the time-slot template, nest an `<ng-template>` tag with the `kendoSchedulerTimeSlotTemplate`
10
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
11
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-time-slots)).
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`&mdash;The date of the slot.
15
16
  * - `resources`&mdash;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
- * The component for rendering the **Month** timeline view.
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
- * The long-date format for displaying the
21
- * selected date in the Scheduler toolbar.
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.
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
- * The short-date format for displaying the
31
- * selected date in the Scheduler toolbar.
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.
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
- * Specifies the number of months that the view will render.
41
- * > Normalized to `1` if the provided value is <= 0.
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
- * The component for rendering the **Timeline** view.
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
- * The long-date format for displaying the
21
- * selected date in the Scheduler toolbar.
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.
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
- * The short-date format for displaying the
31
- * selected date in the Scheduler toolbar.
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.
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
- * Specifies the number of days that the view will render.
41
- * > Normalized to `1` if the provided value is <= 0.
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
- * The component for rendering the **Week** timeline view.
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
- * The long-date format that will be used for displaying the
22
- * selected date in the Scheduler toolbar.
23
- * Defaults to `{0:D} - {1:D}`
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
- * The short date format that will be used for displaying the
31
- * selected date in the Scheduler toolbar.
32
- * Defaults to `{0:d} - {1:d}`
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
- * Specifies the number of weeks that the view will render.
40
- * @default 1
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;