can you help any one, i need tooltip in full calendar in angular

Question

Data binding correctly but total data not display in the full calendar

this my code::

 

ngOnInit() {

this.model = [];

const todayDate = new Date();

const todayDateStr = todayDate.getFullYear() + '-'

+ ('0' + (todayDate.getMonth() + 1)).slice(-2) + '-'

+ ('0' + (todayDate.getDate())).slice(-2);

this.fullcalendarOptions = {

plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],

defaultDate: todayDateStr,

header: {

left: 'prev,next',

center: 'title',

right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek',

},

};

this.taskcalendarevents.ByUsertasksEvents(this.PackageName, this.TargetEndDate, this.Title)

.then(selectedValue => {

debugger

var userEvents = [{ title: '', date: '' }];

var localDate;

var eventDate;

var jasonItem;

if (selectedValue !== null && selectedValue !== 0) {

for (const items of selectedValue) {

localDate = new Date(items.TargetEndDate);

eventDate = localDate.getFullYear() + '-' + ('0' + (localDate.getMonth() + 1)).slice(-2) + '-' + ('0' + (localDate.getDate())).slice(-2);

jasonItem = { title: items.Title, date: eventDate, color: eventDate > todayDateStr ? "" : "red" }

userEvents.push(jasonItem);

}

this.jsondataFullData = userEvents;

}

}).catch((ex) => {

console.log(ex);

Utilities.geminiDebug(ex);

});

}