1. Add task State field into the Task Model. The state field name is status and has only two enumerated values DONE if it is done ,IN_PROGRESS otherwise.
2. Create the enumerated Type STATUS with values {DONE,IN_PROGRESS} [front-end & back-end]
3. Then count all done tasks and In progress tasks so as to update done and in progress badges in tasks list component.

1. Do the checkbox value binding so as to get the correct status of the corresponding task to update.
   Example: if the the task to update is already done, the checkbox should appear as checked otherwise not.

2. Implement changeStatus method in order to change the current status of the task.

The data binding doesn't work. The date format I have specified in the view 'yy-mm-dd hh:mm' doesn't match the default Typescript Date type.

I'm trying to display my costumized component app-update-task inside angular material dialog but it doesn't work.
It doesn't display the HTML tag content that contains the p-dialog tag.

NP: When I use to remove my costumized component from the p-dialog tag, it works again.

Does anybody have a solution to this problem.

Thank you

The selected task due time decrements after task update.
In the DB, the time seems inserted correctly but in the front-end it is wrongly displayed with one hour less.

Change tasks list component view into primeNG or Bootstrap cards.
Each card correponds to a task, with its text and its due date. The card will also contain two buttons [edit and delete].

When time is changed, timeChange EventListenner should call changeTime callback in order to set up the selected time, but it doesn't work.

Change tasks list component in order to display a pop-up when we click on edit button of each task.