JavaScript Gantt Chart Task Editing

To edit Gantt Chart tasks, you can use the following options:

Example: Open a Modal Dialog

Gantt Chart config:

{
  onTaskClick: async (args) => {

      const form = [
          {name: "Name", id: "text"},
          {name: "Start", id: "start", type: "date"},
          {name: "End", id: "end", type: "date"},
      ];

      const modal = await DayPilot.Modal.form(form, args.task.data);
      if (modal.canceled) {
          return;
      }

      gantt.tasks.update(modal.result);

  }
  // ...
}