Updated README.md

Author: TOPOFGR

README.md

@@ -494,7 +494,7 @@ For the internationalization we decided to choose the library [Format.js](https:
 - Import your `.json` file/s on the `src/utils/index.js` and add them to `messages`.
 - Place your icon/s for your language/s on `src/assets`.
 - Import your icon/s and add it/them to `flags` on `src/utils/index.js`.
-- Import your language/s from the `date-fns` library and then call **registerLocale** and pass your import to make sure **DatePicker** can use your language.
+- Import your language/s from the `date-fns` library and then call **registerLocale** and pass your import to make sure **DatePicker** can use your language. Then put your language format on **dateFormat** for the **DatePicker**.
 
 ### Creating your translation file
 
@@ -567,6 +567,7 @@ const date = Date.now();
 
 - Import your language from `date-fns/locale/[yourlanguage]`
 - Add another **registerLocale** with your language as the first parameter and the import from `date-fns` as second parameter.
+- Place your language with its date format on **dateFormat**.
 
 ## Contributors
 

src/components/DatePicker/index.jsx

@@ -11,6 +11,17 @@ import './DatePicker.scss';
 registerLocale('en', en);
 registerLocale('es', es);
 
+const dateFormat = locale => {
+  switch (locale) {
+    case 'en':
+      return 'MM-dd-yy';
+    case 'es':
+      return 'dd/MM/yy';
+    default:
+      return 'MM-dd-yy';
+  }
+};
+
 const DatePickerStyled = ({ name, date, setState }) => {
   const onDateChangedHandler = value =>
     setState(prevState => ({
@@ -25,12 +36,10 @@ const DatePickerStyled = ({ name, date, setState }) => {
     shallowEqual
   );
 
-  const dateFormat = locale === 'en' ? 'MM-dd-yy' : 'dd/MM/yy';
-
   return (
     <DatePicker
       locale={locale}
-      dateFormat={dateFormat}
+      dateFormat={dateFormat(locale)}
       selected={date}
       onChange={onDateChangedHandler}
     />