feat(component): Correctly convert ISO8601 with TZ to display in brow…

…ser local TZ ref: #26 #27 nofusscomputing/centurion_erp#248 nofusscomputing/centurion_erp#388 closes #4
nofusscomputing · Nov 13, 2024 · 966645b · 966645b
1 parent d106e79
commit 966645b
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/layout/ModelForm.jsx b/src/layout/ModelForm.jsx
@@ -123,6 +123,14 @@ const ModelForm = ({
 
             field_value = e.target.checked
 
+        } else if( e.target.type === 'datetime-local' ) {
+
+            if( e.target.value != '' ) {    // Convert to UTC
+
+                field_value = new Date(e.target.value).toISOString()
+
+            }
+
         }
 
         setFormData((prevState) => ({ ...prevState, [e.target.id]: field_value }))
@@ -223,6 +231,15 @@ const ModelForm = ({
 
                                 case 'DateTime':
 
+                                    if( value ) {    // Convert DateTime (UTC) to local Time
+
+                                        let datetime = new Date(value)
+                                        let local_datetime = new Date(datetime - datetime.getTimezoneOffset()*60*1000).toISOString();
+
+                                        value = String(local_datetime).split('.')[0]
+
+                                    }
+
                                     return (<TextField
                                         id = {field_key}
                                         label = {metadata.fields[field_key].label}