<FullCalendar class="demo-app-calendar" :options="calendarOptions" />

const calendarOptions = ref({
 plugins: [dayGridPlugin, timeGridPlugin, listPlugin, interactionPlugin],
 headerToolbar: {
 left: "prev,next today",
 center: "title",
 right: "dayGridMonth,timeGridWeek,timeGridDay",
 },
 initialDate: TODAY,
 navLinks: true, // can click day/week names to navigate views
 selectable: true,
 selectMirror: true,

 views: {
 dayGridMonth: { buttonText: "month" },
 timeGridWeek: { buttonText: "week" },
 timeGridDay: { buttonText: "day" },
 },

 editable: true,
 dayMaxEvents: true, // allow "more" link when too many events
 events: schedulesOptions.value,
 dateClick: newReview,
 eventClick: newReview,
 });

 const getSchedules = async (id) => {
 // alert(id)
 try {
 const res = await ApiService.get(
 `${props.eventsUrl}?empolyee_id=${id}`
 );
 const schedules = res.data;

 calendarOptions.value.events = schedules;


 } catch (error) {
 console.error(error);
 }
 };