Bryntum Scheduler
Power demos
Demonstrates showing a set of resources locked at the top of the Scheduler
Demonstrates that the scheduler performs well even with many many rows
Demonstrates that the scheduler performs well even with a large hierarchical data set
Demonstrates that the vertical scheduler performs well even with many many rows
Demonstrates Scheduler using a big project
This example shows a demo booking application, using ResourceTimeRanges and the summary feature
Demonstrates the Event Clustering and Resource Time Range Clustering features for improved performance with large datasets
Shows a Scheduler with both infinite timeline scroll as well as infinite resource scroll. The backend is made in PHP
Shows a Scheduler with hierarchical resource data and both infinite timeline scroll as well as infinite resource scroll. The backend is made in PHP
Shows a more advanced use of eventRenderer to render "nested events"
This example demonstrates that the Scheduler can access large data sets page by page
Dual timelines in sync
This demo lets you test the scheduler when external edits are received, to simulate a real world app with web sockets
An application demo with lots of custom rendering
Shows how you can customize the TimeAxis class, which is used to generate the date ticks in the timeline header
Shows a timeline histogram
A demo that comes with a WebSocket server for multi-user realtime' interaction with the Schedule, see README.md for details on how to get it started
Drag & drop
You can drag drop tasks between different scheduler instances on the page
This example shows how easy it is to drag tasks from a separate list or grid onto the schedule
This example shows how easy it is to drag tasks from a separate list or grid onto the schedule
This example shows how to drag tasks from a grid onto a tree schedule
This example shows how to drag items from a list and drop them onto a task to update some aspect of it
This example shows how easy it is to drag tasks from a tree grid onto the schedule
This example shows how to drag any DOM node and drop it onto a task to update some aspect of it
This example shows how to drag events to an element outside the scheduler
Charts
Thin
Shows how to use a chart designer widget to configure and display a chart from Scheduler data
Thin
This example shows how the SparklineColumn can display sparkline charts inline in a Scheduler row
Thin
This example shows a Chart side by side with a Scheduler
Basics
Shows a very basic scheduler setup
Built-in and custom made view presets along with zooming feature
Demonstrates smooth zooming with zoom controls, TimeZoomSlider, and a large dataset
Displays columns of different types on left and right sides of the schedule
Allows adjusting row height and bar margin using sliders to get immediate feedback on the effect of those settings. Also shows the StickyCells feature
Here's an example of locating elements in the grid programmatically. You can scroll to a point in time, and you can also scroll to a certain event in the eventStore
The scheduler has support for snapping to the set time resolution. In the view below, you can snap in any increment between 5-60 minutes.
Note how drag, resize and create operations are affected by having Snap checked or not.
This example demonstrates auto state handling for the Scheduler. It allows the user to store state in localStorage and restore it across page reloads
Event layout & styling
The Scheduler will animate any changes to your rendered Events by default
Custom rendering of events using the
eventRenderer() function
Uses the Rough.js library to draw sketchy events
This demo has a custom theme, to showcase how you can create your own. Check the resources/ folder to see how it is done
The Scheduler can layout events in 3 different ways: `stack` (the default), `pack` or `none` (overlapping). Order of overlapping events is configurable
Shows how using eventStyle and eventColor affects appearance
Shows the different options available to make milestones part of the event layout
You can render not only event bars, but also icons representing a milestone
Features
A Scheduler with collapsible grouped columns in its grid section
Click and drag to select multiple events easily
This example shows how you can have dependencies visualized between tasks by loading data using the CrudManager
Shows a scheduler in vertical mode with dependencies
Shows how to use FieldFilterPickerGroup to filter the resource and event stores of the Schedule
This demo uses the `fillTicks` config to force events to be rendered as full ticks. Only affects rendering, the events retain their configured start and end dates on the data level
This demo shows you how easy it is to filter & highlight events and resources to quickly find what matters to you
This example shows how you can group resources
This example shows how you can display group summaries with custom rendering
A scheduler which contains a year's worth of events and may be scrolled continuously so that all events may be visited
This demo uses the Labels feature to display labels around events. Labels can display field data or use a custom renderer, and are truncated to the available space when events overlap
This example shows how to use the `mergeCells` option on columns to merge cells with the same value into a single cell spanning multiple rows
Shows a basic scheduler using an AssignmentStore to support multi assignment
Shows a basic scheduler using resourceIds field to support multi assignment
Shows a basic scheduler using an multi assignment with dependencies, drawing dependency lines to all assignments of an event
This example shows how to display multiple summaries for the schedule part
The demo shows how to customize Scheduler's weekends and non-working days
Shows recurring events. All update/delete operations on recurring events required to be confirmed. You can change recurrence configuration using the default event editor
Shows how to use the TimeRanges feature with the recurring time spans to add repeating vertical lines and zones to the schedule
Using `eventLayout` field of the resource model you can control the collapsed state. "stack" means expanded, "none" means collapsed
Displays resource time ranges, similar to events in that they have a start and end date but different in that they do not take part in the layout. They always occupy full row height and are displayed behind events
Shows how the scheduler can be easily made responsive using a combination of configs and styling
Shows buttons at the start/end of each row to let users scroll to the next event quickly
Double click event bars to edit name easily
Shows how to position a widget overlayed at the tick cell that the pointer is hovering
Shows how to position a widget overlayed at the tick cell that the pointer is hovering
This example demonstrates how split the scheduler into multiple views
This example shows the summary feature
This example shows a summary in the timeaxis header
This example shows how to make a simple animated histogram summary
Shows how to use the TimeRanges feature to add vertical lines and zones to the schedule
Shows the built-in Temporal-based time zone support
Shows how to select time ranges in the time axis header
This demo visualizes hierarchical data in the form of a tree
This demo shows how to rollup and summarize tree data
This demo shows how to rollup and summarize tree data and customize the way the rollup data are shown
Uses the TreeGroup feature to transform the resource tree's structure
This demo shows undo / redo functionality one can use in an application using standard State Tracking Manager facility
Shows a basic scheduler using vertical mode
Shows a basic scheduler using vertical mode with defined column widths
This demo shows how to configure Scheduler to only show working hours and working days, stretching events to fill the gaps that would otherwise be seen
This example shows how resources may be members of multiple groups
This example shows how resources may be members of multiple tree groups
This example demonstrates how to freeze rows at the top of the Scheduler using the LockRows feature
Shows a Scheduler with both infinite timeline scroll and infinite resource scroll, managed by the CrudManager. The backend is made in PHP
Uses the NestedEvents feature to display nested events with drag-n-drop support
A more advanced demo using nested events, letting you try out different configuration options for the feature
This demo demonstrates nested events using a lazy loaded project
Shows the events split to segments that can be dragged, resized and styled individually
Shows the conflict resolution popup in action
Using constraints on events to affect their scheduling
Show events that distribute their effort across their duration. Scheduler and a Resource Utilization visualize effort allocation in sync
Shows a basic Scheduler setup with dependencies affecting scheduling
Shows using dependencies between nested events, that affects the scheduling
Shows a Scheduler with resources / machines grouped separately but assigned to same tasks
Shows a Scheduler setup with a working hours calendar and time axis filtering
Scheduler using the percentBar feature to visualize percentDone
Shows Scheduler using and visualizing per event calendars
Shows a Scheduler with recurring events
Shows Calendar editor allowing to modify resource working hours
Shows a Scheduler setup with a working hour calendars per resource
Shows a Scheduler with a weekend calendar, visualized in the UI and respected when scheduling
Shows the built-in Temporal-based time zone support
This demo shows how to visualize travel time before/after an event
This demo shows how to summarize the number of events per date and group with a heat map
Customization
Shows a how to render custom HTML into the event bars
This demo visualizes transport scheduling at an airport
This example shows the event editor docked inside the browser viewport
The Event Editor feature displays a popup where you can edit the fields for your events. Double click an event to show the editor. Hover over an event to show a tooltip with information
The Event Editor feature displays a popup where you can edit the fields for your events. The popup has two custom combo fields. The second combo item list depends on the first combo value
Shows how to customize the items of the EventMenu
Shows how to move the different layers along the z-axis
Shows how to preload a specific locale and localize the application
Shows you how to customize the event tooltip
Shows how to render custom buttons into the event bar
A custom event editor implemented with Bootstrap
A custom event menu implemented with Bootstrap
This example shows how to use TinyMCE as a field in the event editor popup
Validation can be done when dragging, creating or resizing tasks. You can also provide an error message shown to your users when the state of a task is invalid
Grouping events inside the resource row
Scheduler with task editor customizations
Export
Demonstrates how to export the scheduler to PDF/PNG
Demonstrates how to print component using browser print dialog
This demo shows a custom solution of exporting Scheduler data to Excel without involving the server based on a third party library called write-excel-file (https://www.npmjs.com/package/write-excel-file)
This demo shows how to export an event to the ICS format to be added to Outlook and other calendars
This example shows how to extract a starting point for a test case which can be useful for reproducing an issue when reporting it on Bryntum's support forum
Misc
Thin
Comprehensive showcase of all the widgets included in the Bryntum package. Browse through text fields, date pickers, buttons, layouts, and more
Shows using inline data for Scheduler
A demo that shows how to handle two levels of nesting of events
Integration
Scheduler with a CrudManager using a backend built on PHP & MySQL
This example uses a Content-Security-Policy meta tag to show that Scheduler works with CSP
This example shows how to include and use the grid using EcmaScript modules (import)
ExtJS 7.4.0
Example of a Bryntum Scheduler embedded in an ExtJS Classic application. Read more about ExtJS here: https://www.sencha.com
ExtJS 6.5.3
Example of a Bryntum Scheduler embedded in an ExtJS Modern application. Read more about ExtJS here: https://www.sencha.com
Demonstrates an editable Scheduler with a simple PHP backend (only stores data in session, no database)
This demo shows how to embed Bryntum Scheduler into the Lightning Web Component to use in your salesforce org
Shows scheduler with .NET backend
Shows scheduler with .NET backend
WebPack 5
This very basic demo shows how to use SchedulerBase and webpack to do a custom build from our sources
WebPack 5
This demo shows how to build your own UMD bundle with webpack and include it with an ordinary script tag
WebPack 5
This demo shows how to build your own UMD bundle with webpack and use the scheduler as a <bryntum-scheduler> custom element
ExtJS 7.2.0
Example of a Bryntum Scheduler embedded in an ExtJS Modern application. Read more about ExtJS here: https://www.sencha.com
This demo shows how to embed Bryntum Scheduler into the Lightning Web Component to use in your salesforce org
WebPack 5
This very basic demo shows how to use SchedulerBase and webpack to do a custom build from our sources
Use cases
This example shows how to integrate the Scheduler with the Magic Lane Maps SDK
This example shows how to integrate the Scheduler with a Mapbox GL JS API
This demo demonstrates Scheduler integration with Mapbox GL JS for location-based task visualization and TanStack Table for rendering a custom sortable unplanned tasks grid with drag-and-drop scheduling functionality
This example shows how to integrate the AG Grid with Scheduler and Mapbox GL JS API
Shows a typical flight dispatch UI implemented with Scheduler
Thin
Shows how to use a Chart widget as an extra layer inside each row
Define skills for resources and annotate tasks with the skills required to perform the task
Manage table reservations at a restaurant using Scheduler
Toggle between showing planned dates and actual dates
Shows changes made by other clients in real time
Port berth planning demo using vertical mode with
managedEventSizing: false. Vessels are assigned to bollard positions and their visual width reflects their Length Overall (LOA). Operators can also assign ship-to-shore cranes to each vessel for crane scheduling. Uses custom EventModel and ResourceModel subclasses. Learn more about managedEventSizingAdditional widgets
Show a Scheduler and a Resource Histogram visualizing resource allocation in sync
Show a Scheduler and a Resource Utilization visualizing resource allocation in sync
Scheduler with Timeline widget
AI
Demonstrates the Bryntum AI Assistant integrated into the Scheduler
Highlighting
Help end users understand the scheduling logic by visualizing event calendars
Help end users understand the scheduling logic by visualizing resource calendars
Help end users understand the scheduling rules by visualizing the event scheduling boundaries
Drag drop
Drag tasks from a list onto Scheduler to schedule them or onto other tasks connect them with dependencies
Drag unplanned tasks from a list onto the Scheduler component
Create orders and drag onto the Scheduler to schedule
A more advanced demo using nested events, letting you drag and drop events from a grid to assign to a parent event
Angular
examples/frameworks/angular
Angular 22
TypeScript 6
This example shows how to use Bryntum Angular Scheduler component in an Angular application with routing and with state managed by NgRx
Angular 19
TypeScript 5
The Angular Scheduler control will animate any changes to your rendered events out of the box
Angular 19
TypeScript 5
This simple example shows how the Angular Scheduler component can be integrated into any Angular application
Angular 16
TypeScript 4
This example shows a booking application demo, using ResourceTimeRanges, the summary feature and angular components as renderers
Angular 22
TypeScript 6
Displays columns of different types on left and right sides of the schedule
Angular 22
TypeScript 6
Shows how to replace the default event editor with an Angular-based custom editor
Angular 15
TypeScript 4
This example shows how you can visualize dependencies between tasks by loading data using the CrudManager in Angular
Angular 15
TypeScript 4
You can drag drop tasks between different Angular Scheduler component instances on the page
Angular 19
TypeScript 5
The example shows how easy it is to allow end users to drag unplanned tasks from an external grid to the Angular Scheduler component
Angular 15
TypeScript 4
This example lets you drag external DOM nodes and drop them onto tasks to update some aspect of them, such as scheduling the use of equipment
Angular 19
TypeScript 5
The Event Editor feature displays a popup where you can edit the fields for your events. The popup has multiple custom fields, which have dependencies on each other
Angular 15
TypeScript 4
This demo shows you how easy it is to filter & highlight events and resources to quickly find what matters to you
Angular 20
TypeScript 5
Shows a Scheduler with hierarchical resource data and both infinite timeline scroll as well as infinite resource scroll. The backend is made in PHP
Angular 15
TypeScript 4
This example shows how to localize the Angular Scheduler control together with i18next library in Angular
Angular 20
TypeScript 5
Resources and events are lazily loaded on demand via NgRx (Store + Effects), so the scheduler scrolls on both axes
Angular 15
TypeScript 4
This example shows how you can export the Angular Scheduler content into PDF/PNG in Angular
Angular 15
TypeScript 4
Shows how to use recurring events feature in Angular Scheduler. You can use any recurrence pattern to control the event scheduling
Angular 22
TypeScript 6
Shows how to use the TimeRanges feature with the recurring time spans to add repeating vertical lines and zones to the schedule
Angular 22
TypeScript 6
Double click event bars to edit name easily
Angular 15
TypeScript 4
This example shows the Angular Scheduler with resources organized in a tree structure and per-row task coloring
Angular 22
TypeScript 6
Shows how you can customize the TimeAxis class, which is used to generate the date ticks in the timeline header
Angular 16
TypeScript 4
Shows a timeline histogram
Angular 22
TypeScript 6
Shows the conflict resolution popup in action
Angular 16
TypeScript 5
Drag unplanned tasks from a list onto the Scheduler component
Angular 19
TypeScript 5
Shows a typical flight dispatch UI implemented with Scheduler
Angular 19
TypeScript 5
Help end users understand the scheduling logic by visualizing event calendars
Angular 19
TypeScript 5
Help end users understand the scheduling logic by visualizing resource calendars
Angular 22
TypeScript 6
This demo shows using inline data for Scheduler
Angular 19
TypeScript 5
This example shows how to integrate the Scheduler with a Mapbox GL JS API in Angular
Angular 22
TypeScript 6
A more advanced demo using nested events, letting you try out different configuration options for the feature
Angular 21
TypeScript 5
This demo demonstrates nested events using lazy loaded stores
Angular 22
TypeScript 6
Shows a Scheduler setup with a working hours calendar and time axis filtering
Angular 22
TypeScript 6
This demo shows how to use Resource Histogram which is part of Angular Scheduler
Angular 16
TypeScript 4
Show a Scheduler and a Resource Utilization visualizing resource allocation in sync
Angular 15
TypeScript 4
Scheduler with task editor customizations
Angular 22
TypeScript 6
Shows how time zone support can be implemented
Angular 19
TypeScript 5
This demo shows how to visualize travel time before/after an event
React + Vite
examples/frameworks/react-vite
React 19
Vite 8
TypeScript 6
Demo of using the Bryntum React Scheduler component in a React application using Redux Toolkit, loading data with Redux Toolkit Query
React 19
Vite 8
TypeScript 6
The Scheduler will animate any changes to your rendered Events by default
React 18
Vite 8
TypeScript 5
This demo contains a React component that wraps Bryntum Grid using TypeScript and a small demo to showcase it
React 18
Vite 4
TypeScript 4
Demonstrates that the Scheduler performs well with many resources and events and with enabled React JSX rendering
React 18
Vite 8
TypeScript 5
This example shows a demo booking application, using ResourceTimeRanges and the summary feature
React 19
Vite 8
TypeScript 6
Displays columns of different types on left and right sides of the schedule
React 19
Vite 8
TypeScript 6
Shows the conflict resolution popup in action
React 19
Vite 8
TypeScript 6
A custom event editor implemented with React
React 19
Vite 8
TypeScript 6
This example shows how you can have dependencies visualized between tasks by loading data using the CrudManager
React 18
Vite 8
TypeScript 5
This demo shows how easy it is to drag unscheduled tasks from an external grid onto the React Scheduler
React 19
Vite 8
TypeScript 5
The Event Editor feature displays a popup where you can edit the fields for your events. The popup has multiple custom fields, which have dependencies on each other
React 19
Vite 8
TypeScript 6
This demo shows you how easy it is to filter & highlight events and resources to quickly find what matters to you
React 19
Vite 8
TypeScript 5
Shows a Scheduler with hierarchical resource data and both infinite timeline scroll as well as infinite resource scroll. The backend is made in PHP
React 19
Vite 8
TypeScript 6
Shows how to preload a specific locale and localize the application
React 18
Vite 8
TypeScript 5
The demo shows how to customize Scheduler's weekends and non-working days
React 19
Vite 8
TypeScript 6
Demonstrates how to export the scheduler to PDF/PNG
React 19
Vite 8
TypeScript 5
This demo contains a React Scheduler with the Print feature enabled while using JSX event and cell renderer
React 19
Vite 8
TypeScript 5
This example demonstrates how to use React components as event renderers
React 19
Vite 8
TypeScript 6
This demo shows how to use React state with the React Scheduler component
React 19
Vite 8
TypeScript 5
This example demonstrates how to use React components in tooltips and other widgets
React 19
Vite 8
TypeScript 6
Shows recurring events. All update/delete operations on recurring events required to be confirmed. You can change recurrence configuration using the default event editor
React 19
Vite 8
TypeScript 6
Shows how to use the TimeRanges feature with the recurring time spans to add repeating vertical lines and zones to the schedule
React 18
Vite 4
TypeScript 5
Shows how to configure React renderers to use the React Context
React 19
Vite 8
TypeScript 6
Show a Scheduler and a Resource Histogram visualizing resource allocation in sync
React 19
Vite 8
TypeScript 6
Resources and events are lazily loaded on demand via Redux Toolkit Query, so the scheduler scrolls smoothly through large datasets on both axes
React 19
Vite 8
TypeScript 6
This demo contains a very simple React Scheduler implementation example
React 19
Vite 8
TypeScript 6
Double click event bars to edit name easily
React 19
Vite 8
TypeScript 6
Shows how you can customize the TimeAxis class, which is used to generate the date ticks in the timeline header
React 19
Vite 8
TypeScript 6
Scheduler with Timeline widget
React 18
Vite 4
TypeScript 4
Shows a timeline histogram
React 18
Vite 8
TypeScript 5
This demo shows the React Scheduler in vertical mode with resource along the horizontal axis
React 18
Vite 8
TypeScript 5
This is an advanced demo showing creation of orders from a template. When you drag an order onto the schedule, its template tasks are added
React 18
Vite 4
TypeScript 5
Drag unplanned tasks from a list onto the Scheduler component
React 19
Vite 8
TypeScript 5
Show events that distribute their effort across their duration. Scheduler and a Resource Utilization visualize effort allocation in sync
React 18
Vite 8
TypeScript 5
Help end users understand the scheduling logic by visualizing event calendars
React 18
Vite 8
TypeScript 5
Help end users understand the scheduling logic by visualizing resource calendars
React 18
Vite 8
TypeScript 5
Help end users understand the scheduling rules by visualizing the event scheduling boundaries
React 18
Vite 8
TypeScript 5
This demo shows using inline data for Scheduler
React 19
Vite 8
TypeScript 5
This example shows how to integrate the Scheduler with a Mapbox GL JS API in React
React 18
Vite 4
TypeScript 4
Shows a Scheduler with both infinite timeline scroll and infinite resource scroll, managed by the CrudManager. The backend is made in PHP
React 19
Vite 8
TypeScript 5
This demo demonstrates nested events using a lazy loaded project
React 18
Vite 8
TypeScript 5
Shows a Scheduler setup with a working hours calendar and time axis filtering
React 19
Vite 8
TypeScript 5
Shows the events split to segments that can be dragged, resized and styled individually
React 18
Vite 4
TypeScript 4
Scheduler with task editor customizations
React 18
Vite 8
TypeScript 5
This demo demonstrates lazy loaded resource and event stores using the requestData function with PHP backend
React 18
Vite 8
TypeScript 5
This demo shows how to visualize travel time before/after an event
React
examples/frameworks/react
React 17
TypeScript 4
This demo includes a SPFx web part that uses TypeScript and React
React 17
TypeScript 4
This demo includes a SPFx web part that uses TypeScript and React
React 17
TypeScript 4
This demo includes a SPFx web part that uses TypeScript and React
React 17
TypeScript 4
This demo includes a SPFx web part that uses TypeScript and React
React + Remix
React 18
Remix 2
Vite 5
TypeScript 5
This demo contains the React Scheduler wrapper and the demo is written in Remix using Typescript
React 18
Remix 2
Vite 5
TypeScript 5
This demo contains the React Gantt chart wrapper and the demo is written in Remix using Typescript
Vue + Nuxt
Vue 3
NuxtJS 4
Vite 5
This example shows basic setup of the Scheduler in Nuxt
Vue + Vite
examples/frameworks/vue-vite
Vue 3
Vite 8
TypeScript 6
This example shows how to customize the animations used when modifying events
Vue 3
Vite 8
TypeScript 6
This example shows basic setup of the Bryntum Scheduler
Vue 3
Vite 8
TypeScript 4
This example shows a demo booking application, using ResourceTimeRanges and the summary feature
Vue 3
Vite 8
TypeScript 6
This demo contains an example of the Vue Scheduler with a custom Vue + Vuetify event editor popup replacing the default one
Vue 3
Vite 8
TypeScript 6
This example shows dependencies between events
Vue 3
Vite 8
TypeScript 6
This demo shows how easy it is to drag unscheduled tasks from an external grid onto the Scheduler
Vue 3
Vite 8
TypeScript 6
This example shows a demo using custom Vue component as event renderer
Vue 3
Vite 8
TypeScript 5
Shows a Scheduler with hierarchical resource data and both infinite timeline scroll as well as infinite resource scroll. The backend is made in PHP
Vue 3
Vite 8
TypeScript 6
Demonstrates a basic Scheduler configuration with inline data and feature toggles
Vue 3
Vite 8
TypeScript 6
Resources and events are lazily loaded on demand via TanStack Query, so the scheduler scrolls smoothly through large datasets on both axes
Vue 3
Vite 8
TypeScript 6
Shows how you can customize the TimeAxis class, which is used to generate the date ticks in the timeline header
Vue 3
Vite 8
TypeScript 6
Custom styled parent and child rows with per-client colored events
Vue 3
Vite 4
TypeScript 4
Shows a timeline histogram
Vue 3
Vite 8
TypeScript 6
Bryntum Scheduler lets you render Vue components into grid cells which makes it easy to reuse your existing Vue components
Vue 3
Vite 8
TypeScript 5
This example shows how to configure a Vue component to render in widget or tooltip
Vue 3
Vite 8
TypeScript 6
This example shows basic setup of the Bryntum Scheduler
Vue 3
Vite 4
TypeScript 4
Drag unplanned tasks from a list onto the Scheduler component
Vue 3
Vite 8
TypeScript 4
Help end users understand the scheduling logic by visualizing event calendars
Vue 3
Vite 8
TypeScript 4
Help end users understand the scheduling logic by visualizing resource calendars
Vue 3
Vite 8
TypeScript 4
This demo shows using inline data for Scheduler
Vue 3
Vite 8
TypeScript 6
This example shows how to integrate the Scheduler with a Mapbox GL JS API in Vue
Vue 3
Vite 8
TypeScript 4
Shows a Scheduler setup with a working hours calendar and time axis filtering
Vue 3
Vite 8
TypeScript 6
The example shows how to configure the Vue Scheduler partnered with the Resource Histogram
Vue 3
Vite 4
TypeScript 4
Scheduler with task editor customizations
Vue 3
Vite 8
TypeScript 4
This demo shows how to visualize travel time before/after an event
Vue
examples/frameworks/vue
Vue 3
Displays columns of different types on left and right sides of the schedule
Vue 3
Shows a simple Vue Scheduler component integration with Vue
Vue 3
Double click event bars to edit name easily
Vue 3
Shows the conflict resolution popup in action
Vue 3
The example shows how to configure the Scheduler to be partnered with the Resource Histogram in Vue