Calendar Component to support fixed date range selection with single click

[sammyaxe]

At the moment Calendar component offers suboptimal UX when min and max range is configured to same value.

<flux:date-picker mode="range" size="sm" min-range="5" max-range="5"/>

In this case the intention is to allow user to select predefined range, when only one option is remaining there is no point to force user to select that manually.

Not to mention, if user wanted to pick another start date, they are forced to finish the range selection.

Other implications

User can also click "Select range" button, with only start date set - and instead of giving some kind of error, date picker will simply close.

Where this is needed in the UI?

In my case we control master calendar, and flux calendar range picker allows user to quickly jump into different week daily view. Instead of moving week to week, you can quickly skip few months ahead via flux and select range that you want to get daily view for.

[sammyaxe]

Does anyone have a work around for this?

[sammyaxe]

What happens in our application right now, ppl don't even realize it's a range picker - they select first value, and they try to confirm it - but then calendar simply closes with only start date set.

It could be good to have some visual clue too, that it's a range picker. I think fully rounded date might mislead a bit.