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

package/esm2022/views/common/slot-selectable.directive.mjs

@@ -11,18 +11,30 @@ import { isChanged } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../scheduler.component";
 /**
- * A directive which manages the in-memory selection state of the Scheduler slots
- * ([see example]({% slug slotselection_scheduler %}#toc-built-in-directive)).
+ * Represents a directive that manages the built-in slot selection in the Scheduler.
+ *
+ * Add the `kendoSchedulerSlotSelectable` directive to a `<kendo-scheduler>` instance to allow users to select time slots by clicking or dragging.
+ *
+ * The directive keeps track of the selected slot range and emits changes when the selection is updated by user interaction.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler kendoSchedulerSlotSelectable [(slotSelection)]="selectedSlot">
+ * </kendo-scheduler>
+ * ```
+ *
+ * @remarks
+ * Applied to: {@link SchedulerComponent}
  */
 export class SlotSelectableDirective {
     scheduler;
     cdr;
     /**
-     * The currently selected slot range.
+     * Represents the currently selected slot range.
      */
     slotSelection;
     /**
-     * Fires when the currently selected slot range has changed through user interaction.
+     * Fires when the user changes the currently selected slot range.
      */
     slotSelectionChange = new EventEmitter();
     /**

package/esm2022/views/month/month-view.component.mjs

@@ -20,7 +20,14 @@ import * as i2 from "../view-context.service";
 import * as i3 from "../view-state.service";
 import * as i4 from "@progress/kendo-angular-intl";
 /**
- * The component for rendering the **Month** view.
+ * Represents the component that renders the **Month** view in the Scheduler.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *     <kendo-scheduler-month-view></kendo-scheduler-month-view>
+ * </kendo-scheduler>
+ * ```
  */
 export class MonthViewComponent extends ConfigurationViewBase {
     intl;
@@ -31,11 +38,9 @@ export class MonthViewComponent extends ConfigurationViewBase {
         return this.localization.get('monthViewTitle');
     }
     /**
-     * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot
+     * Sets the number of events to render per day. If set to `'auto'`, all events display in the slot. If set to `0`, it normalizes to `1`
      * ([see example](slug:month_views_scheduler#setting-the-number-of-events-per-day)).
-     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
-     * > If set to `0` it will be normalized internally to `1`.
+     * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      * @default 2
      */
     set eventsPerDay(events) {
@@ -46,30 +51,26 @@ export class MonthViewComponent extends ConfigurationViewBase {
     }
     _eventsPerDay;
     /**
-     * The height of the rendered events. Setting this property to 'auto' will
-     * set the height of each event automatically based on its content
+     * Sets the height of the rendered events. If set to `'auto'`, the height is based on the event content
      * ([see example](slug:month_views_scheduler#configuring-the-height-of-the-scheduler-events)).
-     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
+     * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      */
     eventHeight;
     /**
-     * Increases the slot group (row) height when containing events up to the number of displayed events
-     * and reduces its height if there are less events for that specific slot group (row)
+     * Enables adaptive slot height in the Scheduler. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row)
      * ([see example](slug:month_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
      * @default false
      */
     adaptiveSlotHeight;
     /**
-     * The long-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * Sets the long-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:Y}'
      */
     selectedDateFormat = '{0:Y}';
     /**
-     * The short-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * Sets the short-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:y}'
      */
     selectedShortDateFormat = '{0:y}';

package/esm2022/views/month/multi-week-view.component.mjs

@@ -20,7 +20,14 @@ import * as i2 from "../view-context.service";
 import * as i3 from "../view-state.service";
 import * as i4 from "@progress/kendo-angular-intl";
 /**
- * The component for rendering the **Multi-Week** view.
+ * Represents the component that renders the **Multi-Week** view in the Scheduler.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *     <kendo-scheduler-multi-week-view></kendo-scheduler-multi-week-view>
+ * </kendo-scheduler>
+ * ```
  */
 export class MultiWeekViewComponent extends ConfigurationViewBase {
     intl;
@@ -31,18 +38,15 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
         return this.localization.get('multiWeekViewTitle');
     }
     /**
-     * The height of the rendered events. Setting this property to `'auto'` will
-     * set the height of each event automatically based on its content
+     * Sets the height of the rendered events. If set to `'auto'`, the height is based on the event content
      * ([see example](slug:multiweek_views_scheduler#configuring-the-height-of-the-scheduler-events)).
-     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
+     * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      */
     eventHeight;
     /**
-     * The number of events to be rendered per day. Setting this property to 'auto'
-     * will display all events in the respective slot
+     * Sets the number of events to render per day. If set to `'auto'`, all events display in the slot. If set to `0`, it normalizes to `1`
      * ([see example](slug:multiweek_views_scheduler#setting-the-number-of-events-per-day)).
-     * > When set to `'auto'` it will automatically set the `adaptiveSlotHeight` property to `true`.
-     * > If set to `0` it will be normalized internally to `1`.
+     * > When set to `'auto'`, it automatically sets the `adaptiveSlotHeight` property to `true`.
      * @default 2
      */
     set eventsPerDay(events) {
@@ -53,34 +57,32 @@ export class MultiWeekViewComponent extends ConfigurationViewBase {
     }
     _eventsPerDay;
     /**
-     * Increases the slot group (row) height when containing events up to the number of displayed events
-     * and reduces its height if there are less events for that specific slot group (row)
+     * Enables adaptive slot height. Increases the slot group (row) height when containing events up to the number of displayed events and reduces its height if there are fewer events for that slot group (row)
      * ([see example](slug:multiweek_views_scheduler#enabling-the-adaptive-slot-height-of-the-scheduler)).
      * @default false
      */
     adaptiveSlotHeight;
     /**
-     * The number of weeks to be rendered.
+     * Sets the number of weeks to render in the view.
      * @default 6
      */
     numberOfWeeks = WEEKS_COUNT;
     /**
-     * The long-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * Sets the long-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:D} - {1:D}'
      */
     selectedDateFormat = '{0:D} - {1:D}';
     /**
-     * The short-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * Sets the short-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:d} - {1:d}'
      */
     selectedShortDateFormat = '{0:d} - {1:d}';
     multiWeekDaySlotTemplate;
     /**
-     * The invariant name for this view (`multiWeek`).
+     * The invariant name for this view.
+     * @default 'multiWeek'
      */
     name = 'multiWeek';
     get viewEventHeight() {

package/esm2022/views/multi-day/day-view.component.mjs

@@ -18,7 +18,14 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../view-context.service";
 import * as i3 from "../view-state.service";
 /**
- * The component for rendering the **Day** view.
+ * Represents the component that renders the **Day** view in the Scheduler.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *      <kendo-scheduler-day-view></kendo-scheduler-day-view>
+ * </kendo-scheduler>
+ * ```
  */
 export class DayViewComponent extends MultiDayViewBase {
     /**
@@ -28,9 +35,8 @@ export class DayViewComponent extends MultiDayViewBase {
         return this.localization.get('dayViewTitle');
     }
     /**
-     * The long-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * Sets the long-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:D}'
      */
     set selectedDateFormat(value) {
@@ -40,9 +46,8 @@ export class DayViewComponent extends MultiDayViewBase {
         return this._selectedDateFormat;
     }
     /**
-     * The short-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting)).
+     * Sets the short-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:d}'
      */
     set selectedShortDateFormat(value) {

package/esm2022/views/multi-day/multi-day-view.component.mjs

@@ -17,14 +17,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../view-context.service";
 import * as i3 from "../view-state.service";
 /**
- * The component for rendering the **Multi-Day** view.
+ * Represents the component that renders the **Multi-Day** view in the Scheduler.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *      <kendo-scheduler-multi-day-view></kendo-scheduler-multi-day-view>
+ * </kendo-scheduler>
+ * ```
  */
 export class MultiDayViewComponent extends DayViewComponent {
     /**
-     * The long-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * Defaults to `{0:D} - {1:D}` for multiple days and `{0:D}` for a single day
-     * ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
+     * Sets the long-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * The default value is `'{0:D} - {1:D}'` for multiple days and `'{0:D}'` for a single day.
      * @default '{0:D} - {1:D}'
      */
     set selectedDateFormat(value) {
@@ -34,10 +40,9 @@ export class MultiDayViewComponent extends DayViewComponent {
         return this.dateFormat || this.defaultDateFormat;
     }
     /**
-     * The short date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * Defaults to `{0:d} - {1:d}` for multiple days and `{0:d}` for a single day
-     * ([more information](slug:parsingandformatting_intl#toc-date-formatting)).
+     * Sets the short-date format for the selected date in the Scheduler toolbar.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
+     * The default value is `'{0:d} - {1:d}'` for multiple days and `'{0:d}'` for a single day.
      * @default '{0:d} - {1:d}'
      */
     set selectedShortDateFormat(value) {
@@ -47,7 +52,7 @@ export class MultiDayViewComponent extends DayViewComponent {
         return this.shortDateFormat || this.defaultShortDateFormat;
     }
     /**
-     * Specifies the number of days that the view will render.
+     * Sets the number of days to render in the view.
      * @default 1
      */
     numberOfDays = 1;
@@ -59,7 +64,7 @@ export class MultiDayViewComponent extends DayViewComponent {
     }
     /**
      * The invariant name for this view.
-     * @default 'multi-day'
+     * @default 'multiDay'
      */
     name = 'multiDay';
     get defaultDateFormat() {

package/esm2022/views/multi-day/week-view.component.mjs

@@ -21,7 +21,14 @@ import * as i2 from "@progress/kendo-angular-l10n";
 import * as i3 from "../view-context.service";
 import * as i4 from "../view-state.service";
 /**
- * The component for rendering the **Week** view.
+ * Represents the component that renders the **Week** view in the Scheduler.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *      <kendo-scheduler-week-view></kendo-scheduler-week-view>
+ * </kendo-scheduler>
+ * ```
  */
 export class WeekViewComponent extends MultiDayViewBase {
     intl;
@@ -32,20 +39,16 @@ export class WeekViewComponent extends MultiDayViewBase {
         return this.localization.get('weekViewTitle');
     }
     /**
-     * The long-date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * Defaults to `{0:D} - {1:D}`,
-     * where `0` is the start and `1` is the end date
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
+     * Sets the long-date format for the selected date in the Scheduler toolbar.
+     * Defaults to `'{0:D} - {1:D}'`, where `0` is the start and `1` is the end date.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:D} - {1:D}'
      */
     selectedDateFormat = '{0:D} - {1:D}';
     /**
-     * The short date format for displaying the
-     * selected date in the Scheduler toolbar.
-     * Defaults to `{0:d} - {1:d}`,
-     * where `0` is the start and `1` is the end date
-     * ([more information]({% slug parsingandformatting_intl %}#toc-date-formatting).
+     * Sets the short-date format for the selected date in the Scheduler toolbar.
+     * Defaults to `'{0:d} - {1:d}'`, where `0` is the start and `1` is the end date.
+     * For more information, see [Parsing and Formatting Dates and Numbers](slug:parsingandformatting_intl#date-formatting).
      * @default '{0:d} - {1:d}'
      */
     selectedShortDateFormat = '{0:d} - {1:d}';

package/esm2022/views/multi-day/work-week-view.component.mjs

@@ -21,7 +21,14 @@ import * as i3 from "../view-context.service";
 import * as i4 from "../view-state.service";
 const DAYS_IN_WEEK = 7;
 /**
- * The component for rendering the **Work Week** view.
+ * Represents the component that renders the **Work Week** view in the Scheduler.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *      <kendo-scheduler-work-week-view></kendo-scheduler-work-week-view>
+ * </kendo-scheduler>
+ * ```
  */
 export class WorkWeekViewComponent extends WeekViewComponent {
     /**

package/esm2022/views/scheduler-view.directive.mjs

@@ -8,16 +8,26 @@ import * as i0 from "@angular/core";
 // eslint-disable no-input-rename
 /**
  * A directive selector for a custom Scheduler view.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler [kendoSchedulerBinding]="events">
+ *   <kendo-scheduler-day-view></kendo-scheduler-day-view>
+ *   <kendo-scheduler-week-view></kendo-scheduler-week-view>
+ *   <ng-template kendoSchedulerView="My Scheduler View">
+ *       <app-custom-view></app-custom-view>
+ *   </ng-template>
+ * </kendo-scheduler>
+ * ```
  */
 export class SchedulerViewDirective extends SchedulerView {
     template;
     /**
-     * The user-friendly name of this view.
+     * Sets the user-friendly name for this view.
      */
     title;
     /**
-     * The invariant name for this view. For example, `day`.
-     * If not set, the name will be the same as the title.
+     * Sets the invariant name for this view. If not set, uses the defined user-friendly name.
      */
     get name() {
         return this._name || this.title;

package/esm2022/views/templates/agenda-date-template.directive.mjs

@@ -5,12 +5,22 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template which renders the date header in the **Agenda** view.
- * To define the date template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaDateTemplate`
- * directive inside the `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` components ([see example](slug:templates_scheduler#toc-agenda-dates)).
+ * Use this directive to customize the date header in the **Agenda** view of the Scheduler.
+ *
+ * To define a date template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaDateTemplate` directive inside the
+ * `<kendo-scheduler-agenda-view>` or `<kendo-scheduler>` component ([see example](slug:templates_scheduler#toc-agenda-dates).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The header date.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-agenda-view>
+ *   <ng-template kendoSchedulerAgendaDateTemplate let-date="date">
+ *     <!-- custom date header -->
+ *   </ng-template>
+ * </kendo-scheduler-agenda-view>
+ * ```
  */
 export class AgendaDateTemplateDirective {
     templateRef;

package/esm2022/views/templates/agenda-time-template.directive.mjs

@@ -5,9 +5,10 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template which renders the time header in the **Agenda** view.
- * To define the time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate`
- * directive inside the `<kendo-scheduler>` or in the `<kendo-scheduler-agenda-view>` component ([see example](slug:templates_scheduler#toc-agenda-times)).
+ * Use this directive to customize the time header in the **Agenda** view of the Scheduler.
+ *
+ * To define a time template, nest an `<ng-template>` tag with the `kendoSchedulerAgendaTimeTemplate` directive inside the
+ * `<kendo-scheduler>` or `<kendo-scheduler-agenda-view>` component ([see example](slug:templates_scheduler#toc-agenda-times)).
  *
  * The available fields in the template context are:
  * - `start`&mdash;The start date of the event.
@@ -16,6 +17,15 @@ import * as i0 from "@angular/core";
  * - `description`&mdash;The description of the event.
  * - `isAllDay`&mdash;A Boolean value which indicates if the event is all-day.
  * - `resources`&mdash;The resources of the event.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-agenda-view>
+ *   <ng-template kendoSchedulerAgendaTimeTemplate let-start="start" let-end="end" let-title="title" let-description="description" let-isAllDay="isAllDay" let-resources="resources">
+ *     <!-- custom time header -->
+ *   </ng-template>
+ * </kendo-scheduler-agenda-view>
+ * ```
  */
 export class AgendaTimeTemplateDirective {
     templateRef;

package/esm2022/views/templates/all-day-event-template.directive.mjs

@@ -5,13 +5,23 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for and assists the content customization of all-day events.
- * To define the all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate`
- * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-events)).
+ * Use this directive to customize the content of all-day events in the Scheduler.
+ *
+ * To define an all-day event template, nest an `<ng-template>` tag with the `kendoSchedulerAllDayEventTemplate` directive inside the
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-events)).
  *
  * The available fields in the template context are:
  * - `event`&mdash;The event that is associated with the item.
  * - `resources`&mdash;The resources of the event.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-day-view>
+ *   <ng-template kendoSchedulerAllDayEventTemplate let-event="event" let-resources="resources">
+ *     <!-- custom all-day event -->
+ *   </ng-template>
+ * </kendo-scheduler-day-view>
+ * ```
  */
 export class AllDayEventTemplateDirective {
     templateRef;

package/esm2022/views/templates/all-day-slot-template.directive.mjs

@@ -5,13 +5,23 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for and assists the content customization of all-day slots.
- * To define the all-day slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate`
- * directive inside the `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-all-day-slots)).
+ * Use this directive to customize the content of all-day slots in the Scheduler.
+ *
+ * To define an all-dat slot template, nest an `<ng-template>` tag with the `kendoSchedulerAllDaySlotTemplate` directive inside the
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` components ([see example](slug:templates_scheduler#toc-all-day-slots)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the slot.
  * - `resources`&mdash;The resources of the slot.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-week-view>
+ *   <ng-template kendoSchedulerAllDaySlotTemplate let-date="date" let-resources="resources">
+ *     <!-- custom all-day slot -->
+ *   </ng-template>
+ * </kendo-scheduler-week-view>
+ * ```
  */
 export class AllDaySlotTemplateDirective {
     templateRef;

package/esm2022/views/templates/date-header-template.directive.mjs

@@ -5,13 +5,23 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template which renders the date header in the **Day**, **Week**, and **Timeline** views.
- * To define the day template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate`
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-date-headers)).
+ * Use this directive to customize the date header in **Day**, **Week**, and **Timeline** views of the Scheduler.
+ *
+ * To define a date header template, nest an `<ng-template>` tag with the `kendoSchedulerDateHeaderTemplate` directive inside the
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-date-headers)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The header date.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-week-view>
+ *   <ng-template kendoSchedulerDateHeaderTemplate let-date="date">
+ *     <!-- custom date header -->
+ *   </ng-template>
+ * </kendo-scheduler-week-view>
+ * ```
  */
 export class DateHeaderTemplateDirective {
     templateRef;

package/esm2022/views/templates/event-template.directive.mjs

@@ -5,13 +5,23 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for and assists the content customization of the Scheduler events.
- * To define the event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate`
- * directive inside the `<kendo-scheduler>`, or in the view components ([see example](slug:templates_scheduler#toc-event-rendering)).
+ * Use this directive to customize the rendering of Scheduler events.
+ *
+ * To define an event template, nest an `<ng-template>` tag with the `kendoSchedulerEventTemplate` directive inside the
+ * `<kendo-scheduler>` or any view component ([see example](slug:templates_scheduler#toc-event-rendering)).
  *
  * The available fields in the template context are:
  * - `event`&mdash;The event that is associated with the item.
  * - `resources`&mdash;The resources of the event.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler>
+ *   <ng-template kendoSchedulerEventTemplate let-event="event" let-resources="resources">
+ *     <!-- custom event rendering -->
+ *   </ng-template>
+ * </kendo-scheduler>
+ * ```
  */
 export class EventTemplateDirective {
     templateRef;

package/esm2022/views/templates/group-header-template.directive.mjs

@@ -5,13 +5,23 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template which renders the resource group header in the **Day**, **Week**, and **Timeline** views.
- * To define the template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate`
- * directive inside the `<kendo-scheduler>`, or in the `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
- * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, and `<kendo-scheduler-timeline-month-view>` components ([see example](slug:templates_scheduler#toc-group-headers)).
+ * Use this directive to customize the resource group header in **Day**, **Week**, and **Timeline** views of the Scheduler.
+ *
+ * To defina a group header template, nest an `<ng-template>` tag with the `kendoSchedulerGroupHeaderTemplate` directive inside the
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, `<kendo-scheduler-week-view>`,
+ * `<kendo-scheduler-timeline-view>`, `<kendo-scheduler-timeline-week-view>`, or `<kendo-scheduler-timeline-month-view>` component ([see example](slug:templates_scheduler#toc-group-headers)).
  *
  * The available fields in the template context are:
  * - `resource`&mdash;The resource item.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-timeline-view>
+ *   <ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
+ *     <!-- custom group header -->
+ *   </ng-template>
+ * </kendo-scheduler-timeline-view>
+ * ```
  */
 export class GroupHeaderTemplateDirective {
     templateRef;

package/esm2022/views/templates/major-time-header-template.directive.mjs

@@ -5,12 +5,22 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for the major-time headers in the **Day** and **Week** views.
- * To define the major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate`
- * 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)).
+ * Use this directive to customize the major-time headers in **Day** and **Week** views of the Scheduler.
+ *
+ * To define a major-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMajorTimeHeaderTemplate` directive inside the
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-major-time-headers)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the header.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-day-view>
+ *   <ng-template kendoSchedulerMajorTimeHeaderTemplate let-date="date">
+ *     <!-- custom major time header -->
+ *   </ng-template>
+ * </kendo-scheduler-day-view>
+ * ```
  */
 export class MajorTimeHeaderTemplateDirective {
     templateRef;

package/esm2022/views/templates/minor-time-header-template.directive.mjs

@@ -5,12 +5,22 @@
 import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents the template for the minor-time headers in the **Day** and **Week** views.
- * To define the minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate`
- * 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)).
+ * Use this directive to customize the minor-time headers in the **Day** and **Week** views of the Scheduler.
+ *
+ * To define a minor-time header template, nest an `<ng-template>` tag with the `kendoSchedulerMinorTimeHeaderTemplate` directive inside the
+ * `<kendo-scheduler>`, `<kendo-scheduler-day-view>`, or `<kendo-scheduler-week-view>` component ([see example](slug:templates_scheduler#toc-minor-time-headers)).
  *
  * The available fields in the template context are:
  * - `date`&mdash;The date of the header.
+ *
+ * @example
+ * ```html
+ * <kendo-scheduler-week-view>
+ *   <ng-template kendoSchedulerMinorTimeHeaderTemplate let-date="date">
+ *     <!-- custom minor time header -->
+ *   </ng-template>
+ * </kendo-scheduler-week-view>
+ * ```
  */
 export class MinorTimeHeaderTemplateDirective {
     templateRef;