DayPilot Pro for JavaScript
Demo
Calendar
Month
Scheduler
Gantt
Kanban
Download
Download a trial version (1.1 MB).
daypilot-pro-javascript-trial-2025.1.6333.zip
×
Main
JavaScript Scheduler
Timeline
Active Areas
Time Headers
Hiding Weekends
Hiding Non-Business Hours
Separators
Scale: Minutes
Scale: Hours
Scale: Days
Scale: Weeks
Scale: Months
Scale: Years
Scale: Custom
Frameworks
Angular
React
Vue.js
View Types
Gantt Chart
Timesheet
NEW
Year View
Rows
Resource Tree
Custom Event Height
Dynamic Tree Loading
NEW
External Drag and Drop of Rows
Frozen Rows
Progressive Rendering
Resource Utilization
Row Creating
Row Editing
Row Filtering
Row Header Active Areas
Row Header Columns
Row Header Hiding
Row Header Scrolling
Row Moving
NEW
Row Moving between Schedulers
Row Selecting
Row Sorting
NEW
Split Resources
Events
Asynchronous Validation
Group Concurrent Events
Dynamic Event Loading
Event Active Areas
Event Containers
Event Context Menu
Event Copying
Event Customization
Event Deleting
Event Filtering
Event Height
Event Icons
Event Inline Editing
Event Links
Event Loading
Event Moving
Event Moving (Non-Business)
Event Moving between Schedulers
Event Multi-Moving
Event Multi-Resizing
Event Multi-Selecting
Event Overlapping
Event Phases
Event Searching
Event Selecting
Event Stacking Line Height
Event Versions
External Drag and Drop of Events
Joint Events
Milestones
Percent Complete
Queue
Real-Time Drag and Drop Indicators
Grid
Cell Customization
Cell Width
Auto Cell Width
Crosshair
Disabled Cells
Highlighting Unavailable Cells
Highlighting Weekends
Infinite Scrolling
Keyboard Access
Multi-Range Selecting
Scrolling
Snap to Grid
Time Range Selecting
Navigation
Navigator
Next/Previous Buttons
Export
SVG Export
PNG Export
JPEG Export
Printing
Localization
Localization
Themes
Transparent Theme
White Theme
Green Theme
Theme 8
Traditional Theme
Blue Theme
Controls
Message Bar
Gantt Chart (JavaScript Scheduler)
In the Gantt Chart mode, the Scheduler creates a special row for each event. The row header columns can be used to display additional information about the event.
There is also a special
Gantt Chart component
with advanced features.
Name
Details
DEMO
Event 0
Event 0 details
Event 1
Event 1 details
Event 2
Event 2 details
Event 3
Event 3 details
Event 4
Event 4 details
Event 5
Event 5 details
Event 6
Event 6 details
Event 7
Event 7 details
Event 8
Event 8 details
Event 9
Event 9 details
1/14/2025
12 AM
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
18%
69%
30%
93%
63%
98%
74%
50%
66%
63%
Loading...
Show source