How to make gantt editable

[DamirMakhmudov]

Hi!
I have

import React from 'react';
import logo from './logo.svg';
import './App.css';
import { Gantt, Task, EventOption, StylingOption, ViewMode, DisplayOption } from 'gantt-task-react';
import "gantt-task-react/dist/index.css";

function App() {
  let tasks: Task[] = [
    {
      start: new Date(2020, 1, 1),
      end: new Date(2020, 1, 2),
      name: 'Idea',
      id: 'Task 0',
      type:'task',
      progress: 45,
      isDisabled: true,
      styles: { progressColor: '#ffbb54', progressSelectedColor: '#ff9e0d' },
    },
    {
      start: new Date(2020, 1, 4),
      end: new Date(2020, 1, 6),
      name: 'Idea 2',
      id: 'Task 1',
      type:'task',
      progress: 45,
      isDisabled: true,
      styles: { progressColor: '#ffbb54', progressSelectedColor: '#ff9e0d' },
    }
];
  return (
    <div className="App">
 <Gantt tasks={tasks} />

    </div>
  );
}

export default App;```

<img width="1004" alt="image" src="https://github.com/MaTeMaTuK/gantt-task-react/assets/49723817/296c93b3-6208-4968-a670-fa96b1a6f6f8">

I got gantt on for readonly
How to make it editable as I see on demo

<img width="1680" alt="image" src="https://github.com/MaTeMaTuK/gantt-task-react/assets/49723817/fb048c48-44c4-4f23-88f8-cd3f7f2fca98">
 

[kero-afro]

You can now edit it by adding onDateChange and onProgressChange events to Gantt by referring to the example in the link below.
https://github.com/MaTeMaTuK/gantt-task-react/blob/main/example/src/App.tsx