React Big Calendar - Custom Popup

Question

I want to create my own popup for react big calendar when I click on more text.

React big calendar has onShowMore function but, It'll redirect to day view when I disable default popup.(popup={false})

check it out on here, https://codesandbox.io/s/react-big-calendar-example-lrwm4?file=/index.js

can you give me a possible solution for this ?

Update, I'm using custom tool bar and in order to use it I have to use onView. this function will redirect to the day view. need to prevent redirection from here.

Answer 1

Okay so to prevent the redirection to the day view, keep the popup={true} but add this to the onShowMore prop:

onShowMore={(event) => {
    event.preventDefault();
  }}

This will prevent the redirection. You can check out the working example of it here: https://codesandbox.io/s/silly-edison-rsfzpm?file=/index.js

Answer 2

Use popup={true} instead of false.