fix: handle arabic short week days

Author: lmetdaoui

src/VueDatePicker/utils/util.ts

@@ -26,11 +26,15 @@ export const getArrayInArray = <T>(list: T[], increment = 3): T[][] => {
 
 function dayNameIntlMapper(locale: string) {
     return (day: number) => {
-        return new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' })
-            .format(new Date(`2017-01-0${day}T00:00:00+00:00`))
-            .slice(0, 2);
-    };
-}
+        const formattedDate = new Intl.DateTimeFormat(locale, {
+            weekday: 'short',
+            timeZone: 'UTC'
+        }).format(new Date(`2017-01-0${day}T00:00:00+00:00`));
+
+        // Arabic locale requires different slice indexes to get correct abbreviation
+        return locale === 'ar' ? formattedDate.slice(2, 5) : formattedDate.slice(0, 2);
+    }
+};
 
 function dayNameDateFnsMapper(formatLocale: Locale) {
     return (day: number) => {

tests/unit/utils.spec.ts

@@ -109,6 +109,14 @@ describe('Utils and date utils formatting', () => {
         expect(days[1]).toEqual('Di');
     });
 
+    it('Should get specific day names on arabic', () => {
+        // Pass arabic locale
+        const days = getDayNames(null, 'ar', 1);
+
+        expect(days).toHaveLength(7);
+        expect(days[1]).toEqual('ثلا');
+    });
+
     it('Should get day names according to formatLocale', () => {
         const days = getDayNames(de, 'en', 1);