fullCalendar - как отменить выбор выбранной даты в угловых

Question

Я пытаюсь отменить выбор даты, когда мы нажимаем на конкретную выбранную дату. Пожалуйста, проверьте мой код ниже и прикрепленный скриншот.

export class OfcalendarComponent implements OnInit {
  calendarOptions: Options;
  displayEvent: any;
  dateStartObj:any;
  dateEndObj:any;
  dateRange:any = [];
  isDateFound:boolean= false;

  @ViewChild(CalendarComponent) ucCalendar: CalendarComponent;
  constructor() { }

  ngOnInit() {
    this.calendarOptions = {
    editable: true,
    eventLimit: false,
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month'
    },
    dragScroll:false,
    selectable: true,
    events: [],
  };

}

select(model: any) {
  console.log(">>>>>>>>>>>>>>>>>>>>");
  /* event starts date  */
  this.dateStartObj = model.start._d;
  let startMonth = ("0" + (this.dateStartObj.getMonth() + 1)).slice(-2);
  let startDate = ("0" + (this.dateStartObj.getDate() + 1)).slice(-2);
  let dateStartFormat = this.dateStartObj.getFullYear() + "-" + startMonth  + "-" + startDate;


  this.isDateFound = false;
  /* check value is already present in array or not */
  for (let i=0; i < this.dateRange.length; i++) {
    if (this.dateRange[i].start == dateStartFormat) {
        this.dateRange.splice(i, 1);
        this.isDateFound = true;
        break;
    }
  }    
 /* push element in array */
  if(!this.isDateFound){
    this.dateRange.push({title  : 'event2',start  : dateStartFormat,rendering: 'background'});
    this.ucCalendar.fullCalendar('unselect', true);
  }
  this.calendarOptions.events = this.dateRange;
  this.ucCalendar.fullCalendar('renderEvents', this.dateRange, true);
  console.log(this.dateRange);

 }


 }

Когда я щелкаю по выбранной дате, эта дата удаляется из массива, но выбор все еще выглядит как прежде. Может ли кто-нибудь, пожалуйста, дайте мне знать, как я могу продолжить?