feat: [DHIS2-15463] Use dhis2 ui calendarInput component in working list

[alaa-yahia]

Implements DHIS2-15463

[simonadomnisoru]

Hi @alaa-yahia,
I think there are 3 calendar-related Cypress tests in the working list that fail in EventWorkingListsUser.feature. Can you take a look at them?
Support for editable input and dd-mm-yyyy format is needed, therefore this PR is blocked until dhis2/ui#1504 is merged.

[alaa-yahia]

Hi @alaa-yahia, I think there are 3 calendar-related Cypress tests in the working list that fail in EventWorkingListsUser.feature. Can you take a look at them? Support for editable input and dd-mm-yyyy format is needed, therefore this PR is blocked until dhis2/ui#1504 is merged.

Hey @simonadomnisoru
I have updated the tests.
An issue persists where the calendar popup remains open when switching focus between input fields, only closing when clicking elsewhere.
I will investigate it further and update the tests if I was able to solve it.

[simonadomnisoru]

Hey @simonadomnisoru I have updated the tests. An issue persists where the calendar popup remains open when switching focus between input fields, only closing when clicking elsewhere. I will investigate it further and update the tests if I was able to solve it.

Hi Alaa, I noticed a few things that I believe need some improvement:

1. The calendar popup also stays open when you manually enter the date and then press Enter (perhaps it is the same issue you mentioned when switching focus between input fields).
2. While manually entering a date, the error "Date string is invalid, received" is displayed. Is it possible to only display this error after the user has finished typing (onBlur), the same way it currently works in play?

3. When the calendar is in the dd-mm-yyyy format and you select a date, it is displayed in the input in the wrong format and the error "Please provide a valid date" is visible. When you manually type in a date in the dd-mm-yyyy format it works fine. In the video bellow you can see more details.

dd-mm-yyyy.format.mov

Let me know if you need any help. Thank you!

[simonadomnisoru]

LGTM! 👏

[github-actions]

🚀 Deployed on https://deploy-preview-3712--dhis2-capture.netlify.app

[geethaalwan]

Tested successfully on 2.42,2.41.2,2.40.5,2.39.7 versions

[JoakimSM]

Fix the bug @simonadomnisoru mentioned and I think this is ready. Good work!