diff --git a/overlord/src/app/batch-integrity-report/batch-integrity-report.component.html b/overlord/src/app/batch-integrity-report/batch-integrity-report.component.html
index 98875dbe..b30fc9f9 100644
--- a/overlord/src/app/batch-integrity-report/batch-integrity-report.component.html
+++ b/overlord/src/app/batch-integrity-report/batch-integrity-report.component.html
@@ -10,7 +10,7 @@
     <ng-container matColumnDef="batch">
       <mat-header-cell *matHeaderCellDef>Batch</mat-header-cell>
       <mat-cell *matCellDef="let row">
-        {{ row.product }} dated {{ row.date }} &#64; {{ row.price | currency: 'INR' }} is showing
+        {{ row.product }} dated {{ row.date | date: 'dd-MMM-yyyy' }} &#64; {{ row.price | currency: 'INR' }} is showing
         {{ row.showing }} instead of {{ row.actual }}
       </mat-cell>
     </ng-container>
@@ -22,7 +22,8 @@
         <ul>
           @for (detail of row.details; track detail) {
             <li>
-              <a [routerLink]="detail.url">{{ detail.type }}</a> on {{ detail.date }} of {{ detail.quantity }} &#64;
+              <a [routerLink]="detail.url">{{ detail.type }}</a> on {{ detail.date | date: 'dd-MMM-yyyy' }} of
+              {{ detail.quantity }} &#64;
               {{ detail.price | currency: 'INR' }}
             </li>
           }
diff --git a/overlord/src/app/batch-integrity-report/batch-integrity-report.component.ts b/overlord/src/app/batch-integrity-report/batch-integrity-report.component.ts
index b54bbc0f..e6b3a95b 100644
--- a/overlord/src/app/batch-integrity-report/batch-integrity-report.component.ts
+++ b/overlord/src/app/batch-integrity-report/batch-integrity-report.component.ts
@@ -1,4 +1,4 @@
-import { CurrencyPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, inject, computed } from '@angular/core';
 import { MatTableModule } from '@angular/material/table';
 import { ActivatedRoute, Router, RouterModule } from '@angular/router';
@@ -11,7 +11,7 @@ import { BatchIntegrityReportService } from './batch-integrity-report.service';
   selector: 'app-batch-integrity',
   templateUrl: './batch-integrity-report.component.html',
   styleUrls: ['./batch-integrity-report.component.css'],
