diff --git a/apps/portal/src/app/features/seafarer/pages/MySeaRecordsPage.tsx b/apps/portal/src/app/features/seafarer/pages/MySeaRecordsPage.tsx
index 8b892d1dd..f3fd064ca 100644
--- a/apps/portal/src/app/features/seafarer/pages/MySeaRecordsPage.tsx
+++ b/apps/portal/src/app/features/seafarer/pages/MySeaRecordsPage.tsx
@@ -31,7 +31,7 @@ import {
   IconTrash,
 } from '@tabler/icons-react';
 import { useState } from 'react';
-import { AdvancedTable, AmharicDatePicker, notify, useServerTable, type AdvancedColumn } from '@ema-platform/ui';
+import { AdvancedTable, notify, useServerTable, type AdvancedColumn } from '@ema-platform/ui';
 import {
   extractErrorMessage,
   uploadDocument,
@@ -399,19 +399,23 @@ function SeaServiceTab() {
             onChange={(e) => setForm({ ...form, rank: e.target.value })}
           />
           <Group grow>
-            <AmharicDatePicker
+            <TextInput
+              type="date"
               label="Engagement date"
               required
-              dateFormat="date"
               value={form.engagementDate}
-              onChange={(val) => setForm({ ...form, engagementDate: val })}
+              onChange={(e) =>
+                setForm({ ...form, engagementDate: e.target.value })
+              }
             />
-            <AmharicDatePicker
+            <TextInput
+              type="date"
               label="Discharge date"
               required
-              dateFormat="date"
               value={form.dischargeDate}
-              onChange={(val) => setForm({ ...form, dischargeDate: val })}
+              onChange={(e) =>
+                setForm({ ...form, dischargeDate: e.target.value })
+              }
             />
           </Group>
           <Textarea
@@ -678,19 +682,19 @@ function MedicalTab() {
             />
           </Group>
           <Group grow>
-            <AmharicDatePicker
+            <TextInput
+              type="date"
               label="Issue date"
               required
-              dateFormat="date"
               value={form.issueDate}
-              onChange={(val) => setForm({ ...form, issueDate: val })}
+              onChange={(e) => setForm({ ...form, issueDate: e.target.value })}
             />
-            <AmharicDatePicker
+            <TextInput
+              type="date"
               label="Expiry date"
               required
-              dateFormat="date"
               value={form.expiryDate}
-              onChange={(val) => setForm({ ...form, expiryDate: val })}
+              onChange={(e) => setForm({ ...form, expiryDate: e.target.value })}
             />
           </Group>
           <Select