diff --git a/src/components/04_product-service/TotalProductCardComponent.vue b/src/components/04_product-service/TotalProductCardComponent.vue
index f8a05bce..da04e5e9 100644
--- a/src/components/04_product-service/TotalProductCardComponent.vue
+++ b/src/components/04_product-service/TotalProductCardComponent.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import AppBox from 'components/app/AppBox.vue';
+
+import { dateFormat } from 'src/utils/datetime';
+
 const addedProduct = ref<boolean>(false);
 
 import { ProductList, Service } from 'src/stores/product-service/types';
@@ -26,6 +29,7 @@ withDefaults(
     price?: number;
     id?: string;
     process?: number;
+    createdAt?: string;
   }>(),
   {
     isSelected: false,
@@ -158,7 +162,7 @@ withDefaults(
             class="surface-0 rounded q-pa-xs app-text-muted"
             size="20px"
           />
-          10 ม.ค 2024
+          {{ dateFormat(createdAt) }}
         </div>
 
         <div class="q-pr-md" v-if="typeProduct === 'product'">
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 44151987..ce260553 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1123,6 +1123,7 @@ watch(currentStatus, async () => {
               :id="i.id"
               :title="i.name"
               :status="i.status === 'INACTIVE' ? true : false"
+              :created-at="i.createdAt"
               @menuViewDetail="
                 () => {
                   currentIdProduct = i.id;