The current UI for work breaks looks like this:

Issues arise when jumping between start / end input and duration input. These two should be separated.

Goal of this task:
Find a simplified solution for working break input.

• Support input of start and end time whioch results in a (read-only) calculation of the duration
• Support input of a duration only without any start or end time
• For each break, the user can choose either start / end input or duration input.
• These two ways of input shall be distinguishable in the UI

All days of the month shall be shown when space permits.

Currently the area is too small and we need to scroll down:

Goal:

• Configurable WebApp port. Currently port 80.
• Configurable port for backend. Currently 8080.
• Ports can be given to Docker container when started

It seems like the working day description is not correctly sent to the backend:

UI:

REST Controller:

Note: This might as well be a bug in the backend component

When building the prod version the following error occurs:

ng build --prod

ERROR in src/app/create/working-day-input/working-day-input.component.html(49,28): : Property 'controls' does not exist on type 'AbstractControl'