-  imports: [MatTableModule, RouterModule, CurrencyPipe, SkeletonLoaderComponent, ErrorStateComponent],
+  imports: [MatTableModule, RouterModule, CurrencyPipe, DatePipe, SkeletonLoaderComponent, ErrorStateComponent],
 })
 export class BatchIntegrityReportComponent {
   private route = inject(ActivatedRoute);
diff --git a/overlord/src/app/daybook/daybook.component.html b/overlord/src/app/daybook/daybook.component.html
index 06ebeb66..241e9d53 100644
--- a/overlord/src/app/daybook/daybook.component.html
+++ b/overlord/src/app/daybook/daybook.component.html
@@ -27,7 +27,7 @@
     <ng-container matColumnDef="date">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
       <mat-cell *matCellDef="let row"
-        ><a [routerLink]="row.url">{{ row.date }}</a></mat-cell
+        ><a [routerLink]="row.url">{{ row.date | date: 'dd-MMM-yyyy' }}</a></mat-cell
       >
     </ng-container>
 
diff --git a/overlord/src/app/daybook/daybook.component.ts b/overlord/src/app/daybook/daybook.component.ts
index 65be3d67..7d185e9c 100644
--- a/overlord/src/app/daybook/daybook.component.ts
+++ b/overlord/src/app/daybook/daybook.component.ts
@@ -1,4 +1,4 @@
-import { CurrencyPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, inject, linkedSignal, input, computed, afterNextRender, signal } from '@angular/core';
 import { form as createForm, FormField, FormRoot } from '@angular/forms/signals';
 export interface DaybookFormData {
@@ -39,6 +39,7 @@ import { DaybookService } from './daybook.service';
     RouterModule,
     MatPaginatorModule,
     CurrencyPipe,
+    DatePipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
   ],
diff --git a/overlord/src/app/employee-attendance/employee-attendance.component.html b/overlord/src/app/employee-attendance/employee-attendance.component.html
index 7bca6850..e3805180 100644
--- a/overlord/src/app/employee-attendance/employee-attendance.component.html
+++ b/overlord/src/app/employee-attendance/employee-attendance.component.html
@@ -59,7 +59,7 @@
       <!-- Date Column -->
       <ng-container matColumnDef="date">
         <mat-header-cell *matHeaderCellDef class="right basis-1-5">Date</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right basis-1-5">{{ row.date }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right basis-1-5">{{ row.date | date: 'dd-MMM-yyyy' }}</mat-cell>
       </ng-container>
 
       <!-- Status Column -->
diff --git a/overlord/src/app/employee-attendance/employee-attendance.component.ts b/overlord/src/app/employee-attendance/employee-attendance.component.ts
index 1dd5ec50..86483daa 100644
--- a/overlord/src/app/employee-attendance/employee-attendance.component.ts
+++ b/overlord/src/app/employee-attendance/employee-attendance.component.ts
@@ -1,3 +1,4 @@
+import { DatePipe } from '@angular/common';
 import { computed, Component, inject, debounced, input, linkedSignal, afterNextRender } from '@angular/core';
 import { form as createForm, FormField, FormRoot } from '@angular/forms/signals';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
@@ -49,6 +50,7 @@ export interface EmployeeAttendanceFormData {
     MatSelectModule,
     MatIconModule,
     MatChipsModule,
+    DatePipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
   ],
diff --git a/overlord/src/app/entries/entries.component.html b/overlord/src/app/entries/entries.component.html
index 4a5ef73d..ea1be591 100644
--- a/overlord/src/app/entries/entries.component.html
+++ b/overlord/src/app/entries/entries.component.html
@@ -44,7 +44,7 @@
     <ng-container matColumnDef="date">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
       <mat-cell *matCellDef="let row"
-        ><a [routerLink]="row.url">{{ row.date }}</a></mat-cell
+        ><a [routerLink]="row.url">{{ row.date | date: 'dd-MMM-yyyy' }}</a></mat-cell
       >
     </ng-container>
 
diff --git a/overlord/src/app/entries/entries.component.ts b/overlord/src/app/entries/entries.component.ts
index fe63ee06..e5ade45e 100644
--- a/overlord/src/app/entries/entries.component.ts
+++ b/overlord/src/app/entries/entries.component.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @angular-eslint/no-input-rename */
-import { CurrencyPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, inject, input, computed, booleanAttribute, afterNextRender, linkedSignal } from '@angular/core';
 export interface EntriesFormData {
   startDate: Date;
@@ -50,6 +50,7 @@ import { Report } from './report';
     MatPaginatorModule,
     CurrencyPipe,
     LocalTimePipe,
+    DatePipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
   ],
diff --git a/overlord/src/app/ledger/ledger.component.html b/overlord/src/app/ledger/ledger.component.html
index 84c2dd88..111d8a93 100644
--- a/overlord/src/app/ledger/ledger.component.html
+++ b/overlord/src/app/ledger/ledger.component.html
@@ -80,7 +80,7 @@
           [checked]="selection.isSelected(row)"
         >
         </mat-checkbox>
-        {{ row.date }}
+        {{ row.date | date: 'dd-MMM-yyyy' }}
       </mat-cell>
       <mat-footer-cell *matFooterCellDef></mat-footer-cell>
     </ng-container>
diff --git a/overlord/src/app/ledger/ledger.component.ts b/overlord/src/app/ledger/ledger.component.ts
index cb23c336..dd256b05 100644
--- a/overlord/src/app/ledger/ledger.component.ts
+++ b/overlord/src/app/ledger/ledger.component.ts
@@ -1,5 +1,5 @@
 import { SelectionModel } from '@angular/cdk/collections';
-import { CurrencyPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, inject, input, linkedSignal, computed, signal, afterNextRender } from '@angular/core';
 import { form as createForm, FormField, FormRoot } from '@angular/forms/signals';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
@@ -65,6 +65,7 @@ import { LedgerService } from './ledger.service';
     CurrencyPipe,
     AccountingPipe,
     ClearPipe,
+    DatePipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
   ],
