Date/Time picker with multi dates/date-range selection improvements

[droshev]

Is this a bug, enhancement, or feature request?

enhancement

Describe your proposal.

Enhance the date/time picker and calendar feature to support selecting multiple dates and date ranges. Previously, this feature displayed the selected dates as plain text (e.g., 25.12.2006; 27.12.2006;... or 15.12.2006-21.12.2006; 24.12.2006; 28.12.2006;...). Although the plain text format works, it can lead to errors if users manually edit the text to update their selections. To minimize these errors and improve usability, we propose using tokens within the date/time picker. With tokens, users can easily remove specific dates without manually editing the text.

• Users should be able to select multiple individual dates.
• Users should be able to select multiple date ranges.
• Use token-based representation for selected dates and date ranges within the date/time picker field.
• Each token should represent a single date or a date range(written in the date format set by the application).
• Users should be able to remove individual dates or date ranges by deleting the respective tokens.
• Editing the plain text should not be an option to avoid user errors.
• The change should have unit and e2e tests covering the feature.

By implementing this token-based approach, we can improve the usability and reliability of the date/time picker and calendar functionality.

The result may look like: