Wordpress Calendar V20 Integration

Hello Colorlib Support Team,

I am Fatih.

I am using the Calendar-20 provided by Colorlib and encountered an issue. The events (fetched from the events.php file) are not being displayed when the calendar is opened by default.


  • I am using Calendar-20.
  • I have set the defaultDate property of the calendar to today’s date.
  • I am fetching event data from the events.php file.


global $wpdb;

$events = array();

// Determination of all annual leave approved records
$query = "SELECT * FROM {$wpdb->prefix}izin_bilgileri WHERE `izin_turu` = 'Yıllık İzin' AND `onay_durumu` = 'Onaylandı';";
$results = $wpdb->get_results($query, ARRAY_A);

if ($results) {
    foreach ($results as $row) {
       // Using user_id to get username and lastname
        $user_info = get_userdata($row['user_id']);
        $user_name = $user_info->user_login;

        $events[] = array(
            'title' => $user_name,
            'start' => $row['baslangic_tarihi'] . ' ' . $row['baslangic_saati'],
            'end' => $row['bitis_tarihi'] . ' ' . $row['bitis_saati']

echo json_encode($events);


document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
        height: 'parent',
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
        defaultView: 'dayGridMonth',
        defaultDate: new Date(),
        navLinks: true,
        editable: true,
        eventLimit: true,
        events: 'events.php' 



Thank you for your assistance and support.

Dear Fatih,

Thank you for taking the time to provide such a detailed report about the problem. Your input is greatly appreciated. I will make sure to report this issue to the relevant team, and they will work on fixing it as soon as possible.

Unfortunately, I am unable to provide an estimate for when the fix will be implemented. However, if you have the knowledge and ability to address the issue yourself, I would encourage you to do so.

I appreciate your understanding and apologize for any inconvenience this may have caused.