Fix display bug when selecting a date range

[fabian-steinberg]

PRs relating to the v4 will be closed and locked.

• Please check if the PR fulfills these requirements

• Tests for the changes have been added (for bug fixes / features)
• [] Docs have been added / updated (for bug fixes / features)

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...). If this is a fix, please tag a bug.
  Bug fix

• What is the current behavior? (You can also link to an open issue here)
  When using a picker with selectable date range, the CSS class "range-in" for dates between the selected- and hovered date are not shown for hovered dates after the selected date.
  Furthermore the "range-start" and "range-end" CSS classes are not toggled correctly (as in they should turn around when hovering before or after the already selected date).

• What is the new behavior (if this is a feature change)?
  While only the start date is selected, the dates between it and the hovered date should now correctly apply, regardless of if the hovered date is before, after, or not even in the same calendar view.

When selecting a date range, the start and end date should now face the correct direction depending on if the hovered date is before or after the already selected date.

• Does this PR introduce a breaking change? (What changes might users need to make in their application due to this PR?)
  There should not be any breaking changes as this is purely a fix to already existing features.

• Other information:
  Stackblitz

[BigOHenry]

I have same issue event on the latest version (6.10.4). Could this be finished please?