diff --git a/overlord/src/app/mozimo-product-register/mozimo-product-register.component.html b/overlord/src/app/mozimo-product-register/mozimo-product-register.component.html
index 1e4c23e4..b9e37436 100644
--- a/overlord/src/app/mozimo-product-register/mozimo-product-register.component.html
+++ b/overlord/src/app/mozimo-product-register/mozimo-product-register.component.html
@@ -62,7 +62,7 @@
             [matBadgeHidden]="!row.lastEditDate"
             matTooltip="{{ row.lastEditDate | localTime }}"
             [matTooltipDisabled]="!row.lastEditDate"
-            >{{ row.date }}</span
+            >{{ row.date | date: 'dd-MMM-yyyy' }}</span
           >
         </mat-cell>
       </ng-container>
diff --git a/overlord/src/app/mozimo-product-register/mozimo-product-register.component.ts b/overlord/src/app/mozimo-product-register/mozimo-product-register.component.ts
index 5f01670f..9a550dc7 100644
--- a/overlord/src/app/mozimo-product-register/mozimo-product-register.component.ts
+++ b/overlord/src/app/mozimo-product-register/mozimo-product-register.component.ts
@@ -1,4 +1,4 @@
-import { DecimalPipe } from '@angular/common';
+import { DatePipe, DecimalPipe } from '@angular/common';
 import { signal, computed, Component, inject, input, linkedSignal } from '@angular/core';
 import { form as createForm, FormField, FormRoot } from '@angular/forms/signals';
 import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
@@ -59,6 +59,7 @@ export interface MozimoProductRegisterFormData {
     MatTooltipModule,
     FormField,
     FormRoot,
+    DatePipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
   ],
diff --git a/overlord/src/app/non-contact-purchase/non-contract-purchase.component.html b/overlord/src/app/non-contact-purchase/non-contract-purchase.component.html
index e109cf5b..a5314a22 100644
--- a/overlord/src/app/non-contact-purchase/non-contract-purchase.component.html
+++ b/overlord/src/app/non-contact-purchase/non-contract-purchase.component.html
@@ -9,7 +9,7 @@
     <!-- Date Column -->
     <ng-container matColumnDef="date">
       <mat-header-cell *matHeaderCellDef>Date</mat-header-cell>
-      <mat-cell *matCellDef="let row">{{ row.date }}</mat-cell>
+      <mat-cell *matCellDef="let row">{{ row.date | date: 'dd-MMM-yyyy' }}</mat-cell>
     </ng-container>
 
     <!-- Vendor Column -->
diff --git a/overlord/src/app/non-contact-purchase/non-contract-purchase.component.ts b/overlord/src/app/non-contact-purchase/non-contract-purchase.component.ts
index ead3767a..6dd258fc 100644
--- a/overlord/src/app/non-contact-purchase/non-contract-purchase.component.ts
+++ b/overlord/src/app/non-contact-purchase/non-contract-purchase.component.ts
@@ -1,4 +1,4 @@
-import { CurrencyPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, inject, computed } from '@angular/core';
 import { MatTableModule } from '@angular/material/table';
 import { Router, RouterModule } from '@angular/router';
@@ -11,7 +11,7 @@ import { NonContractPurchaseService } from './non-contract-purchase.service';
   selector: 'app-non-contract-purchase',
   templateUrl: './non-contract-purchase.component.html',
   styleUrls: ['./non-contract-purchase.component.css'],
