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]

Alphas releases are useful when developing, but IMHO it is best to wait for the stable @dhis2/ui release before merging this PR. Do you know the timeline/steps to get the stable release to include the alpha changes?

[alaa-yahia]

I was given the task to update the alpha with latest master. But I am not sure about the timeline as there are still accessibility task for CalendarInput.

[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