Personalized popup calendar view

[Brandon]

Hi, I was wondering if I can insert my custom calendar component when I click on the date. 

Instead of open the calendar component of Syncfusion I want to open my custom calendar.

If this is not possible, can I handle the onClick event? To avoid open your component and open mine.

Thanks,

Brandon

[Satheesh Kumar Balasubramanian]

Hi Brandon, 

  

Greetings from Syncfusion Support..! 

  

We have prepared a sample based on your shared query “need to provide click event for the calendar button” using CSS and actionComplete event of the scheduler, which can be viewed from the following link. 

  

Sample: https://stackblitz.com/edit/react-schedule-custom-toolbar-rendering?file=index.js 

  

  onActionComplete(args) { 

    if (this.flag && args.requestType === 'toolBarItemRendered') { 

      document 

        .querySelector('.e-date-range') 

        .addEventListener('click', function () { 

          debugger; 

          // kindly render your own calendar component 

        }); 

      this.flag = false; 

    } 

  } 

  

.e-popup.e-popup-open .e-calendar { 

  display: none; 

} 

  

Kindly try the above solution and get back to us if you need any further assistance. 

  

Regards, 

Hareesh