react-big-calendar

I'm having trouble adding a popover to an event when it is clicked. the popover seems to show up only in the event slot, not on top of the event slot. additionally, since i created a custom component for the events and tried to implement the popover in the custom component, the popover only shows up whenever i click the name of the event. Here is the code: class CustomEvent extends React.Component { constructor(props){ super(props) } render(){ console.log(this.props); let popoverClickRootClose = ( <Popover id="popover-trigger-click-root-close" style={{zIndex:10000}}> <strong>Holy guacamole!<

I have two calendars, such as the Agenda, have an icon calendar button, when I click on it, it will be redirected to another calendar (Planning) , these calendars are developed with react-big-calendar , I want when I navigate for example on the week of juin 17 - 23 of Agenda and I click on the icon calendar, it will be redirected to juin 17 - 23 of the Planning. My code is : https://codesandbox.io/s/m7k904y3o8 I try to send the date with getWeek() , but it doesn't work. How can I fix it ? You can add additional data to this.props.history.push which will then be available in the location prop