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

SchedulerQuickCreateForm

Component

Represents the default quick-create popover of the Scheduler. The form edits the event title and provides Save, More options, and Cancel actions.

Definition

Package:@progress/kendo-vue-scheduler

HTMLElement

Specifies the element used to position the popover.

Example:

vue

<SchedulerQuickCreateForm :anchor="slotElement" />

any

Specifies the draft event displayed in the quick-create popover.

Example:

vue

<SchedulerQuickCreateForm :data-item="draft" />

Fires when the quick-create form is dismissed.

Example:

vue

<SchedulerQuickCreateForm @cancel="handleCancel" />

Fires when More options is clicked to open the full editor.

Example:

vue

<SchedulerQuickCreateForm @moreoptions="handleMoreOptions" />

Fires when Save is clicked or Enter is pressed in the title field.

Example:

vue

<SchedulerQuickCreateForm @submit="handleSubmit" />

boolean

Controls the visibility of the quick-create popover.

Example:

vue

<SchedulerQuickCreateForm :show="true" />

FormValidatorType

Validates the quick-create form values, like the SchedulerForm validator.

Example:

vue

<SchedulerQuickCreateForm :validator="validateTitle" />