When integrating the vue-date-picker component within a Tailwind CSS dialog, the date picker's calendar does not display correctly. Specifically, clicking on the input field to select a date appears to render the calendar hidden behind the modal dialog, rendering it unusable.
Steps to Reproduce
Create a dialog/modal using Tailwind CSS.
Integrate the vue-date-picker component within this dialog.
Click on the date picker's input field to open the calendar.
Expected Behavior: The calendar from the date picker should appear on top of all page elements, including the Tailwind CSS dialog.
Actual Behavior: The calendar appears to be rendered but is visually hidden behind the dialog, making it inaccessible.
Problem Description
When integrating the
vue-date-picker
component within a Tailwind CSS dialog, the date picker's calendar does not display correctly. Specifically, clicking on the input field to select a date appears to render the calendar hidden behind the modal dialog, rendering it unusable.Steps to Reproduce
vue-date-picker
component within this dialog.Expected Behavior: The calendar from the date picker should appear on top of all page elements, including the Tailwind CSS dialog.
Actual Behavior: The calendar appears to be rendered but is visually hidden behind the dialog, making it inaccessible.