Improve date range input

When expecting a date range from the user, we currently use two separate `DateInput` components (from `semantic-ui-calendar-react`) for this matter, however it turns out there is a dedicated component for that: `DatesRangeInput`.
The task would be to create our own overlay of that component and update all the forms that include date ranges.


Start by locating the forms that currently use two DateInput components from semantic-ui-calendar-react, then review the library's DatesRangeInput component. Create the project's overlay for that component and update every identified date-range form; done means all such forms use the shared range input.

Written by the indexing model from the issue text.