Added a basic web UI

client/src/pages/vendors/edit.tsx

@@ -0,0 +1,66 @@
+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, queryResult } = useForm();
+
+  const vendorData = queryResult?.data?.data;
+
+  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 format="lll" />
+        </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>
+  );
+};