Feature/61610 date picker to edit phases and phase gates of a project lifecycle (2/2)

[dombesz]

Ticket

https://community.openproject.org/wp/61610

What are you trying to accomplish?

Change the project phases datepicker to be displayed in an editing modal, disable non working days and make it function more like the work package datepicker modal.

What approach did you choose and why?

Todo:

• Style the editing link to look like an input field when hovering it.
• Split the date range input field into Start, Finish dates and Duration.
• Display datepicker inside the the edit dialog instead of its own pop up.
• Disable setting the Start date if a previous phase has a Finish date.
• Implement highlighted field logic in order to allow choosing dates for the focused input field.
• Disable Finish date that are before the start date when the start date is automatically set.
• Add validation that no start and end date are on a Non-Working day

Merge checklist

• Added/updated tests
• Added/updated documentation in Lookbook (patterns, previews, etc)
• Tested major browsers (Chrome, Firefox, Edge, ...)