Unable to use eventPopover close functionality.

[swati-tayal]

I have customize this eventPopover with my own popup as:
<template slot="eventPopover" slot-scope="{details}"> <div id="overlay"> <events :details="createNewInstance(details)" @eventData="eventData" @editEvent="editEvent" @emitMode="emitMode" :userRoleId="userRoleId" :isMobileView="isMobileView" :editEventPayload="editEventPayload" :userRoleAccessToButton="userRoleAccessToButton" :eventMode="eventMode"></events> </div> </template>

but i am unable to use its default close functionality.

I just want to close this popup by default close functionality of eventPopover and for that i have tried several ways to close the popup but none of them work for me as i am following:

let closemodal:any = document.getElementsByClassName('menuable__content__active'); if(closemodal){ closemodal[0].style.display = 'none'; }

I am intentionally placing this code for closing the popup and it closes this popup as well but when I click again on the same event it doesn't opens the popup. it then only opens when i click 2nd time on the same event.