@progress/kendo-angular-dateinputs 19.1.2-develop.3 → 19.1.2-develop.4

package/calendar/multiview-calendar.component.d.ts

@@ -40,16 +40,9 @@ export declare const RANGE_CALENDAR_VALUE_ACCESSOR: any;
 export declare const RANGE_CALENDAR_RANGE_VALIDATORS: any;
 /**
  * Represents the Kendo UI MultiViewCalendar component for Angular.
- *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-multiviewcalendar></kendo-multiviewcalendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-multiviewcalendar> </kendo-multiviewcalendar>
  * ```
  */
 export declare class MultiViewCalendarComponent implements AfterViewInit, ControlValueAccessor, OnChanges, DoCheck, OnDestroy, Validator {
@@ -62,7 +55,8 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     private disabledDatesService;
     private selectionService;
     /**
-     * Displays the days that fall out of the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
+     * Shows days that fall outside the current month ([see example]({% slug viewoptions_multiviewcalendar %}#toc-displaying-other-month-days)).
+     *
      * @default true
      */
     showOtherMonthDays: boolean;
@@ -93,16 +87,16 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      */
     id: string;
     /**
-     * Sets or gets the `focusedDate` property of the Calendar and
-     * defines the focused date of the component
+     * Specifies the focused date of the Calendar
      * ([see example]({% slug dates_multiviewcalendar %}#toc-focused-dates)).
      *
-     * > If the Calendar is out of the min or max range, it normalizes the defined `focusedDate`.
+     * If the Calendar is outside the `min` or `max` range, the component normalizes the defined `focusedDate`.
      */
     set focusedDate(focusedDate: Date);
     get focusedDate(): Date;
     /**
      * Toggles the visibility of the footer.
+     *
      * @default false
      */
     footer: boolean;
@@ -119,21 +113,21 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
  */
     get calendarHeaderIdLabel(): string;
     /**
-     * Sets or gets the `min` property of the Calendar and
-     * defines the minimum allowed date value.
-     * By default, the `min` value is `1900-1-1`.
+     * Specifies the minimum allowed date value
+     *
+     * @default 1970-01-01
      */
     set min(min: Date);
     get min(): Date;
     /**
-     * Sets or gets the `max` property of the Calendar and
-     * defines the maximum allowed date value.
-     * By default, the `max` value is `2099-12-31`.
+     * Specifies the maximum allowed date value
+     *
+     * @default 2099-12-31
      */
     set max(max: Date);
     get max(): Date;
     /**
-     * Determines whether the built-in min or max validators are enforced when validating a form.
+     * Determines whether the built-in `min` or `max` validators are enforced when validating a form.
      *
      * @default false
      */
@@ -142,16 +136,14 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      * Determines whether the built-in validator for disabled
      * date ranges is enforced when validating a form
      * ([see example](slug:disabled_dates_multiviewcalendar)).
+     *
+     * @default false
      */
     disabledDatesRangeValidation: boolean;
     /**
      * Sets the Calendar selection mode
      * ([see example]({% slug selection_multiviewcalendar %})).
-     *
-     * The available values are:
-     * * `single` (default)
-     * * `multiple`
-     * * `range`
+     * @default 'single'
      */
     set selection(_selection: CalendarSelection);
     get selection(): CalendarSelection;
@@ -173,16 +165,19 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     set value(candidate: Date | Date[] | SelectionRange | null);
     get value(): Date | Date[] | SelectionRange | null;
     /**
-     * Sets or gets the `disabled` property of the Calendar and
-     * determines whether the component is active
+     * Specifies whether the component is disabled
      * ([see example]({% slug disabled_multiviewcalendar %})).
      * To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_multiviewcalendar#toc-managing-the-multiviewcalendar-disabled-state-in-reactive-forms).
+     *
+     * @default false
      */
     disabled: boolean;
     /**
-     * Sets or gets the `tabindex` property of the Calendar. Based on the
+     * Specifies the `tabindex` property of the Calendar. Based on the
      * [HTML `tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) behavior,
      * it determines whether the component is focusable.
+     *
+     * @default 0
      */
     tabindex: number;
     /**
@@ -191,7 +186,8 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
     /**
-     * Sets the format of the displayed Calendar week days' names.
+     * Specifies the format of the displayed week day names.
+     *
      * @default 'short'
      */
     weekDaysFormat?: WeekDaysFormat;
@@ -200,29 +196,35 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      */
     isActive: boolean;
     /**
-     * Sets the dates of the MultiViewCalendar that will be disabled
+     * Specifies the dates of the MultiViewCalendar that will be disabled
      * ([see example]({% slug disabled_dates_multiviewcalendar %})).
      */
     set disabledDates(value: ((date: Date) => boolean) | Date[] | Day[]);
     /**
-     * Defines the active view that the Calendar initially renders
-     * ([see example]({% slug viewoptions_multiviewcalendar %})).
+     * Specifies the active view that the Calendar initially renders.
      * By default, the active view is `month`.
      *
      * > You have to set `activeView` within the `topView`-`bottomView` range.
+     *
+     * @default month
      */
     activeView: CalendarView;
     /**
-     * Defines the bottommost view, to which the user can navigate
-     * ([see example](slug:viewdepth_multiviewcalendar)).
+     * Specifies the bottommost view to which you can navigate.
+     *
+     * @default month
      */
     bottomView: CalendarView;
     /**
-     * Defines the topmost view, to which the user can navigate.
+     * Specifies the topmost view to which you can navigate.
+     *
+     * @default century
      */
     topView: CalendarView;
     /**
-     * Determines whether to display a header for every view (for example the month name).
+     * Determines whether to display a header for every view (for example, the month name).
+     *
+     * @default false
      */
     showViewHeader: boolean;
     /**
@@ -234,12 +236,14 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
      */
     animateNavigation: boolean;
     /**
-     * Determines whether to display a week number column in the `month` view
+     * Specifies whether to display a week number column in the `month` view
      * ([see example]({% slug weeknumcolumn_multiviewcalendar %})).
+     *
+     * @default false
      */
     weekNumber: boolean;
     /**
-     * Specify, which end of the defined selection range should be marked as active.
+     * Specifies which end of the defined selection range should be marked as active.
      *
      * > Value will be ignored if the selection range is undefined.
      * > If range selection is used then the default value is 'start'.
@@ -247,7 +251,7 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     set activeRangeEnd(_activeRangeEnd: SelectionRangeEnd);
     get activeRangeEnd(): SelectionRangeEnd;
     /**
-     * Sets or gets the `selectionRange` property of the Calendar and
+     * Specifies the `selectionRange` property and
      * defines the selection range of the component
      * ([see example](slug:selection_multiviewcalendar#toc-range-selection)).
      * > We recommend using the `value` property as it now supports `range` selection.
@@ -255,8 +259,10 @@ export declare class MultiViewCalendarComponent implements AfterViewInit, Contro
     set selectionRange(range: SelectionRange);
     get selectionRange(): SelectionRange;
     /**
-     * Sets or gets the `views` property of the Calendar and
+     * Specifies the `views` property and
      * defines the number of rendered months.
+     *
+     * @default 2
      */
     views: number;
     /**

package/calendar/multiview-calendar.module.d.ts

@@ -16,6 +16,7 @@ import * as i10 from "./templates/navigation-item-template.directive";
 import * as i11 from "./templates/weeknumber-cell-template.directive";
 import * as i12 from "./templates/year-cell-template.directive";
 /**
+ * Required for adding all MultiViewCalendar features in NgModule-based Angular applications.
  * The package exports:
  * - `CellTemplateDirective`—The month cell template directive.
  * - `MonthCellTemplateDirective`—The month cell template directive.

package/calendar/templates/cell-template.directive.d.ts

@@ -5,30 +5,27 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the cell content of the Calendar. To define the cell template, nest an `<ng-template>` tag
- * with the `kendoCalendarCellTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current date, use the `let-date` directive. To provide more details
- * about the current cell, get a reference to the current `cellContext` by using the `let-cellContext` directive.
+ * A directive for customizing the cells in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the content of calendar cells
+ * in the month view. The template context provides access to the current date and cell context information.
+ *
+ * Template Context Variables:
+ * - `date` - The Date object representing the current cell's date
+ * - `cellContext` - Additional context information about the current cell
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
- * > `kendoCalendarCellTemplate` is equivalent to
- * > [`kendoCalendarMonthCellTemplate`]({% slug api_dateinputs_monthcelltemplatedirective %}).
+ * `kendoCalendarCellTemplate` is equivalent to
+ * [`kendoCalendarMonthCellTemplate`]({% slug api_dateinputs_monthcelltemplatedirective %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarCellTemplate let-date>
- *      <span class="custom">{{date.getDate()}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar>
+ *   <ng-template kendoCalendarCellTemplate let-date let-cellContext="cellContext">
+ *     <span class="custom">{{date.getDate()}}</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class CellTemplateDirective {

package/calendar/templates/century-cell-template.directive.d.ts

@@ -5,29 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the century cell content of the Calendar. To define the century cell template, nest an `<ng-template>`
- * tag with the `kendoCalendarCenturyCellTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current date, use the `let-date` directive. To provide more details about
- * the current century cell, get a reference to the current `cellContext` by using the `let-cellContext` directive.
+ * A directive for customizing the century cells in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the content of century cells
+ * when the Calendar is in century view. The template context provides access to the current date
+ * and cell context information.
+ *
+ * Template Context Variables:
+ * - `date` - The Date object representing the current cell's date
+ * - `cellContext` - Additional context information about the current century cell
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar [activeView]="activeView">
- *    <ng-template kendoCalendarCenturyCellTemplate let-context="cellContext">
- *      <span class="custom">{{context.formattedValue}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent {
- *  public activeView: CalendarView = 'century';
- * }
+ * ```html
+ * <kendo-calendar [activeView]="activeView">
+ *   <ng-template kendoCalendarCenturyCellTemplate let-context="cellContext">
+ *     <span class="custom">{{context.formattedValue}}</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class CenturyCellTemplateDirective {

package/calendar/templates/decade-cell-template.directive.d.ts

@@ -5,29 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the decade cell content of the Calendar. To define the decade cell template, nest an `<ng-template>`
- * tag with the `kendoCalendarDecadeCellTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current date, use the `let-date` directive. To provide more details about
- * the current decade cell, get a reference to the current `cellContext` by using the `let-cellContext` directive.
+ * A directive for customizing the decade cells in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the content of decade cells
+ * when the Calendar is in decade view. The template context provides access to the current date
+ * and cell context information.
+ *
+ * Template Context Variables:
+ * - `date` - The Date object representing the current cell's date
+ * - `cellContext` - Additional context information about the current decade cell
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar [activeView]="activeView">
- *    <ng-template kendoCalendarDecadeCellTemplate let-context="cellContext">
- *      <span class="custom">{{context.formattedValue}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent {
- *  public activeView: CalendarView = 'decade';
- * }
+ * ```html
+ * <kendo-calendar [activeView]="activeView">
+ *   <ng-template kendoCalendarDecadeCellTemplate let-context="cellContext">
+ *     <span class="custom">{{context.formattedValue}}</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class DecadeCellTemplateDirective {

package/calendar/templates/footer-template.directive.d.ts

@@ -5,27 +5,26 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the footer of the Calendar. To define the footer template, nest an `<ng-template>` tag
- * with the `kendoCalendarFooterTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current `date` use the `let-date` directive. To get a reference to the
- * current active view use the `let-activeView` directive.
+ * A directive for customizing the footer in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the footer content.
+ * The template context provides access to the current date and active view.
+ *
+ * Template Context Variables:
+ * - `date` - The Date object representing the current calendar context
+ * - `activeView` - The current active view of the Calendar
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarFooterTemplate let-date>
- *      <span class="custom">{{date}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar>
+ *   <ng-template kendoCalendarFooterTemplate let-date let-activeView="activeView">
+ *     <div class="custom">
+ *       Today: {{date | date:'short'}} ({{activeView}} view)
+ *     </div>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class FooterTemplateDirective {

package/calendar/templates/header-template.directive.d.ts

@@ -5,28 +5,29 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the header of the Calendar. To define the header template, nest an `<ng-template>` tag
- * with the `kendoCalendarHeaderTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current title, use the `let-title` directive. To provide more details about
- * the current title, get a reference to the current `date` by using the `let-date` directive or get a reference to the
- * current active view  by using the `let-activeView` directive.
+ * A directive for customizing the entire header in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the complete header content,
+ * including navigation controls and title. The template context provides access to the title text,
+ * current date, and active view.
+ *
+ * Template Context Variables:
+ * - `title` - The formatted title text for the header
+ * - `date` - The Date object representing the current header context
+ * - `activeView` - The current active view of the Calendar
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarHeaderTemplate let-title>
- *      <span class="custom">{{title}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar>
+ *   <ng-template kendoCalendarHeaderTemplate let-title let-date="date">
+ *     <div class="custom">
+ *       <span>{{title}}</span>
+ *       <small>{{date | date:'yyyy-MM-dd'}}</small>
+ *     </div>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class HeaderTemplateDirective {

package/calendar/templates/header-title-template.directive.d.ts

@@ -5,28 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the header title of the Calendar. To define the header title template, nest an `<ng-template>` tag
- * with the `kendoCalendarHeaderTitleTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current title, use the `let-title` directive. To provide more details about
- * the current title, get a reference to the current `date` by using the `let-date` directive or get a reference to the
- * current active view  by using the `let-activeView` directive.
+ * A directive for customizing the header title in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the header title content.
+ * The template context provides access to the title text, current date, and active view.
+ *
+ * Template Context Variables:
+ * - `title` - The formatted title text for the header
+ * - `date` - The Date object representing the current header context
+ * - `activeView` - The current active view of the Calendar
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarHeaderTitleTemplate let-title>
- *      <span class="custom">{{title}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar>
+ *   <ng-template kendoCalendarHeaderTitleTemplate let-title let-activeView="activeView">
+ *     <span class="custom">{{title}} ({{activeView}})</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class HeaderTitleTemplateDirective {

package/calendar/templates/month-cell-template.directive.d.ts

@@ -5,27 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the month cell content of the Calendar. To define the month cell template, nest an `<ng-template>` tag
- * with the `kendoCalendarMonthCellTemplate` directive inside the component tag. The template context is set to the current
- * component. To get a reference to the current date, use the `let-date` directive. To provide more details about the current
- * month cell, get a reference to the current `cellContext` by using the `let-cellContext` directive.
+ * A directive for customizing the month cells in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the content of month cells
+ * when the Calendar is in year view. The template context provides access to the current date
+ * and cell context information.
+ *
+ * Template Context Variables:
+ * - `date` - The Date object representing the current cell's date
+ * - `cellContext` - Additional context information about the current month cell
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarMonthCellTemplate let-context="cellContext">
- *      <span class="custom">{{context.formattedValue}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar [activeView]="'year'">
+ *   <ng-template kendoCalendarMonthCellTemplate let-context="cellContext">
+ *     <span class="custom">{{context.formattedValue}}</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class MonthCellTemplateDirective {

package/calendar/templates/navigation-item-template.directive.d.ts

@@ -5,28 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the navigation item of the Calendar. To define the navigation item template, nest an `<ng-template>`
- * tag with the `kendoCalendarNavigationItemTemplate` directive inside the component tag. The template context is set to the
- * current component. To get a reference to the current item value, use the `let-title` directive. To provide more details
- * about the current title, get a reference to the current `date` by using the `let-date='date'` directive or get a reference
- * to the current active view by using the `let-activeView='activeView'` directive.
+ * A directive for customizing the navigation items in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the content of navigation items
+ * in the Calendar header. The template context provides access to the title, current date, and active view.
+ *
+ * Template Context Variables:
+ * - `title` - The formatted title text for the navigation item
+ * - `date` - The Date object representing the current navigation context
+ * - `activeView` - The current active view of the Calendar
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar>
- *    <ng-template kendoCalendarNavigationItemTemplate let-title>
- *      <span class="custom">{{title}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar>
+ *   <ng-template kendoCalendarNavigationItemTemplate let-title let-date="date">
+ *     <span class="custom">{{title}} - {{date | date:'yyyy'}}</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class NavigationItemTemplateDirective {

package/calendar/templates/weeknumber-cell-template.directive.d.ts

@@ -5,27 +5,25 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Used for rendering the week number cell content in the month view of the Calendar. To define the month week number cell template,
- * nest an `<ng-template>` tag with the `kendoCalendarWeekNumberCellTemplate` directive inside the component tag. The template
- * context is set to the current component. To get a reference to the current date, use the `let-date` directive. To provide more
- * details about the current week number cell, get a reference to the current `cellContext` by using the `let-cellContext` directive.
+ * A directive for customizing the week number cells in the Calendar component.
+ *
+ * This directive allows you to define a custom template for rendering the content of week number cells
+ * in the month view when the weekNumber property is enabled. The template context provides access to
+ * the current date and cell context information.
+ *
+ * Template Context Variables:
+ * - `date` - The Date object representing the current week's date
+ * - `cellContext` - Additional context information about the current week number cell
  *
  * For more examples, refer to the article on [templates]({% slug templates_calendar %}).
  *
  * @example
- * ```ts
- * _@Component({
- * selector: 'my-app',
- * styles: ['.custom { color: red; }'],
- * template: `
- *  <kendo-calendar [weekNumber]="true">
- *    <ng-template kendoCalendarWeekNumberCellTemplate let-context="cellContext">
- *      <span class="custom">{{context.formattedValue}}</span>
- *    </ng-template>
- *  </kendo-calendar>
- * `
- * })
- * export class AppComponent { }
+ * ```html
+ * <kendo-calendar [weekNumber]="true">
+ *   <ng-template kendoCalendarWeekNumberCellTemplate let-context="cellContext">
+ *     <span class="custom">W{{context.formattedValue}}</span>
+ *   </ng-template>
+ * </kendo-calendar>
  * ```
  */
 export declare class WeekNumberCellTemplateDirective {