Replace TextInput with AmharicDatePicker for date fields in SeaServiceTab and MedicalTab

This commit is contained in:
estifanos
2026-08-10 08:25:37 +00:00
parent fc28ef9960
commit 34ae207834

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,
@@ -399,23 +399,19 @@ function SeaServiceTab() {
onChange={(e) => setForm({ ...form, rank: e.target.value })}
/>
<Group grow>
<TextInput
type="date"
<AmharicDatePicker
label="Engagement date"
required
dateFormat="date"
value={form.engagementDate}
onChange={(e) =>
setForm({ ...form, engagementDate: e.target.value })
}
onChange={(val) => setForm({ ...form, engagementDate: val })}
/>
<TextInput
type="date"
<AmharicDatePicker
label="Discharge date"
required
dateFormat="date"
value={form.dischargeDate}
onChange={(e) =>
setForm({ ...form, dischargeDate: e.target.value })
}
onChange={(val) => setForm({ ...form, dischargeDate: val })}
/>
</Group>
<Textarea
@@ -682,19 +678,19 @@ function MedicalTab() {
/>
</Group>
<Group grow>
<TextInput
type="date"
<AmharicDatePicker
label="Issue date"
required
dateFormat="date"
value={form.issueDate}
onChange={(e) => setForm({ ...form, issueDate: e.target.value })}
onChange={(val) => setForm({ ...form, issueDate: val })}
/>
<TextInput
type="date"
<AmharicDatePicker
label="Expiry date"
required
dateFormat="date"
value={form.expiryDate}
onChange={(e) => setForm({ ...form, expiryDate: e.target.value })}
onChange={(val) => setForm({ ...form, expiryDate: val })}
/>
</Group>
<Select