New to Kendo UI for Vue? Start a free 30-day trial

AgendaViewProps

Represents the properties of the Kendo UI for Vue AgendaView Component.

NameTypeDefaultDescription

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.

dragItem?

any

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

editable?

boolean | EditableProp

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

editSlot?

any

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

editTask?

any

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

id?

string

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

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 that the view will render. Defaults to 7.

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.

resizeItem?

any

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

selectedDateFormat?

string

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

selectedShortDateFormat?

string

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

slot?

any

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

step?

number

The number of steps (in days) to change, when using the back and forwards buttons in the toolbar navigation. The default value is 7 days.

style?

any

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

task?

any

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

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

viewSlot?

any

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

viewTask?

any

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