title: How to display rendered event in fullcalendar when click
body: <p>The calendar events are working and rendered correctly based on their corresponding dates, however I want to click on a particular date and display the event. Here is my code</p>
  
  <pre><code> handleDateClick($event) {
  let DateStart = this.convertDate($event.view.currentStart);
  let DateEnd = this.convertDate($event.view.currentEnd);
  this.TradePerformanceServ.getCalendarTradePerformance(this.user, DateStart, DateEnd).then(res =&gt; {
    this.calendarEvents = res.performance;
    for (var i = 0;i &lt; res.performance.length;i++){
      console.log('Amount: ', res.performance[i].title);
    }
  
    console.log('Server response  ', this.calendarEvents);
  
    const dialogRef = this.dialog.open(ModalCalendarGainLossComponent, {
      maxWidth: '100vw',
      width: '300px',
      maxHeight: '100vh',
      data: {
        amount: res.performance[0].title,
        date: $event.dateStr
      }
    });
  })};
  </code></pre>
  
  <p>I want to pass the event in data { amount: 'insert_amount_value' } parameter. As of now when I click on a particular date, it prints all the event value. </p>
  
  <p>Thanks in advance.</p>