[x] I have searched the Issues to see if this bug has already been reported
[x] I have tested the latest version
Steps to reproduce
Place a datepicker on the edge of your screen, mine is 6 padding in from the right
Open the datepicker, the popover goes beyond the browser causing an X scroll
Try and scroll X by clicking the bar and the date picker disappears
Current behavior
Popovers are breaking outside of the screen.
Expected behavior
Popover should always position inside the screen.
Context
Using the Flowbite Admin Dashboard example with Flowbite React Components
Steps to reproduce
Place a datepicker on the edge of your screen, mine is 6 padding in from the right Open the datepicker, the popover goes beyond the browser causing an X scroll Try and scroll X by clicking the bar and the date picker disappears
Current behavior
Popovers are breaking outside of the screen.
Expected behavior
Popover should always position inside the screen.
Context
Using the Flowbite Admin Dashboard example with Flowbite React Components