[Feature]: Add functionality to have selection date range based on number of days in DatePicker fluent v9

[nikitasingla-MSFT]

Library

React Components / v9 (@fluentui/react-components)

Describe the feature that you would like added

in fluent ui date picker it is not possible to select a date range of more than a week, say three weeks.
In @fluentui/react library , i.e. the fabric version, https://fabricweb.z5.web.core.windows.net/oufr/8.110.11/#/examples/datepicker, they allowed us to select the date range based on number of days.

code snippet from '@fluentui/react':
<Calendar firstDayOfWeek={DayOfWeek.Monday} showGoToToday showMonthPickerAsOverlay highlightSelectedMonth onSelectDate={props.onSelectDate} calendarDayProps={{ daysToSelectInDayView: 21 }} />

We would appreciate some prop to fulfil this requirement for datepicker in fluent v9 as we want to select range of 21 days in it.

Have you discussed this feature with our team

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

High

[sopranopillow]

Hello @nikitasingla-MSFT, this is already possible. To achieve this, you need to use the calendar slot to access the Calendar props like this: