Client: Better datetime field support

This commit is contained in:
Donkie
2023-05-14 20:06:44 +02:00
parent 43919ac90e
commit caa25ccf93
10 changed files with 24 additions and 16 deletions

View File

@@ -44,7 +44,7 @@ export const FilamentEdit: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker disabled format="lll" />
<DatePicker disabled showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="Name"

View File

@@ -87,7 +87,9 @@ export const FilamentList: React.FC<IResourceComponentsProps> = () => {
<Table.Column
dataIndex={["registered"]}
title="Registered"
render={(value: any) => <DateField value={value} />}
render={(value) => (
<DateField value={value} format="YYYY-MM-DD HH:mm:ss" />
)}
/>
<Table.Column dataIndex={["comment"]} title="Comment" />
<Table.Column

View File

@@ -16,7 +16,7 @@ export const FilamentShow: React.FC<IResourceComponentsProps> = () => {
<Title level={5}>Id</Title>
<NumberField value={record?.id ?? ""} />
<Title level={5}>Registered</Title>
<DateField value={record?.registered} format="lll" />
<DateField value={record?.registered} format="YYYY-MM-DD HH:mm:ss" />
<Title level={5}>Name</Title>
<TextField value={record?.name} />
<Title level={5}>Vendor</Title>

View File

@@ -28,7 +28,7 @@ export const SpoolCreate: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker format="lll" />
<DatePicker showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="Last Used"
@@ -42,7 +42,7 @@ export const SpoolCreate: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker format="lll" />
<DatePicker showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="Filament"

View File

@@ -44,7 +44,7 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker disabled format="lll" />
<DatePicker disabled showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="First Used"
@@ -58,7 +58,7 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker format="lll" />
<DatePicker showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="Last Used"
@@ -72,7 +72,7 @@ export const SpoolEdit: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker format="lll" />
<DatePicker showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="Filament"

View File

@@ -42,12 +42,16 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
<Table.Column
dataIndex={["first_used"]}
title="First Used"
render={(value: any) => <DateField value={value} format="lll" />}
render={(value) => (
<DateField value={value} format="YYYY-MM-DD HH:mm:ss" />
)}
/>
<Table.Column
dataIndex={["last_used"]}
title="Last Used"
render={(value: any) => <DateField value={value} format="lll" />}
render={(value) => (
<DateField value={value} format="YYYY-MM-DD HH:mm:ss" />
)}
/>
<Table.Column dataIndex="location" title="Location" />
<Table.Column dataIndex="lot_nr" title="Lot Nr" />

View File

@@ -16,11 +16,11 @@ export const SpoolShow: React.FC<IResourceComponentsProps> = () => {
<Title level={5}>Id</Title>
<NumberField value={record?.id ?? ""} />
<Title level={5}>Registered</Title>
<DateField value={record?.registered} format="lll" />
<DateField value={record?.registered} format="YYYY-MM-DD HH:mm:ss" />
<Title level={5}>First Used</Title>
<DateField value={record?.first_used} format="lll" />
<DateField value={record?.first_used} format="YYYY-MM-DD HH:mm:ss" />
<Title level={5}>Last Used</Title>
<DateField value={record?.last_used} format="lll" />
<DateField value={record?.last_used} format="YYYY-MM-DD HH:mm:ss" />
<Title level={5}>Filament</Title>
{/* {filamentIsLoading ? (
<>Loading...</>

View File

@@ -34,7 +34,7 @@ export const VendorEdit: React.FC<IResourceComponentsProps> = () => {
value: value ? dayjs(value) : undefined,
})}
>
<DatePicker disabled format="lll" />
<DatePicker disabled showTime format="YYYY-MM-DD HH:mm:ss" />
</Form.Item>
<Form.Item
label="Name"

View File

@@ -22,7 +22,9 @@ export const VendorList: React.FC<IResourceComponentsProps> = () => {
<Table.Column
dataIndex={["registered"]}
title="Registered"
render={(value: any) => <DateField value={value} format="lll" />}
render={(value) => (
<DateField value={value} format="YYYY-MM-DD HH:mm:ss" />
)}
/>
<Table.Column dataIndex={["comment"]} title="Comment" />
<Table.Column

View File

@@ -16,7 +16,7 @@ export const VendorShow: React.FC<IResourceComponentsProps> = () => {
<Title level={5}>Id</Title>
<NumberField value={record?.id ?? ""} />
<Title level={5}>Registered</Title>
<DateField value={record?.registered} format="lll" />
<DateField value={record?.registered} format="YYYY-MM-DD HH:mm:ss" />
<Title level={5}>Name</Title>
<TextField value={record?.name} />
<Title level={5}>Comment</Title>