p-calendar hidden behind div

UI Components for React
Post Reply
metaraja
Posts: 1
Joined: 13 Jul 2020, 17:20

13 Jul 2020, 17:35

Hi,

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.

Image

Please suggest your thought to solve this issue ?

mert.sincan
Posts: 4352
Joined: 29 Jun 2013, 12:38

11 Oct 2020, 00:14

Hi,

Sorry for the delayed response! Please use appendTo={document.body} on Calendar component.

Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests