Add mountnode datepicker compat (microsoft#28747)

* Added mountNode to DatePicker compat * yarn change * Update packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts Co-authored-by: Makoto Morimoto <[email protected]> * Update packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts Co-authored-by: Makoto Morimoto <[email protected]> * Update change/@fluentui-react-datepicker-compat-d51eda0f-25b4-4190-b43a-79e3714272da.json Co-authored-by: Makoto Morimoto <[email protected]> * Update packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts Co-authored-by: Makoto Morimoto <[email protected]> --------- Co-authored-by: Makoto Morimoto <[email protected]>
miroslavstastny · Aug 9, 2023 · 227120f · 227120f
1 parent 742ae8f
commit 227120f
Show file tree

Hide file tree

Showing 5 changed files with 220 additions and 207 deletions.
diff --git a/change/@fluentui-react-datepicker-compat-d51eda0f-25b4-4190-b43a-79e3714272da.json b/change/@fluentui-react-datepicker-compat-d51eda0f-25b4-4190-b43a-79e3714272da.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: Added mountNode to DatePicker compat.",
+  "packageName": "@fluentui/react-datepicker-compat",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/...ges/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md b/...ges/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md
@@ -10,6 +10,7 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import { Input } from '@fluentui/react-input';
+import type { PortalProps } from '@fluentui/react-portal';
 import type { PositioningProps } from '@fluentui/react-positioning';
 import * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
@@ -156,7 +157,7 @@ export const datePickerClassNames: SlotClassNames<DatePickerSlots>;
 export type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';
 
 // @public (undocumented)
-export type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & {
+export type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & Pick<PortalProps, 'mountNode'> & {
     onSelectDate?: (date: Date | null | undefined) => void;
     required?: boolean;
     disabled?: boolean;