[DateTimePicker] Add month picker selection only

Category

[x] Enhancement

[ ] Bug

[ ] Question

Version

Please specify what version of the library you are using: [3.21.0]

Expected / Desired Behavior / Question

We should be able to select a whole month instead of a single date.

Observed Behavior

Even if the DateTimePicker is based on Fluent UI DatePicker & Calendar components, the control doesn't provide any option to customize it as a month picker.

Steps to Reproduce

• Add DateTimePicker control to a SPFx component

Additional info

This enhancement idea has been raised from #1977.

The updates will be done in the DateTimePicker.tsx file. In the Fluent UI DatePicker component reference, the calendarAs prop renders the Calendar component only when restrictedDates prop is filled, which is not suitable for the enhancement idea. The Calendar component will have to be updated with the isDayPickerVisible prop, which will be set to false in order to make the calendar view displayed with months only.