ux/ui: change date selection in dialogue to dropdown

[Sanat-Jha]

Description

Please include a summary of the change and which issue is fixed. List any dependencies that are required for this change.
In the new task form, the date type is now selected using a dropdown, which is more intuitive and user-friendly than the previous switch-button approach.

Fixes #550

Screenshots

Checklist

• Tests have been added or updated to cover the changes
• Documentation has been updated to reflect the changes
• Code follows the established coding style guidelines
• All tests are passing

[SGI-CAPP-AT2]

icon of checkmark should be white matching the text color and aligned to left

[Sanat-Jha]

icon of checkmark should be white matching the text color and aligned to left

Done

[SGI-CAPP-AT2]

@Sanat-Jha I think the dates which are not selected should have icon and selected should have icon
Everything else looks good

[Sanat-Jha]

@SGI-CAPP-AT2 That can be a subject design opinion, as I personally like the current one more. But let's give this checkbox icon also a try and lets see.

[SGI-CAPP-AT2]

@SGI-CAPP-AT2 That can be a subject design opinion, as I personally like the current one more. But let's give this checkbox icon also a try and lets see.

If you think circular is good, go with it

Just unselected dates should have unchecked control

[Sanat-Jha]

@SGI-CAPP-AT2 I tried implementing this square icon idea. Have a look and provide your feedback. Will go with whatever you prefer.

[Sanat-Jha]

@SGI-CAPP-AT2 So which one is better according to you? the square checkbox or the circular one?

[SGI-CAPP-AT2]

@SGI-CAPP-AT2 So which one is better according to you? the square checkbox or the circular one?

Let's go with circular and align it to rightmost end.

[Sanat-Jha]

@SGI-CAPP-AT2 So which one is better according to you? the square checkbox or the circular one?

Let's go with circular and align it to rightmost end.

Done