feat(ui5-dynamic-date-range): introduce From/To (Date & Time) option

[didip1000]

With this PR we introduce a new "From/To (Date & Time)" option for the ui5-dynamic-date-range, allowing users to select a range of dates with times.

Example:

Usage:

To add the option to your DynamicDateRange, add DATETIMERANGE in the options attribute as follows:

 <ui5-dynamic-date-range options="TODAY, TOMORROW, DATETIMERANGE"></ui5-dynamic-date-range>

Related to: #12182

[hinzzx]

Selecting a range starting with the bigger date (e.g. From 22 Sep – To 2 Sep ) works fine the first time selecting it. However, if right after that we change the date, the displayed Selected: <date range> is wrong, until we Submit.

Please refer:

[ui5-webcomponents-bot]

🚀 Preview deployment ready: https://UI5.github.io/webcomponents/pr-12341/

The preview will be updated automatically when you push new commits to this PR.

[ui5-webcomponents-bot]

🚀 Deployed on https://pr-12341--ui5-webcomponents-preview.netlify.app

[hinzzx]

Minor:
It took me a while to understand what does this actually do.

We can adjust it a little for readibility, like e.g. (havent tested it, just suggestion)

    const [firstValue, secondValue] = value.values || [];
    const currenDate = UI5Date.getInstance();

    const startDate = firstValue instanceof Date ? firstValue : currentDate;
    const endDate = secondValue instanceof Date ? secondValue : currentDate;

    return [startDate, endDate];
};

[didip1000]

Imo both approaches read very similar to me, and considering all other toDates methods are formulated the same way, I'm leaving it as-is for now. If @tsanislavgatev has a strong preference for your suggestion, I can change it then.