diff --git a/src/app/task/task.component.html b/src/app/task/task.component.html
index 8d4309c..ff44f45 100644
--- a/src/app/task/task.component.html
+++ b/src/app/task/task.component.html
@@ -1,7 +1,7 @@
 <app-card>
   <article>
     <h2>{{ task.title }}</h2>
-    <time>Date: {{ task.dueDate }}</time>
+    <time>Date: {{ task.dueDate | date:'fullDate' }}</time>
     <p>{{ task.summary }}</p>
     <p class="actions">
       <button (click)="onCompleteTask()">Complete</button>
diff --git a/src/app/task/task.component.ts b/src/app/task/task.component.ts
index 2aca57c..a666861 100644
--- a/src/app/task/task.component.ts
+++ b/src/app/task/task.component.ts
@@ -1,11 +1,13 @@
 import {Component, EventEmitter, Input, Output} from '@angular/core';
 import { Task } from './task.model';
 import {CardComponent} from '../shared/card/card.component';
+import {DatePipe} from '@angular/common';
 
 @Component({
   selector: 'app-task',
   imports: [
-    CardComponent
+    CardComponent,
+    DatePipe
   ],
   templateUrl: './task.component.html',
   styleUrl: './task.component.css'