I am using prime react calendar control. I have mutiple divs in my page. Calendar control date picker is hidden behind the div.
import { Calendar } from "primereact/calendar";
<Calendar
className="m-2"
style={{
height: "30px",
overflow: "visible",
}}
dateFormat={props.dateFormat}
value={props.date}
onChange={props.onChange}
name={props.name}
showTime={props.showTime}
showSeconds={props.showSeconds}
/>
I tried applying z-index to .p-datepicker / body .p-datepicker classes - but no luck.
Please suggest your thought to solve this issue ?