-  imports: [MatTableModule, RouterModule, CurrencyPipe, SkeletonLoaderComponent, ErrorStateComponent],
+  imports: [MatTableModule, RouterModule, CurrencyPipe, SkeletonLoaderComponent, ErrorStateComponent, DatePipe],
 })
 export class NonContractPurchaseComponent {
   private router = inject(Router);
diff --git a/overlord/src/app/product-ledger/product-ledger.component.html b/overlord/src/app/product-ledger/product-ledger.component.html
index 138e3d8e..88da0a22 100644
--- a/overlord/src/app/product-ledger/product-ledger.component.html
+++ b/overlord/src/app/product-ledger/product-ledger.component.html
@@ -50,7 +50,7 @@
     <!-- Date Column -->
     <ng-container matColumnDef="date">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
-      <mat-cell *matCellDef="let row">{{ row.date }}</mat-cell>
+      <mat-cell *matCellDef="let row">{{ row.date | date: 'dd-MMM-yyyy' }}</mat-cell>
       <mat-footer-cell *matFooterCellDef></mat-footer-cell>
     </ng-container>
 
diff --git a/overlord/src/app/product-ledger/product-ledger.component.ts b/overlord/src/app/product-ledger/product-ledger.component.ts
index b6577d61..6682603a 100644
--- a/overlord/src/app/product-ledger/product-ledger.component.ts
+++ b/overlord/src/app/product-ledger/product-ledger.component.ts
@@ -1,4 +1,4 @@
-import { CurrencyPipe, DecimalPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe, DecimalPipe } from '@angular/common';
 import { Component, inject, computed, signal, linkedSignal, input, afterNextRender } from '@angular/core';
 import { form as createForm, FormField, FormRoot } from '@angular/forms/signals';
 import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
@@ -55,6 +55,7 @@ import { ProductLedgerService } from './product-ledger.service';
     CurrencyPipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
+    DatePipe,
   ],
 })
 export class ProductLedgerComponent {
diff --git a/overlord/src/app/purchase-entries/purchase-entries.component.html b/overlord/src/app/purchase-entries/purchase-entries.component.html
index b4cc7364..c0e7809f 100644
--- a/overlord/src/app/purchase-entries/purchase-entries.component.html
+++ b/overlord/src/app/purchase-entries/purchase-entries.component.html
@@ -26,7 +26,7 @@
     <!-- Date Column -->
     <ng-container matColumnDef="date">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
-      <mat-cell *matCellDef="let row">{{ row.date }}</mat-cell>
+      <mat-cell *matCellDef="let row">{{ row.date | date: 'dd-MMM-yyyy' }}</mat-cell>
     </ng-container>
 
     <!-- Supplier Column -->
diff --git a/overlord/src/app/purchase-entries/purchase-entries.component.ts b/overlord/src/app/purchase-entries/purchase-entries.component.ts
index d1d41ef6..6915e5f4 100644
--- a/overlord/src/app/purchase-entries/purchase-entries.component.ts
+++ b/overlord/src/app/purchase-entries/purchase-entries.component.ts
@@ -1,4 +1,4 @@
-import { CurrencyPipe, DecimalPipe, PercentPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe, DecimalPipe, PercentPipe } from '@angular/common';
 import { Component, inject, linkedSignal, computed, signal, input } from '@angular/core';
 import { form, FormField, FormRoot } from '@angular/forms/signals';
 import { MatButtonModule } from '@angular/material/button';
@@ -45,6 +45,7 @@ export interface PurchaseEntriesFormData {
     CurrencyPipe,
     SkeletonLoaderComponent,
     ErrorStateComponent,
+    DatePipe,
   ],
 })
 export class PurchaseEntriesComponent {
diff --git a/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.html b/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.html
index 18c0f982..594fee19 100644
--- a/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.html
+++ b/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.html
@@ -16,7 +16,9 @@
     <ng-container matColumnDef="vendor">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Vendor</mat-header-cell>
       <mat-cell *matCellDef="let row"
-        ><a [routerLink]="['/rate-contracts', row.id]">{{ row.vendor.name }} // {{ row.date }}</a></mat-cell
+        ><a [routerLink]="['/rate-contracts', row.id]"
+          >{{ row.vendor.name }} // {{ row.date | date: 'dd-MMM-yyyy' }}</a
+        ></mat-cell
       >
     </ng-container>
 
diff --git a/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.ts b/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.ts
index 50898283..140d3318 100644
--- a/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.ts
+++ b/overlord/src/app/rate-contract/rate-contract-list/rate-contract-list.component.ts
@@ -1,4 +1,4 @@
-import { CurrencyPipe } from '@angular/common';
+import { CurrencyPipe, DatePipe } from '@angular/common';
 import { Component, inject, computed, signal } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
@@ -26,6 +26,7 @@ import { RateContractService } from '../rate-contract.service';
     MatButtonModule,
     SkeletonLoaderComponent,
     ErrorStateComponent,
+    DatePipe,
   ],
 })
 export class RateContractListComponent {
diff --git a/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.html b/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.html
index e7ba81c4..1f937271 100644
--- a/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.html
+++ b/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.html
@@ -38,7 +38,7 @@
 
   @if (step() === 'review' && preview()) {
     <div class="flex-col">
-      <h3>Summary for {{ date() }}</h3>
+      <h3>Summary for {{ date() | date: 'dd-MMM-yyyy' }}</h3>
       <ul class="action-counts" aria-label="Planned actions">
         @for (c of actionCounts(); track c.action) {
           <li>
diff --git a/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.ts b/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.ts
index 3477ceda..293b7eb6 100644
--- a/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.ts
+++ b/overlord/src/app/recipe/recipe-import-dialog/recipe-import-dialog.component.ts
@@ -1,4 +1,4 @@
-import { DecimalPipe } from '@angular/common';
+import { DatePipe, DecimalPipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, inject, signal } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
@@ -34,6 +34,7 @@ interface ActionCount {
     MatTableModule,
     FormsModule,
     DecimalPipe,
+    DatePipe,
   ],
 })
 export class RecipeImportDialogComponent {
diff --git a/overlord/src/app/recipe/recipe-list/recipe-list.component.html b/overlord/src/app/recipe/recipe-list/recipe-list.component.html
index a0e6e19d..d1c123cc 100644
--- a/overlord/src/app/recipe/recipe-list/recipe-list.component.html
+++ b/overlord/src/app/recipe/recipe-list/recipe-list.component.html
@@ -85,7 +85,7 @@
     <!-- Date Column -->
     <ng-container matColumnDef="date">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Date</mat-header-cell>
-      <mat-cell *matCellDef="let row">{{ row.date }}</mat-cell>
+      <mat-cell *matCellDef="let row">{{ row.date | date: 'dd-MMM-yyyy' }}</mat-cell>
     </ng-container>
 
     <!-- Source Column -->
diff --git a/overlord/src/app/recipe/recipe-list/recipe-list.component.ts b/overlord/src/app/recipe/recipe-list/recipe-list.component.ts
index b5513a58..d6848295 100644
--- a/overlord/src/app/recipe/recipe-list/recipe-list.component.ts
+++ b/overlord/src/app/recipe/recipe-list/recipe-list.component.ts
@@ -1,3 +1,4 @@
+import { DatePipe } from '@angular/common';
 import { Component, inject, input, computed, effect, signal, linkedSignal } from '@angular/core';
 import { form as createForm, FormField, FormRoot } from '@angular/forms/signals';
 import { MatButtonModule } from '@angular/material/button';
@@ -44,6 +45,7 @@ export interface RecipeListFormData {
     MatButtonModule,
     SkeletonLoaderComponent,
     ErrorStateComponent,
+    DatePipe,
   ],
 })
 export class RecipeListComponent {