Date Picker is not displayed entirely in the screen, if added in Dialog.

[Megha-sketch]

Description

Date Picker is not displayed entirely in the screen. The lower part of calendar is not viewable on the screen, if we add date picker inside dialog. Even the scroll on the page is scrolling the main

Expected Result Date picker should get open inside the dialog and the dialog gets a scroll if required.

Versions

Storybook 6.1.11

---

NOTE: Where applicable, please include uncropped screen c aptures.

DISCLAIMER: After triaging an issue, the fundamental-react team will see if it can be reproduced or confirmed. If more information is needed, the fundamental-react team will contact the author. Any issues awaiting responses from the author for more than 7 days will be closed. The author can re-open the issue at a later time if they can present the requested information.

CODE export const header = () => { let [showDialog, setShowDialog] = useState(false); return ( <> <Button onClick={() => setShowDialog(true)}> Show Dialog </Button> <Dialog actions={[ (<Button option='transparent'>No</Button>), (<Button>Yes</Button>) ]} header='Header' onClose={() => setShowDialog(false)} show={showDialog} title='Product Added'> <p><b>The new product have been added to your catalog.</b></p> <p>Automatic Product ID: <b>PD-3465334</b></p> <p>Expiration date: <b>13/03/2018</b></p> <DatePicker/> </Dialog> </> ); };

[github-actions[bot]]

Hello @Megha-sketch, thank you for using fundamental-react! The fundamental-react team will triage your issue as soon as possible.

[Megha-sketch]

Is there is any progress on this issue? Our customers are facing problem due to this.