diff --git a/change/@fluentui-react-170d6594-4aee-4504-8885-b70ae2901269.json b/change/@fluentui-react-170d6594-4aee-4504-8885-b70ae2901269.json new file mode 100644 index 00000000000000..7a925f6153da2b --- /dev/null +++ b/change/@fluentui-react-170d6594-4aee-4504-8885-b70ae2901269.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "chore: support ID prop in Calendar", + "packageName": "@fluentui/react", + "email": "mgodbolt@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index da0794eaa4dc0b..228b7c2cd17210 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -3007,6 +3007,7 @@ export interface ICalendarProps extends IBaseProps, React_2.RefAttrib firstWeekOfYear?: FirstWeekOfYear; highlightCurrentMonth?: boolean; highlightSelectedMonth?: boolean; + id?: string; isDayPickerVisible?: boolean; isMonthPickerVisible?: boolean; maxDate?: Date; diff --git a/packages/react/src/components/Calendar/Calendar.base.tsx b/packages/react/src/components/Calendar/Calendar.base.tsx index 3d3504e767fbaf..02440ea73bbee5 100644 --- a/packages/react/src/components/Calendar/Calendar.base.tsx +++ b/packages/react/src/components/Calendar/Calendar.base.tsx @@ -281,6 +281,7 @@ export const CalendarBase: React.FunctionComponent = React.forwa minDate, maxDate, restrictedDates, + id, className, showCloseButton, allFocusable, @@ -326,6 +327,7 @@ export const CalendarBase: React.FunctionComponent = React.forwa return (
, React.RefAttribut */ onDismiss?: () => void; + /** + * ID for the calendar + */ + id?: string; + /** * Default value of the Calendar, if any */