Fix async/await warning originating from datepickers, change ar date format

Author: m-mohr

src/components/DatePickerMixin.js

@@ -26,12 +26,7 @@ export default {
           return;
         }
         const options = (await import(`../locales/${locale}/datepicker.js`)).default;
-        if (options.locale instanceof Promise) {
-          this.datepickerLang = (await options.locale).default;
-        }
-        else {
-          this.datepickerLang = options.locale;
-        }
+        this.datepickerLang = options.locale;
         this.dateFormat = options.dateFormat;
         this.timeFormat = options.timeFormat;
         this.dateTimeFormat = options.dateTimeFormat;

src/locales/ar/datepicker.js

@@ -1,4 +1,7 @@
-const format = 'YYYY-MM-DD';
-const locale = import('vue2-datepicker/locale/ar');
-(await locale).default.formatLocale.firstDayOfWeek = 1;
-export default {format, locale};
+// According to https://en.wikipedia.org/wiki/List_of_date_formats_by_country
+// many countries that use Arabic as their official language use the DD/MM/YYYY date format.
+const dateFormat = 'DD/MM/YYYY';
+const timeFormat = 'HH:mm:ss';
+const dateTimeFormat = `${dateFormat} ${timeFormat}`;
+const locale = require('vue2-datepicker/locale/ar');
+export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/de-CH/datepicker.js

@@ -1,5 +1,5 @@
 const dateFormat = 'DD.MM.YYYY';
 const timeFormat = 'H:mm:ss';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/de');
+const locale = require('vue2-datepicker/locale/de');
 export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/de/datepicker.js

@@ -1,5 +1,5 @@
 const dateFormat = 'D.M.YYYY';
 const timeFormat = 'H:mm:ss';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/de');
+const locale = require('vue2-datepicker/locale/de');
 export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/en-GB/datepicker.js

@@ -1,6 +1,6 @@
 const dateFormat = 'DD/MM/YYYY';
 const timeFormat = 'hh:mm:ss a';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/en');
+const locale = require('vue2-datepicker/locale/en');
 locale.formatLocale.firstDayOfWeek = 1;
 export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/en-US/datepicker.js

@@ -1,6 +1,6 @@
 const dateFormat = 'M/D/YYYY';
 const timeFormat = 'hh:mm:ss a';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/en');
+const locale = require('vue2-datepicker/locale/en');
 locale.formatLocale.firstDayOfWeek = 0;
 export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/en/datepicker.js

@@ -4,10 +4,10 @@ const timeFormat = 'HH:mm:ss';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
 
 // 2A. Either re-use settings and phrases from vue2-datepicker (and customize them)...
-const locale = import('vue2-datepicker/locale/en');
+const locale = require('vue2-datepicker/locale/en');
 
 // Usually not needed, but we customize the first day of the week for "international" users.
-(await locale).default.formatLocale.firstDayOfWeek = 1;
+locale.formatLocale.firstDayOfWeek = 1;
 
 // 2B. ... or define your own based on https://github.com/mengxiong10/vue2-datepicker
 /*

src/locales/es/datepicker.js

@@ -1,5 +1,5 @@
 const dateFormat = 'DD/MM/YYYY';
 const timeFormat = 'H:mm:ss';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/es');
+const locale = require('vue2-datepicker/locale/es');
 export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/fr-CA/datepicker.js

@@ -1,5 +1,5 @@
 const dateFormat = 'YYYY-MM-DD';
 const timeFormat = 'H:mm:ss';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/fr');
+const locale = require('vue2-datepicker/locale/fr');
 export default {dateFormat, timeFormat, dateTimeFormat, locale};

src/locales/fr-CH/datepicker.js

@@ -1,5 +1,5 @@
 const dateFormat = 'DD.MM.YYYY';
 const timeFormat = 'H:mm:ss';
 const dateTimeFormat = `${dateFormat} ${timeFormat}`;
-const locale = import('vue2-datepicker/locale/fr');
+const locale = require('vue2-datepicker/locale/fr');
 export default {dateFormat, timeFormat, dateTimeFormat, locale};