Issue with full calendar on event clicked in angular 4

[abhisheky2290]

I am using full calendar in angular 4 and I am new to angular 4. So anybody help me where should I write the code to display the event details when user clicked on event. I have tried the below code.
$('#calendar').fullCalendar({
eventClick: function(calEvent, jsEvent, view) {

   console.log('event is clicked');

}

});
But problem is I am not able to print the message in console. My html of full calaendar is below.
<ba-full-calendar [baFullCalendarConfiguration]="calendarConfiguration" baFullCalendarClass="blurCalendar" (onCalendarReady)="onCalendarReady($event)">.