diff --git a/src/interfaces/show.ts b/src/interfaces/show.ts
index 3618e03..9655a9c 100644
--- a/src/interfaces/show.ts
+++ b/src/interfaces/show.ts
@@ -1,8 +1,9 @@
 export interface Show {
   _id: string
   title: string
-  year: number
+  date: Date
   seasons: number
+  episodes: number
   description: string
   genres: string[]
 }
diff --git a/src/pages/shows/shows.component.html b/src/pages/shows/shows.component.html
index cf63025..026e38f 100644
--- a/src/pages/shows/shows.component.html
+++ b/src/pages/shows/shows.component.html
@@ -5,7 +5,7 @@
         <!--    <img src="">-->
         <div class="card-body">
           <h5 class="card-title">{{ show.title }}</h5>
-          <p class="card-text">{{ show.year }}</p>
+          <p class="card-text">{{ show.date | date }}</p>
         </div>
       </div>
     }
diff --git a/src/pages/shows/shows.component.ts b/src/pages/shows/shows.component.ts
index c37ef3b..21b1bc6 100644
--- a/src/pages/shows/shows.component.ts
+++ b/src/pages/shows/shows.component.ts
@@ -6,10 +6,13 @@ import {Toast} from '../../interfaces/toast';
 import {ToastService} from '../../services/toast/toast.service';
 import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
 import {CreateModalComponent} from '../../components/create-modal/create-modal/create-modal.component';
+import {DatePipe} from '@angular/common';
 
 @Component({
   selector: 'app-shows',
-  imports: [],
+  imports: [
+    DatePipe
+  ],
   templateUrl: './shows.component.html',
   styleUrl: './shows.component.css'
 })