Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-29 15:18:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor MySeaRecordsPage to use AmharicDatePicker and update styles for better UX

Browse Source
This commit is contained in:
Estifo77
2026-08-10 14:18:09 +03:00
parent 1997434028
commit 1a0da134a5
3 changed files with 59 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/portal/src/app/features/seafarer/pages/MySeaRecordsPage.tsx
View File

@@ -31,7 +31,7 @@ import {
IconTrash,
} from '@tabler/icons-react';
import { useState } from 'react';
import { AdvancedTable, notify, useServerTable, type AdvancedColumn } from '@ema-platform/ui';
import { AdvancedTable, AmharicDatePicker, notify, useServerTable, type AdvancedColumn } from '@ema-platform/ui';
import {
extractErrorMessage,
uploadDocument,
@@ -400,23 +400,23 @@ function SeaServiceTab() {
onChange={(e) => setForm({ ...form, rank: e.target.value })}
/>
<Group grow>
<TextInput
type="date"
<AmharicDatePicker
label="Engagement date"
required
value={form.engagementDate}
onChange={(e) =>
setForm({ ...form, engagementDate: e.target.value })
onChange={(val) =>
setForm({ ...form, engagementDate: val })
}
dateFormat="date"
/>
<TextInput
type="date"
<AmharicDatePicker
label="Discharge date"
required
value={form.dischargeDate}
onChange={(e) =>
setForm({ ...form, dischargeDate: e.target.value })
onChange={(val) =>
setForm({ ...form, dischargeDate: val })
}
dateFormat="date"
/>
</Group>
<Textarea
@@ -684,19 +684,19 @@ function MedicalTab() {
/>
</Group>
<Group grow>
<TextInput
type="date"
<AmharicDatePicker
label="Issue date"
required
value={form.issueDate}
onChange={(e) => setForm({ ...form, issueDate: e.target.value })}
onChange={(val) => setForm({ ...form, issueDate: val })}
dateFormat="date"
/>
<TextInput
type="date"
<AmharicDatePicker
label="Expiry date"
required
value={form.expiryDate}
onChange={(e) => setForm({ ...form, expiryDate: e.target.value })}
onChange={(val) => setForm({ ...form, expiryDate: val })}
dateFormat="date"
/>
</Group>
<Select