diff --git a/src/components/DatePickerOrder.vue b/src/components/DatePickerOrder.vue
index f9459de..32cd98e 100644
--- a/src/components/DatePickerOrder.vue
+++ b/src/components/DatePickerOrder.vue
@@ -6,10 +6,21 @@
 
 <script>
 export default {
+  props: {
+    startDate: {
+      type: Number,
+      default () {
+        return Math.floor(new Date(new Date().setHours(0, 0, 0, 0)).getTime() / 1000)
+      }
+    },
+    endDate: {
+      type: Number,
+      default () {
+        return Math.floor(new Date(new Date().setHours(23, 59, 59, 999)).getTime() / 1000)
+      }
+    }
+  },
   data () {
-    const orderSearch = this.$store.getters['app/getOrderSerch']
-    const startTimestamp = orderSearch.start_time
-    const endTimestamp = orderSearch.end_time
     return {
       pickerOptions: {
         shortcuts: [
@@ -82,7 +93,7 @@ export default {
           }
         ]
       },
-      value: [startTimestamp, endTimestamp]
+      value: [new Date(this.startDate * 1000), new Date(this.endDate * 1000)]
     }
   },
   watch: {