diginet-core-ui 1.4.53 → 1.4.54-beta.2

package/theme/settings.js

@@ -3,6 +3,7 @@ import { font } from "../styles/font";
 import { typography as typographies } from "../styles/typography";
 import createTheme from "./createTheme";
 import locale from "../locale";
+import { getFormatDateByCountry, getDecimalSymbolByCountry } from "../utils/getLang";
 // import { getGlobal } from 'global';
 const {
   fontSize,
@@ -345,7 +346,7 @@ const settings = {
         className: '',
         disabled: false,
         error: '',
-        format: locale.get() === 'vi' ? 'DD/MM/YYYY' : 'DD/MM/YYYY',
+        format: getFormatDateByCountry(locale.get()),
         label: '',
         readOnly: false,
         required: false,
@@ -360,7 +361,7 @@ const settings = {
         controls: false,
         disabled: false,
         displayAnotherMonth: true,
-        displayFormat: locale.get() === 'vi' ? 'DD/MM/YYYY' : 'MM/DD/YYYY',
+        displayFormat: getFormatDateByCountry(locale.get()),
         pressESCToClose: true,
         readOnly: false,
         required: false,
@@ -596,7 +597,7 @@ const settings = {
         autoFocus: false,
         className: '',
         decimalDigit: Infinity,
-        decimalSymbol: locale.get() === 'vi' ? ',' : '.',
+        decimalSymbol: getDecimalSymbolByCountry(locale.get()),
         disabled: false,
         disabledNegative: false,
         endIcon: '',

package/utils/getLang.js

@@ -0,0 +1,69 @@
+import { format } from 'date-fns';
+import { lowerCaseDayYear } from "../components/form-control/date-input/utils";
+import { enUS, zhCN, vi, ja } from 'date-fns/locale';
+const getFormatDateByCountry = (lang, isDateFns = false) => {
+  let result = '';
+  switch (lang) {
+    case 'en':
+      result = isDateFns ? enUS : 'MM/DD/YYYY';
+      break;
+    case 'zh':
+      result = isDateFns ? zhCN : 'YYYY/MM/DD';
+      break;
+    case 'ja':
+      result = isDateFns ? ja : 'YYYY/MM/DD';
+      break;
+    case 'vi':
+      result = isDateFns ? vi : 'DD/MM/YYYY';
+      break;
+    default:
+      result = 'DD/MM/YYYY';
+      break;
+  }
+  return result;
+};
+const parseDateString = (date, formatStr, locale) => {
+  return format(date, lowerCaseDayYear(formatStr), {
+    locale: getFormatDateByCountry(locale, true)
+  });
+};
+const getDecimalSymbolByCountry = lang => {
+  let result = '';
+  switch (lang) {
+    case 'vi': // Việt Nam
+    case 'de': // Đức
+    case 'fr': // Pháp
+    case 'it': // Ý
+    case 'es': // Tây Ban Nha
+    case 'ru':
+      // Nga
+      result = ','; // Dấu phẩy làm thập phân
+      break;
+    case 'en': // Anh, Mỹ
+    case 'zh': // Trung Quốc
+    case 'ja': // Nhật Bản
+    default:
+      result = '.'; // Dấu chấm làm thập phân
+      break;
+  }
+  return result;
+};
+const getThousandSeparatorByCountry = lang => {
+  switch (lang) {
+    case 'vi': // Việt Nam
+    case 'de': // Đức
+    case 'es':
+      // Tây Ban Nha
+      return '.';
+    case 'fr':
+      // Pháp
+      return '\u00A0';
+    // space không ngắt
+    case 'en': // Anh, Mỹ
+    case 'zh': // Trung Quốc
+    case 'ja': // Nhật
+    default:
+      return ',';
+  }
+};
+export { getFormatDateByCountry, parseDateString, getDecimalSymbolByCountry, getThousandSeparatorByCountry };

package/utils/index.js

@@ -35,4 +35,5 @@ export * from "./sb-template";
 export * from "./string/string";
 export * from "./validate";
 export * from "./object/object";
+export * from "./getLang";
 export default utils;