65 lines
1.5 KiB
TypeScript
65 lines
1.5 KiB
TypeScript
import React from "react";
|
|
import { IResourceComponentsProps } from "@refinedev/core";
|
|
import { Edit, useForm } from "@refinedev/antd";
|
|
import { Form, Input, DatePicker } from "antd";
|
|
import dayjs from "dayjs";
|
|
import TextArea from "antd/es/input/TextArea";
|
|
|
|
export const VendorEdit: React.FC<IResourceComponentsProps> = () => {
|
|
const { formProps, saveButtonProps } = useForm();
|
|
|
|
return (
|
|
<Edit saveButtonProps={saveButtonProps}>
|
|
<Form {...formProps} layout="vertical">
|
|
<Form.Item
|
|
label="Id"
|
|
name={["id"]}
|
|
rules={[
|
|
{
|
|
required: true,
|
|
},
|
|
]}
|
|
>
|
|
<Input readOnly disabled />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="Registered"
|
|
name={["registered"]}
|
|
rules={[
|
|
{
|
|
required: true,
|
|
},
|
|
]}
|
|
getValueProps={(value) => ({
|
|
value: value ? dayjs(value) : undefined,
|
|
})}
|
|
>
|
|
<DatePicker disabled showTime format="YYYY-MM-DD HH:mm:ss" />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="Name"
|
|
name={["name"]}
|
|
rules={[
|
|
{
|
|
required: true,
|
|
},
|
|
]}
|
|
>
|
|
<Input maxLength={64} />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="Comment"
|
|
name={["comment"]}
|
|
rules={[
|
|
{
|
|
required: false,
|
|
},
|
|
]}
|
|
>
|
|
<TextArea maxLength={1024} />
|
|
</Form.Item>
|
|
</Form>
|
|
</Edit>
|
|
);
|
|
};
|