RTL Internationalization

[Snugug]

One thing I'm unsure about is if, when viewing a Gregorian calendar, if RTL languages like Arabic expect the week to be reversed from LTR languages(so Sat-Sun instead of Sun-Sat reading left to right) and if navigating between calendars would be in the same direction.

[pi0]

Hey. As a Persian (fa-IR) user Which is a widely used RTL language and has a different calendar system I can help on this. Currently, there are 3 concerns about such locales:

• The order of the days should be: "Sat, Sun, Mon, Etc"
• Nav buttons would be mirrored for better RTL experience as you mentioned
• [The most important] Current displayed dates are wrong! As you can see it is displaying "30th of Shahrivar" while it should be "8th of Mehr". This is likely because of that day/month numbers are different. I'm investigating if toLocalString can somehow provide us only the "day number" parts of the localized string for a fix.

Wrong:

Right: (Calendar App in MacOS)

[Snugug]

Ok, let's get this fixed then, within the following limitations:

• The initial work is focused on the Gregorian calendar, as that's what my project's requirements focus on right now. I simply don't know enough about other calendars to translate them all right now, including the various numbering systems.
• toLocaleDateString does not account for different weekends and getDay does not account for locales, so Sunday is always 0, etc… (although my code should be set up to respond to that)
• No built-ins differentiate between weekdays and weekends (and that varies based on more than language locale)

Proposed steps forward (to resolve for the Gregorian calendar) are as follows:

• prop for which calendar should be used (defaulting to Gregorian, will need assistance with other calendars)
• prop to change what day is the start of the week (defaulting to Sunday, maybe this is a number 0-6 (Sun-Sat) which would become an offset in the calendar computed)
• prop to designate weekends https://github.com/IBM/vue-a11y-calendar/issues/9 (Default to [0, 6] but array of any numbers 0-6, mapping to Sun-Sat)
• prop for direction, rtl/ltr that will change the direction of the movement

[Snugug]

I've converted this issue in to an Epic and added sub-issues to track the individual steps proposed above. Install ZenHub to see the Epic's progress