@progress/kendo-angular-scheduler
Version:
Kendo UI Scheduler Angular - Outlook or Google-style angular scheduler calendar. Full-featured and customizable embedded scheduling from the creator developers trust for professional UI components.
89 lines (88 loc) • 4.59 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { OnDestroy, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import { IntlService } from '@progress/kendo-angular-intl';
import { Day } from '@progress/kendo-date-math';
import { DateRange } from '../../types';
import { ConfigurationViewBase } from '../common/configuration-view-base';
import { ViewContextService } from '../view-context.service';
import { ViewStateService } from '../view-state.service';
import { MultiWeekDaySlotTemplateDirective } from '../templates';
import * as i0 from "@angular/core";
/**
* 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 declare class MultiWeekViewComponent extends ConfigurationViewBase implements OnDestroy, OnChanges {
private intl;
/**
* @hidden
*/
get title(): string;
/**
* 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 automatically sets the `adaptiveSlotHeight` property to `true`.
*/
eventHeight: number | 'auto';
/**
* 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 automatically sets the `adaptiveSlotHeight` property to `true`.
* @default 2
*/
set eventsPerDay(events: number | 'auto');
get eventsPerDay(): number | 'auto';
private _eventsPerDay;
/**
* 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: boolean;
/**
* Sets the number of weeks to render in the view.
* @default 6
*/
numberOfWeeks: number;
/**
* 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: string;
/**
* 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: string;
multiWeekDaySlotTemplate: MultiWeekDaySlotTemplateDirective;
/**
* The invariant name for this view.
* @default 'multiWeek'
*/
readonly name: string;
get viewEventHeight(): number | 'auto';
constructor(localization: LocalizationService, changeDetector: ChangeDetectorRef, viewContext: ViewContextService, viewState: ViewStateService, intl: IntlService);
ngOnChanges(changes: SimpleChanges): void;
/**
* @hidden
*/
dateRange(date: Date, weekStart: Day): DateRange;
/**
* @hidden
*/
newRange(date: Date, direction?: -1 | 1): Date;
static ɵfac: i0.ɵɵFactoryDeclaration<MultiWeekViewComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<MultiWeekViewComponent, "kendo-scheduler-multi-week-view", never, { "eventHeight": { "alias": "eventHeight"; "required": false; }; "eventsPerDay": { "alias": "eventsPerDay"; "required": false; }; "adaptiveSlotHeight": { "alias": "adaptiveSlotHeight"; "required": false; }; "numberOfWeeks": { "alias": "numberOfWeeks"; "required": false; }; "selectedDateFormat": { "alias": "selectedDateFormat"; "required": false; }; "selectedShortDateFormat": { "alias": "selectedShortDateFormat"; "required": false; }; }, {}, ["multiWeekDaySlotTemplate"], never, true, never>;
}