Как отобразить визуализированное событие в fullcalendar при нажатии

Question

События календаря работают и отображаются правильно на основе их соответствующих дат, однако я хочу нажать на конкретную дату и отобразить событие. Вот мой код

 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 => {
  this.calendarEvents = res.performance;
  for (var i = 0;i < 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
    }
  });
})};

Я хочу передать событие в параметре data {amount: 'insert_amount_value'}. На данный момент, когда я нажимаю на определенную дату, она печатает все значения события.

Заранее спасибо.