diff --git a/resources/js/pages/patients/meetings.vue b/resources/js/pages/patients/meetings.vue
index d7a3b33..4e285a9 100644
--- a/resources/js/pages/patients/meetings.vue
+++ b/resources/js/pages/patients/meetings.vue
@@ -1,4 +1,5 @@
 <script setup>
+import moment from 'moment';
 import { onBeforeMount, onMounted, onUnmounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useStore } from 'vuex';
@@ -59,12 +60,7 @@ const headers = [
     { key: 'start_time', title: 'Start Time' },
     { key: 'end_time', title: 'End Time' },
     { key: 'duration', title: 'Duration' },
-  
- 
-  // {
-  //   title: 'ACTIONS',
-  //   key: 'actions',
-  // },
+    { title: 'ACTIONS', key: 'actions'},
 ]
 
 
@@ -78,10 +74,69 @@ const getPatientMeetingList = computed(async () => {
   console.log('patientMeetingList',store.getters.getPatientMeetingList)
     let list = store.getters.getPatientMeetingList
     store.dispatch('updateIsLoading', false)
-    patientMeetingList.value = list
-    return patientMeetingList.value
+    patientMeetingList.value = list;
+    return patientMeetingList.value.map(history => ({
+        ...history,
+        appointment_date: changeFormat(history.appointment_date),
+        start_time: changeDateFormat(history.start_time),
+        end_time: changeDateFormat(history.end_time),
+        duration: totalCallDuration(history.start_time, history.end_time),
+    }));
+    // return patientMeetingList.value
 });
 
+function changeDateFormat(dateFormat) {
+    console.log("startTimeFormat", dateFormat);
+    if (dateFormat) {
+        const [datePart, timePart] = dateFormat.split(' '); // Split date and time parts
+        const [year, month, day] = datePart.split('-'); // Split date into year, month, and day
+        const formattedMonth = parseInt(month).toString(); // Convert month to integer and then string to remove leading zeros
+        const formattedDay = parseInt(day).toString(); // Convert day to integer and then string to remove leading zeros
+        const formattedDate = `${formattedMonth}-${formattedDay}-${year}`; // Format date as mm-dd-yyyy
+        return `${formattedDate} ${timePart}`; // Combine formatted date with original time part
+    }
+}
+function changeFormat(dateFormat) {
+    const dateParts = dateFormat.split('-'); // Assuming date is in yyyy-mm-dd format
+    const year = parseInt(dateParts[0]);
+    const month = parseInt(dateParts[1]); // No need for padding
+    const day = parseInt(dateParts[2]); // No need for padding
+
+    // Create a new Date object with the parsed values
+    const date = new Date(year, month - 1, day); // Month is zero-based in JavaScript Date object
+
+    // Format the date as mm-dd-yyyy
+    const formattedDate = month + '-' + day + '-' + date.getFullYear();
+
+    return formattedDate;
+}
+function totalCallDuration(start_time, end_time) {
+    console.log(start_time, end_time);
+    const startMoment = moment(start_time);
+    const endMoment = moment(end_time);
+
+    // Calculate the duration
+    const duration = moment.duration(endMoment.diff(startMoment));
+    const hours = duration.hours();
+    const thours = `${String(hours).padStart(2, '0')}`;
+    const minutes = duration.minutes();
+    const tminutes = `${String(minutes).padStart(2, '0')}`;
+    const seconds = duration.seconds();
+    const tsecond = `${String(seconds).padStart(2, '0')}`;
+    let durationText;
+    if (hours === 0 && minutes === 0) { //for second
+        durationText = ` 00:00:${tsecond}`;
+    } else if (hours === 0 && minutes > 0) { //for minutes
+        durationText = `00:${tminutes}:${tsecond}`;
+    } else if (hours > 0) {  //for hours
+        durationText = `${thours}:${tminutes}:${tsecond}`;
+    }
+    const totalDuration = durationText;
+    console.log('Duration:', durationText);
+    // You may need to adjust this function based on your actual data structure
+    // For example, if you have separate first name and last name properties in each appointment object
+    return totalDuration; // For now, just return the first name
+}
 onMounted(() => {