diff --git a/src/components/core/View.vue b/src/components/core/View.vue
index ec27e8f..2a44688 100644
--- a/src/components/core/View.vue
+++ b/src/components/core/View.vue
@@ -13,7 +13,7 @@
 export default {
   metaInfo () {
     return {
-      title: 'Vuetify Material Dashboard by CreativeTim'
+      title: 'CSSD dashboard'
     }
   }
 }
diff --git a/src/components/modal/item/show.vue b/src/components/modal/item/show.vue
index bf55652..e3ea1d2 100644
--- a/src/components/modal/item/show.vue
+++ b/src/components/modal/item/show.vue
@@ -43,8 +43,7 @@
                     <v-flex xs12 md6 sm6>
                         <div class>
                             <span class="title CSSD-font">Date Register:</span>
-                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ data.created_at
-                            }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ $d(new Date(data.created_at), 'long') }}</span>
                         </div>
                     </v-flex>
 
diff --git a/src/components/modal/package/Show.vue b/src/components/modal/package/Show.vue
index d0490d8..cfa73e1 100644
--- a/src/components/modal/package/Show.vue
+++ b/src/components/modal/package/Show.vue
@@ -17,7 +17,7 @@
                     <v-flex xs12 md3 sm3>
                         <div class="WM-d-flex">
                             <v-icon class="WMi-Industry"></v-icon>
-                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ data.created_at }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ $d(new Date(data.created_at), 'long') }}</span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md3 sm3>
diff --git a/src/components/modal/testresult/Show.vue b/src/components/modal/testresult/Show.vue
index e8debf8..e70d934 100644
--- a/src/components/modal/testresult/Show.vue
+++ b/src/components/modal/testresult/Show.vue
@@ -76,7 +76,7 @@
                             <span
                                 class="title font-weight-bold ml-2"
                                 style="letter-spacing:0 !important"
-                            >{{ data.created_at }}</span>
+                            >{{ $d(new Date(data.created_at), 'long') }}</span>
                         </div>
                     </v-flex>
                     <v-flex xs4 md4 sm4>
diff --git a/src/components/modal/user/List.vue b/src/components/modal/user/List.vue
index 648d49c..e31ce08 100644
--- a/src/components/modal/user/List.vue
+++ b/src/components/modal/user/List.vue
@@ -18,7 +18,7 @@
                                         <br>
                                         <span class="WM-Font-14">{{ item.cell_number }}</span>
                                     </td>
-                                    <td class="title font-weight-light">{{ item.created_at }}</td>
+                                    <td class="title font-weight-light">{{ $d(new Date(item.created_at), 'long') }}</td>
                                     <td class="title font-weight-light">
                                         <span v-for="(role, key) in item.roles" :key="key">{{ role.name }}</span>
                                     </td>
diff --git a/src/i18n/index.js b/src/i18n/index.js
index ee06830..087230d 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -13,10 +13,42 @@ import messages from '@/lang'
 
 Vue.use(VueI18n)
 
+const dateTimeFormats = {
+  en: {
+    long: {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit'
+    },
+    short: {
+      year: '2-digit',
+      month: 'short',
+      day: '2-digit'
+    }
+  },
+  fa: {
+    long: {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit'
+    },
+    short: {
+      year: '2-digit',
+      month: 'short',
+      day: '2-digit'
+    }
+  }
+}
+
 const i18n = new VueI18n({
   locale: 'en',
   fallbackLocale: 'en',
-  messages
+  messages,
+  dateTimeFormats
 })
 
 export default i18n
diff --git a/src/views/MedicalCenter/List.vue b/src/views/MedicalCenter/List.vue
index 0bcdeea..a89092f 100644
--- a/src/views/MedicalCenter/List.vue
+++ b/src/views/MedicalCenter/List.vue
@@ -32,7 +32,7 @@
             </template>
             <template slot="items" slot-scope="{ item }">
               <td class="headline font-weight-light WM-NoLetterSpacing">{{ item.name }}</td>
