I am trying to handle React components in popup outer windows, I am using [FlexLayout](https://github.com/caplin/FlexLayout), [ag-Grid React](https://www.ag-grid.com/react-grid/) and [SyncFusion React](https://github.com/syncfusion/ej2-react-ui-components) and I managed to handle the outer window with FlexLayout by using `const currentDocument = this.selfRef.current.ownerDocument;` *-check [Floating Tabs (Popouts) in FlexLayout](https://github.com/caplin/FlexLayout#floating-tabs-popouts)-* and pass this `currentDocument` to `getDocument()` callback in ag-Grid and now I wanted to do the same with SyncFusion, but I found no method/property in SyncFusion to pass the `currentDocument` to it.

So, is there anyway to pass the outer window document to the SyncFusion component which will be re-rendered after going in outer window and leave the origin document?

Attached a screenshot for the issue when not passing the `currentDocument` (new outer window) to SyncFusion components *I have pressed the Date Picker button in the outer window (on the right), but the DatePicker component rendered in the original window (on the left)!*

[SyncFusion DatePicker Issue Screenshot](https://i.stack.imgur.com/XZcb5.jpg)