MonthViewProps

Represents the props of the KendoReact MonthView Component.

NameTypeDefaultDescription

className?

string

Sets a custom className to the wrapping element of the DayView.

dateHeaderCell?

React.ComponentType<DateHeaderCellProps>

Represents component based on the DateHeaderCellProps.

dateRange?

DateRange | (args: SchedulerViewDateRangeArgs) => DateRange

Overrides the dateRange calculated by the Scheduler component.

If a function is passed, an object of type SchedulerViewDateRangeArgs will be passed.

editable?

boolean

Overrides the general editable prop of the Scheduler for the specified view only.

editItem?

React.ComponentType<SchedulerEditItemProps>

Overrides the editableItem prop of the Scheduler for the specified view only.

editSlot?

React.ComponentType<SchedulerEditSlotProps>

Overrides the editSlot prop of the Scheduler for the specified view only.

form?

React.ComponentType<SchedulerFormProps>

id?

string

Sets a custom id to the wrapping element of the DayView.

item?

React.ComponentType<SchedulerItemProps>

Overrides the item prop of the Scheduler for the specified view only.

itemsPerSlot?

number

Sets the maximum number of items to be rendered in a single slot, before adding the show-more button.

name?

string

The name property is used by the Scheduler to match which view is selected. Every view has a default name.

numberOfDays?

number

Specifies the number of days to be shown in the current view.

onDataAction?

(action: DataAction) => void

Called every time any of the SchedulerView Slots or Items trigger a data action, through editing, deleting or creating new DataItem.

selectedDateFormat?

string

The long-date format for displaying the selected date in the Scheduler toolbar. Defaults to {0:Y} (more information)

selectedShortDateFormat?

string

The short-date format for displaying the selected date in the Scheduler toolbar. Defaults to {0:Y} (more information)

slot?

React.ComponentType<SchedulerSlotProps>

Overrides the slot prop of the Scheduler for the specified view only.

style?

React.CSSProperties

Sets a custom style property to the wrapping element of the DayView.

title?

string | (localization: LocalizationService) => string

The title to be displayed in the view selection list in the Toolbar. If a function is passed, it will receive a [LocalizationService]({ slug api_intl_localizationservice }) as an argument

viewItem?

React.ComponentType<SchedulerViewItemProps>

Overrides the viewItem prop of the Scheduler for the specified view only.

viewSlot?

React.ComponentType<SchedulerViewSlotProps>

Overrides the viewSlot prop of the Scheduler for the specified view only.