added a new prop for simple calendar selection #7055

[sabarnix]

What does this PR do?

Current calendar range selection is ambiguous without the start date and end date inputs. Added a prop simpleSelection which is more predictive selection of date.

Where should the reviewer start?

What testing has been done on this PR?

test cases are pending

How should this be manually tested?

Visualizations/Calendar/RangeSimple
this storybook has the working example

Do Jest tests follow these best practices?

• screen is used for querying.
• The correct query is used. (Refer to this list of queries)
• asFragment() is used for snapshot testing.

Any background context you want to provide?

What are the relevant issues?

#7055

Screenshots (if appropriate)

Do the grommet docs need to be updated?

yes

Should this PR be mentioned in the release notes?

Is this change backwards compatible or is it a breaking change?

yes

[britt6612]

@sabarnix thank you for starting this PR just want to let you know that we are going to discuss this behavior a little more among our team.. Here is another issue as well that we have been dropping some comments in regarding this same behavior.

[sabarnix]

@britt6612 I was able to achieve the functionality by using activeDate prop.
https://codesandbox.io/p/sandbox/quizzical-cannon-qzw7sl?file=%2Fsrc%2FApp.js%3A17%2C41
This breaks on selecting same date as start and end. Is there a possible solution to this?

[britt6612]

@sabarnix no solution here would you mind filing an issue?

[sabarnix]

@britt6612 sure