Scheduler multiple timezones shows wrong times for certain timezones - React

[amitk7407]

While using "multiple timezones" feature of Mobiscroll Scheduler, the time mapping for the timezones are not correct.
Eg ->
<Eventcalendar data={events} view={{ "schedule": { "type": "day", "size": 7, "allDay": false, "timezones": [ { "timezone": "Africa/Bangui", "label": "You UTC+01:00" }, { "timezone": "Pacific/Midway", "label": "Client UTC-11:00" } ] } }} </EventCalendar>

Here the UI is

But when I use,
<Eventcalendar data={events} view={{ "schedule": { "type": "day", "size": 7, "allDay": false, "timezones": [ { "timezone": "Africa/Algiers", "label": "You UTC+01:00" }, { "timezone": "Pacific/Midway", "label": "Client UTC-11:00" } ] } }} </EventCalendar>
then the UI is

Here, both the timezones are GMT+1 but if you compare the UIs, there is 1 hour shift in case of Africa/Algiers. This is happening for some other timezones as well.

Same issue with London timezone with view settings:
{ "schedule": { "type": "day", "size": 7, "allDay": false, "timezones": [ { "timezone": "Europe/London", "label": "You UTC+00:00" }, { "timezone": "Pacific/Midway", "label": "Client UTC-11:00" } ] } }