Bryntum Scheduler is a full featured resource scheduler with support for all the features you need like grouping, filtering, tree view, dependency lines and much more. Scroll down to browse demos or click the 'Documentation' button above to view our guides and API docs. The info button lets you switch theme and locale for the demos.

Basic

Animations
Basic
Configuration
Custom event styling
Drag drop selection mode
Event styles
Fill ticks
Filtering
Resource time ranges
Row height
Scrolling
Simple event editor
Time ranges
Time resolution
Tooltips
Vertical mode

Intermediate

3D bars (styling)
Big data set
Big data set vertical
Columns
Customized event context menu
Event editor
Event editor with cascading combos
Event layouts
Grouping
Icons
Labels
Localization
Milestone layout
Multi assignment
Nested events
Responsive
Summary
Tree
Validation when dragging, creating or resizing tasks
Working hours & days

Advanced

Custom styling with Rough.js?434316
Custom theme
Dependencies
Drag drop from a grid
Drag drop objects onto tasks
Drag drop tasks between different Scheduler instances
Export to Excel
Group summary
Multi assignment + dependencies
Multi summary
Non-continuous time axis
Partnered Schedulers
Summary with histogram
Tasks application demo
Undo/Redo
WebSockets online demo

Integration

Backend in PHP
Backend in PHP + CrudManager
Include using EcmaScript module
Include using RequireJS
Include using script tag
Integrate with ExtJS Modern
Integrate with Ionic
Integrate with Salesforce Lightning (offline)
Use as web component (WebKit only)

Integration/Angular

Angular Animations demo
Angular Basic demo
Angular Dependencies demo
Angular Filtering demo
Angular Localization demo
Angular Routing + NgRx demo
Angular Tasks demo
Drag Tasks from Grid
Drag between Schedulers
Drop Equipment onto Tasks
Integrate with Angular 1
Integrate with Angular 2
Integrate with Angular 4
Integrate with Angular 5
Integrate with Angular 6
Integrate with Angular 7

Integration/React

Advanced React + Redux demo
Filtering Scheduler React+TypeScript
Integrate with React CDN
Integrate with React and TypeScript
React Drag between Schedulers demo
React Drag from Grid demo
React Drag onto Tasks demo
React Filtering Scheduler demo
React animations demo
React dependencies demo
React localization demo
React simple demo

Integration/Vue

Advanced Vue demo
Animations Vue demo
Dependencies Vue demo
Drag Tasks from grid Vue demo
Drag between Schedulers Vue demo
Drag onto Tasks Vue demo
Integrate Vuestic Admin
Integrate with Vue CDN
Localization Vue demo
Simple Vue demo
Tasks Vue demo