-              <td class="title font-weight-light">{{ item.created_at }}</td>
+              <td class="title font-weight-light">{{ $d(new Date(item.created_at), 'long') }}</td>
               <td class="title font-weight-light">{{ item.users_count }} Operator</td>
               <td class="text-xs-right FlexBtn Height-MD-80 Height-SM-48">
                 <v-tooltip bottom open-on-hover>
diff --git a/src/views/TestResult/List.vue b/src/views/TestResult/List.vue
index d5fc4a7..4b505c7 100644
--- a/src/views/TestResult/List.vue
+++ b/src/views/TestResult/List.vue
@@ -95,8 +95,7 @@
                             </template>
                             <template slot="items" slot-scope="{ item }">
                                 <td class="headline font-weight-light">{{ item.id }}</td>
-                                <td class="title font-weight-light">{{ item.test_type ? item.test_type.name : 'Archived
-                                    Test' }}</td>
+                                <td class="title font-weight-light">{{ item.test_type ? item.test_type.name : 'Archived Test' }}</td>
                                 <td class="title font-weight-light">{{ item.user.medical_center.name }}</td>
                                 <td class="title font-weight-light">{{ item.user.name }}</td>
                                 <td class="title font-weight-light">
@@ -107,7 +106,7 @@
                                         {{ item.result }}
                                     </span>
                                 </td>
-                                <td class="title font-weight-light">{{ item.created_at }}</td>
+                                <td class="title font-weight-light">{{ $d(new Date(item.created_at), 'long') }}</td>
                                 <td class="title font-weight-light">
                                     <span v-if="item.verified == 'NotVerified'" class="NotVerified">
                                         <v-icon class="caption fa fa-times NotVerified"></v-icon>
diff --git a/src/views/TestResult/Show.vue b/src/views/TestResult/Show.vue
index 15e37d2..bc508d9 100644
--- a/src/views/TestResult/Show.vue
+++ b/src/views/TestResult/Show.vue
@@ -36,7 +36,7 @@
 					<v-flex xs12 md6 sm6>
 						<div class>
 							<span class="title">Date :</span>
-							<span class="headline SCCD-font ml-2" style="letter-spacing:0 !important">{{ data.created_at }}</span>
+							<span class="headline SCCD-font ml-2" style="letter-spacing:0 !important">{{ $d(new Date(data.created_at), 'long') }}</span>
 						</div>
 					</v-flex>
 					<v-flex xs12 md6 sm6>
diff --git a/src/views/TestType/List.vue b/src/views/TestType/List.vue
index cb87523..dec6833 100644
--- a/src/views/TestType/List.vue
+++ b/src/views/TestType/List.vue
@@ -101,7 +101,7 @@
                            <td class="headline font-weight-light">{{ item.name }}</td>
                            <td class="title font-weight-light">{{ item.unique_code }}</td>
                            <td class="title font-weight-light">{{ item.user.name }}</td>
-                           <td class="title font-weight-light">{{ item.created_at }}</td>
+                           <td class="title font-weight-light">{{ $d(new Date(item.created_at), 'long') }}</td>
                            <td class="text-xs-right FlexBtn">
                                <v-tooltip bottom open-on-hover>
                                <template v-slot:activator="{ on, attrs }">
diff --git a/src/views/User/List.vue b/src/views/User/List.vue
index eb7d03a..c7be827 100644
--- a/src/views/User/List.vue
+++ b/src/views/User/List.vue
@@ -68,7 +68,7 @@
                                 <br>
                                 <span class="WM-Font-14">{{ item.cell_number }}</span>
                             </td>
-                            <td class="title font-weight-light">{{ item.created_at }}</td>
+                            <td class="title font-weight-light">{{ $d(new Date(item.created_at), 'long') }}</td>
                             <td class="title font-weight-light">
                                 <span v-for="(role, key) in item.roles" :key="key">{{ role.name }}</span>
                             </td>