From caa25ccf93a764f6bdcc1a833098a38f152c5c0f Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Sun, 14 May 2023 20:06:44 +0200
Subject: [PATCH] Client: Better datetime field support

---
 client/src/pages/filaments/edit.tsx | 2 +-
 client/src/pages/filaments/list.tsx | 4 +++-
 client/src/pages/filaments/show.tsx | 2 +-
 client/src/pages/spools/create.tsx  | 4 ++--
 client/src/pages/spools/edit.tsx    | 6 +++---
 client/src/pages/spools/list.tsx    | 8 ++++++--
 client/src/pages/spools/show.tsx    | 6 +++---
 client/src/pages/vendors/edit.tsx   | 2 +-
 client/src/pages/vendors/list.tsx   | 4 +++-
 client/src/pages/vendors/show.tsx   | 2 +-
 10 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/client/src/pages/filaments/edit.tsx b/client/src/pages/filaments/edit.tsx
index a6e0bfe..d328457 100644
--- a/client/src/pages/filaments/edit.tsx
+++ b/client/src/pages/filaments/edit.tsx
@@ -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"
diff --git a/client/src/pages/filaments/list.tsx b/client/src/pages/filaments/list.tsx
index b12b3e4..8fc3c3d 100644
--- a/client/src/pages/filaments/list.tsx
+++ b/client/src/pages/filaments/list.tsx
@@ -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
diff --git a/client/src/pages/filaments/show.tsx b/client/src/pages/filaments/show.tsx
index e31d496..a02e884 100644
--- a/client/src/pages/filaments/show.tsx
+++ b/client/src/pages/filaments/show.tsx
@@ -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>
diff --git a/client/src/pages/spools/create.tsx b/client/src/pages/spools/create.tsx
index 7fd7e2b..5d3208b 100644
--- a/client/src/pages/spools/create.tsx
+++ b/client/src/pages/spools/create.tsx
@@ -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"
diff --git a/client/src/pages/spools/edit.tsx b/client/src/pages/spools/edit.tsx
index 4bbd2e8..3ef7abf 100644
--- a/client/src/pages/spools/edit.tsx
+++ b/client/src/pages/spools/edit.tsx
@@ -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"
diff --git a/client/src/pages/spools/list.tsx b/client/src/pages/spools/list.tsx
index 83547fc..a39e118 100644
--- a/client/src/pages/spools/list.tsx
+++ b/client/src/pages/spools/list.tsx
@@ -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" />
diff --git a/client/src/pages/spools/show.tsx b/client/src/pages/spools/show.tsx
index c6bbd63..d589982 100644
--- a/client/src/pages/spools/show.tsx
+++ b/client/src/pages/spools/show.tsx
@@ -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...</>
diff --git a/client/src/pages/vendors/edit.tsx b/client/src/pages/vendors/edit.tsx
index 3378fc8..3229e6d 100644
--- a/client/src/pages/vendors/edit.tsx
+++ b/client/src/pages/vendors/edit.tsx
@@ -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"
diff --git a/client/src/pages/vendors/list.tsx b/client/src/pages/vendors/list.tsx
index 9dfc336..e8f093d 100644
--- a/client/src/pages/vendors/list.tsx
+++ b/client/src/pages/vendors/list.tsx
@@ -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
diff --git a/client/src/pages/vendors/show.tsx b/client/src/pages/vendors/show.tsx
index 3a966d8..81943ea 100644
--- a/client/src/pages/vendors/show.tsx
+++ b/client/src/pages/vendors/show.tsx
@@ -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>