filter for date

src/views/Exams.vue

@@ -112,8 +112,15 @@
                   >
                     {{ item.medicalCase.disease.name }}
                   </p>
-                  <p class="pt-5" style="font-size: 14px; color: #808080;">
-                    {{ item.date.slice(0, 10) }}
+                  <p
+                    class="pt-5"
+                    style="
+                      font-size: 14px;
+                      color: #808080;
+                      text-transform: capitalize;
+                    "
+                  >
+                    {{ item.date.slice(0, 10) | dateToString }}
                   </p>
                   <v-progress-linear
                     active
@@ -160,6 +167,18 @@ import { ExamType, Exam } from "@/controllers/exams";
       extended: (state: any) => state.extended,
     }),
   },
+  filters: {
+    dateToString(date: string) {
+      let newDate = new Date(date);
+      newDate.setDate(newDate.getDate() + 1);
+      return newDate.toLocaleDateString("es-EN", {
+        weekday: "long",
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+      });
+    },
+  },
 })
 export default class Exams extends Vue {
   private search = "";
@@ -195,7 +214,11 @@ export default class Exams extends Vue {
     if (!this.search) {
       const data = this.exams
         .filter((exam) => {
-          if (exam.date.toLowerCase().indexOf(this.search.toLowerCase()) > -1) {
+          if (
+            exam.medicalCase.disease.name
+              .toLowerCase()
+              .indexOf(this.search.toLowerCase()) > -1
+          ) {
             pages++;
             return true;
           }
@@ -206,7 +229,11 @@ export default class Exams extends Vue {
     } else {
       const data = this.exams
         .filter((exam) => {
-          if (exam.date.toLowerCase().indexOf(this.search.toLowerCase()) > -1) {
+          if (
+            exam.medicalCase.disease.name
+              .toLowerCase()
+              .indexOf(this.search.toLowerCase()) > -1
+          ) {
             pages++;
             return true;
           }

src/views/Patients.vue

@@ -337,8 +337,8 @@
                 <v-list-item-title
                   v-text="item.medicalCase.disease.name"
                 ></v-list-item-title>
-                <v-list-item-subtitle>{{
-                  item.date.slice(0, 10)
+                <v-list-item-subtitle style="text-transform: capitalize;">{{
+                  item.date.slice(0, 10) | dateToString
                 }}</v-list-item-subtitle>
               </v-list-item-content>
               <v-list-item-action>
@@ -395,6 +395,18 @@ import { Exam, ExamType } from "@/controllers/exams";
       extended: (state: any) => state.extended,
     }),
   },
+  filters: {
+    dateToString(date: string) {
+      let newDate = new Date(date);
+      newDate.setDate(newDate.getDate() + 1);
+      return newDate.toLocaleDateString("es-EN", {
+        weekday: "long",
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+      });
+    },
+  },
 })
 export default class Patients extends Vue {
   $refs!: {