The JavaScript Scheduler component includes built-in UI support for common tasks.

Event editing

javascript scheduler event editing

You can edit event details using a modal dialog. This method is demonstrated in the HTML5 Scheduler Tutorial [code.daypilot.org].

See also event editing [doc.daypilot.org].

Event deleting

JavaScript Scheduler Event Deleting

See also event deleting [doc.daypilot.org].

Event selecting

JavaScript Scheduler Event Selecting

See also event selecting [doc.daypilot.org].

Event context menu

JavaScript Scheduler Event Context Menu

See also event context menu [doc.daypilot.org].

Event hover details

JavaScript Scheduler Event Hover Details

See also event bubble [doc.daypilot.org].

Event copy and paste

JavaScript Scheduler Event Copying

See also event copying [doc.daypilot.org].

Event creating

JavaScript Scheduler Drag and Drop Event Creating

Event moving

JavaScript Scheduler Drag and Drop Event Moving

See also event moving [doc.daypilot.org].

Event resizing

JavaScript Scheduler Drag and Drop Event Resizing

See also event resizing [doc.daypilot.org].

Drag and drop from a list of unscheduled events

JavaScript Scheduler External Drag and Drop

See also external drag and drop [doc.daypilot.org].