import { DateTimePicker } from '@/Components/DateTimePicker'; import FormInput from '@/Components/FormInput'; import SelectInput from '@/Components/SelectInput'; import SidebarForm from '@/Components/SidebarForm'; import TextInput from '@/Components/TextInput'; import { t } from '@/lib/utils'; import { Exam, SidebarFormBodyProps } from '@/types'; import dayjs, { Dayjs } from 'dayjs'; import React from 'react'; interface ExamEditFormProps { exam: Exam; children: React.ReactNode; availableTypes: string[]; } type ExamFormData = { type: string; value: number; done_at: Dayjs; }; export default function ExamEditForm({ exam, children: trigger, availableTypes, }: ExamEditFormProps) { const initialData = { type: exam.type, value: exam.value, done_at: dayjs(exam.done_at), }; const availableTypesOptions = availableTypes.map((type) => ({ value: type, label: t(type), })); const Body = (bodyProps: Partial>) => { const { data, setData, errors } = bodyProps as SidebarFormBodyProps; return ( <> setData('type', value)} /> setData('done_at', dayjs(date))} /> setData('value', parseInt(e.target.value)) } /> ); }; return ( ); }