diff --git a/src/views/Home.vue b/src/views/Home.vue
index 833555a..9562f80 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,11 +1,31 @@
 <template>
   <div class="home">
-    HOME
+    <h1>{{ pageTitle }}</h1>
+    <div>
+      <date-picker v-model="date" />
+      {{ date }}
+    </div>
+
+    <div style="margin-top:30px">
+      <date-picker v-model="time" type="time" />
+      {{ time }}
+    </div>
   </div>
 </template>
 
 <script>
+import Vue3PersianDatetimePicker from '@/picker/Vue3PersianDatetimePicker'
 export default {
-  name: 'Home'
+  name: 'Home',
+  components: {
+    DatePicker: Vue3PersianDatetimePicker
+  },
+  data() {
+    return {
+      date: '',
+      time: '',
+      pageTitle: process.env.VUE_APP_TITLE
+    }
+  }
 }
 </script>