Bug: DatePicker - setting range logic & unable to set the same date as range

[driskull]

Actual Behavior

It's tough just to get the range correct. Especially since when you hover a range and click, it doesn't set to what it is telling you.

For example:

I would expect the range to be what the blue hover is set to but it does the opposite.

I think we should fix:

• Setting same range date
• Get hover and setting date range in sync (as seen in gif)

Expected Behavior

• What you see when you hover a range is what you get when you click down
• You are able to set the same day as a start and end date

Reproduction Steps or Sample

1. View https://esri.github.io/calcite-components/?path=/story/components-controls-datepicker--range
2. Hover over the 14th of december
3. Notice that it should set the range to the 14-16.
4. Click on the 14th of december
5. The range is set to the 12-14.
6. Try to set the range from the 12th to the 12th.

Relevant Info

#2756 (comment)

Version: @esri/calcite-components@<version>

• CDN
• NPM package

[bstifle]

1. This behavior is nice when the datepicker is on its own (outside of an input), or if the range is selected in a single input

2. The ux needs to be corrected when clicking on explicit start/end date range inputs. start should only select a start date. end should only select an end date

I dont want this changed unless we are talking about point 2

[julio8a]

verified on local build