Tasks Overview
The KendoReact Scheduler components transforms the provided data collection into AgendaView.
Importing the Default Tasks
The default task, viewTask and editTask are contained in the @progress/kendo-react-scheduler package:
// ES2015 module syntax
import { SchedulerTask, SchedulerViewTask, SchedulerEditTask } from '@progress/kendo-react-scheduler'; // CommonJS format
const { SchedulerTask, SchedulerViewTask, SchedulerEditTask } = require('@progress/kendo-react-scheduler');Task Composition
The Task composition is really close in terms of structure to the Item Composition and all rules from the Item apply here.
Providing Custom Task
To customize a specific part of the Task tree, provide the corresponding task, viewTask or editTask property to either the Scheduler or the AgendaView.
Currently the
taskssupport only theremoveediting method, but we will be increasing the number of editing methods for theSchedulerEditTaskcomponent.
The following example demonstrates basic customization of the SchedulerTask component.
Example
View Source
Change Theme:
