Неправильный формат даты при чтении события календаря Outlook

Через API я читаю свой календарь Outlook и показываю его в календаре из библиотеки FullCalendar.

У меня проблема возникает при чтении события с продолжительностью, что все события, созданные в Outlook, в момент их отображения в моем веб-календаре вычитаются два часа от начала и конца, прилагаю примерное изображение:

ПРОГНОЗ СОБЫТИЯ

перевод: Ср, 05.06.2024 с 13:30. до 15:00.

СОБЫТИЕ В МОЕМ КАЛЕНДАРЕ

перевод: Начало: 05.06.2024 11:30 | Конец 05.06.2024 13:00.

оба происходят 5-го числа, но исходное событие в Outlook начинается в 13:30. и заканчивается в 15:00. и мой календарь читает его так, как будто он начался в 11:00 и закончился в 13:30 с разницей в два часа.

В своем коде я помещаю сообщение в консоль, чтобы узнать, как пришло время в результате чтения с помощью API, и оно приходит в следующем формате: среда, 5 июня 2024 г., 11:30:00 GMT+0200 (центральноевропейское летнее время).

поэтому я предполагаю, что с точки зрения перспективы он поступает неправильно, но я удивлен, поскольку там, где я живу, GTM правильный.

Это часть, которая получает события:

//EVENTS
async function getCalendarEvents(accessToken) {
    const response = await fetch('https://graph.microsoft.com/v1.0/me/events', {
        headers: {
            'Authorization': `Bearer ${accessToken}`
        }
    });

    if (!response.ok) {
        const errorText = await response.text();
        console.error(`Error al obtener los eventos del calendario: ${response.status} ${response.statusText}`, errorText);
        throw new Error('Error al obtener los eventos del calendario');
    }

    const data = await response.json();
    return data.value.map(event => ({
        title: event.subject,
        start: event.start.dateTime,
        end: event.end.dateTime,
        allDay: event.isAllDay
    }));
}

Это часть кода, которая обрабатывает информацию о событии:

function renderCalendar(events) {
    const calendarEl = document.getElementById('calendar');
    const calendar = new FullCalendar.Calendar(calendarEl, {
        headerToolbar: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay'
        },
        buttonText: {
            today: 'Hoy',
            month: 'Mes',
            week: 'Semana',
            day: 'Día',
            list: 'Lista'
        },
        initialView: 'dayGridMonth',
        locale: 'es',
        events: events,
        eventClick: function(info) {
                       
            // Get the event properties
            const event = info.event;
            const title = event.title;
            const start = event.start;
            const end = event.end;
            const allDay = event.allDay;
                        
            const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
                       
            const startFormatted = start.toLocaleString('es-ES', { timeZone: timeZone });
            const endFormatted = end ? end.toLocaleString('es-ES', { timeZone: timeZone }) : 'Evento de todo el día';
                        
            // Create the event information string
            let content = `<h2>${title}</h2>`;
            if (!allDay) {
                content += `<p><strong>Inicio:</strong> ${startFormatted}</p>`;
                content += `<p><strong>Fin:</strong> ${endFormatted}</p>`;
            } else {
                content += `<p><strong>Evento de todo el día</strong></p>`;
            }

            // Show SweetAlert2 popup with event information
            Swal.fire({
                title: 'Información del Evento',
                html: content,
                icon: 'info'
            });
                
            console.info(info.event);
            console.info(title);
            console.info(start);
            console.info(end);
            console.info(allDay);
        }
    });
    calendar.render();
}

Большое спасибо!

Обновлено: хотя решение @derpirscher сработало отлично, я добавил еще один способ, который мне порекомендовал коллега, который также работает.

async function getCalendarEvents_Alt(accessToken) {
    const response = await fetch('https://graph.microsoft.com/v1.0/me/events', {
        headers: {
            'Authorization': `Bearer ${accessToken}`
        }
    });
    if (!response.ok) {
        const errorText = await response.text();
        console.error(`Error al obtener los eventos del calendario: ${response.status} ${response.statusText}`, errorText);
        throw new Error('Error al obtener los eventos del calendario');
    }

    const data = await response.json();

    const events = data.value.map(event => {
        // Convertir las fechas y horas a objetos de fecha considerando la zona horaria
        const start = new Date(event.start.dateTime);
        const end = new Date(event.end.dateTime);

        // Ajustar la hora para reflejar la zona horaria local
        const timeZoneOffset = start.getTimezoneOffset() * 60000; // Convertir minutos a milisegundos
        const localStart = new Date(start.getTime() - timeZoneOffset);
        const localEnd = new Date(end.getTime() - timeZoneOffset);

        return {
            title: event.subject,
            start: localStart.toISOString(), // Convertir a cadena ISO para asegurar la representación correcta de la fecha y hora
            end: localEnd.toISOString(),
            allDay: event.isAllDay
        };
    });

    return events;
}