New to Kendo UI for AngularStart a free 30-day trial

Represents the component that renders the Month view in the Scheduler.

Definition

Package:@progress/kendo-angular-scheduler

Selector:kendo-scheduler-month-view

Syntax:

html
<kendo-scheduler>
    <kendo-scheduler-month-view></kendo-scheduler-month-view>
</kendo-scheduler>

Inputs

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).

Default:

false

Defines a function that is executed for every event in the view. The function returns a value which is supported by ngClass.

Parameters:argsEventStyleArgsReturns:

any

eventHeight

number | "auto"

Sets the height of the rendered events. If set to 'auto', the height is based on the event content (see example).

When set to 'auto', it automatically sets the adaptiveSlotHeight property to true.

eventsPerDay

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).

When set to 'auto', it automatically sets the adaptiveSlotHeight property to true.

Default:

2

Defines a function that is executed for every event in the view. The function returns a value which is supported by ngStyle.

Parameters:argsEventStyleArgsReturns:

any

Specifies the days that will be hidden from the view. Accepts an array of Day enum values.

Specifies the settings for the ongoing events highlight of the Scheduler.

Sets the long-date format for the selected date in the Scheduler toolbar. For more information, see Parsing and Formatting Dates and Numbers.

Default:

'{0:Y}'

Sets the short-date format for the selected date in the Scheduler toolbar. For more information, see Parsing and Formatting Dates and Numbers.

Default:

'{0:y}'

Specifies whether to display the toolbar of the Scheduler.

Defines a function that is executed for every slot in the view. The function returns a value which is supported by ngClass see example.

Parameters:argsSlotClassArgsReturns:

any

Fields

name

string

The invariant name for this view.

Default:

'month'

Events

Fires when the more events button in the Month view is clicked. Allows you to prevent the default navigation to the Day view or provide custom handling. The event provides arrays of displayedEvents and moreEvents for the clicked day.