All Tutorials

How to add DayPilot context menu to any DOM element.

How to add a visual Scheduler component to your Angular 10 application. The Scheduler will let you plan and manage reservations, meetings, work orders and other events.

A quick start project that shows how to use Timesheet component in an Angular 9 project. You can use the Timesheet component to record payroll, billing and reporting information.

DayPilot Modal is now available as a NPM package (@daypilot/modal) and can be used in Angular applications as well.

Use a dynamically-generated context menu to show/hide data columns of the JavaScript Gantt chart.

How to customize the JavaScript Scheduler row sorting feature. You can define custom sort icons (Font Awesome or other icon sets or custom images), disable sorting for selected events, and adjust the sorting logic.

How to create a modal dialog with custom fields and let users edit JavaScript Scheduler events on click. The modal dialog fields are defined programmatically using an array.

Angular 9 project that includes Angular Scheduler component with all required boilerplate code. The project supports Ivy compiler in combination with AOT (ahead-of-time) compilation mode enabled.

Angular 8 project with pre-configured Angular Timesheet component. You can download the project source code with the required boilerplate and quickly create a proof-of-concept Timesheet implementation.

Angular 8 project with pre-configured Angular Scheduler component. You can use this project as a quick start for your own Scheduler implementation.