themesystem | WIP at the moment | iOS library

I am working on event calender using Full Calender. I am facing a problem when I add event it extend the bar between two dates. How to fix it here is the Image

I am creating a fullcalendar which retrieves the events by mean of a function call set in the events property.

This is the fullcalendar definition (which is created when a modal dialog box is shown):

this is my fullcalendar definition:

I have a controller that takes the info I need from the DB and I structure it into an array, and then into a JSON with json_encode.

But then, the error I get in the browser is this: Error from the Chrome console

This image is the JSON from my controller My JSON from the controller

Controller

I'd like to be able to use Bootstrap 4's sticky menu in conjunction with Full Calendar 5's sticky resource headers. When scrolling down, I'd like the bootstrap menu to remain at the very top, followed by the resource headings (i.e. "Room A", "Room B", etc.) from Full Calendar directly underneath. It looks like Full Calendar does have a sticky resource headings feature, but the feature only sticks to the very top of the page and is not visible because of the Bootstrap menu.

Here's a what I have so far:

I´m trying to remove all events from my calendar. I´m using full calendar library v4. all my events are added in the calendar with ajax after the calendar is rendered.

in my script, i have this code for create one empty calendar:

I am using full calendar in my angular 8 app. Everything is working fine, but I want to call a function whenever the currentView of calendar changes. that is, I want to call a function/event whenever I change its view from month to week, or week to days.

For clarity, I want to detect view template changes (not date range changes). And by detecting it I want to highlight the button of respective current view.

This is my html code.

I am using FullCalendar.io version 5.3.2 in an Asp.net Core Razor Page application.

I added a JavaScript function to create a modal dialog box to the application. My Index.cshtml file which is found at directory path: MyDemo > Pages > Calendar > Index.cshtml is shown below: -

I am new to React and I know about the concepts of Functional and Class components aswell as Hooks such as useEffect and useState; hence I am having troubles turning this knowledge into practice, as I am working on the following React component that makes a plain Javascript API Call which I now want to transfer into a "real" React API Call,using the State and Hooks.

My problem is the following: I want to render the employee-object that the API is returning, starting with the employee firstname and surname, then additional information.

The request to the API in plain Javascript goes well and returns the needed data; hence I am not really sure on what to set the state to by definition (0?false?something else?And on what does that depend on, how do I know?).

Here´s the code: