From 8c9bc4d1afc13b1628b1f924c63db1ad24511743 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 8 Nov 2023 20:45:09 +1100
Subject: [PATCH] Allow decimal values in new forms (#5881)

---
 .../src/components/forms/fields/ApiFormField.tsx       | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/frontend/src/components/forms/fields/ApiFormField.tsx b/src/frontend/src/components/forms/fields/ApiFormField.tsx
index 79b71bfa42..cd764a3cf9 100644
--- a/src/frontend/src/components/forms/fields/ApiFormField.tsx
+++ b/src/frontend/src/components/forms/fields/ApiFormField.tsx
@@ -287,6 +287,16 @@ export function ApiFormField({
             id={fieldId}
             value={numericalValue}
             error={error}
+            formatter={(value) => {
+              let v: any = parseFloat(value);
+
+              if (Number.isNaN(v) || !Number.isFinite(v)) {
+                return value;
+              }
+
+              return `${1 * v.toFixed()}`;
+            }}
+            precision={definition.field_type == 'integer' ? 0 : 10}
             onChange={(value: number) => onChange(value)}
           />
         );