Skip to content

Scheduler multiple timezones shows wrong times for certain timezones - React #510

@amitk7407

Description

@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
bangui

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
algiers

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" } ] } }
london

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions