From 462b75b29d05aa84ddaa4834ba3f756268f0cd55 Mon Sep 17 00:00:00 2001
From: Shayne Thiessen <shayne@shaynethiessen.com>
Date: Tue, 2 Apr 2024 09:21:46 -0500
Subject: [PATCH] fix: entering decimals

---
 .../controls/src/inputs/TableInput/NumberEditCell.tsx    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/controls/src/inputs/TableInput/NumberEditCell.tsx b/packages/controls/src/inputs/TableInput/NumberEditCell.tsx
index 1c10b87a..bb8af4cd 100644
--- a/packages/controls/src/inputs/TableInput/NumberEditCell.tsx
+++ b/packages/controls/src/inputs/TableInput/NumberEditCell.tsx
@@ -25,21 +25,22 @@ export function NumberEditCell<D extends Record<number, unknown>>(options?: Numb
 			updateData,
 		} = props;
 
-		const [value, setValue] = useState(initialValue);
+		const [value, setValue] = useState(initialValue?.toString());
 
 		return (
 			<Input
+				type="number"
 				fluid
 				transparent
 				{...inputProps}
 				value={value}
 				onChange={(ev, v) => {
-					setValue(v.value ? parseFloat(v.value) : 0);
+					setValue(v.value);
 				}}
 				onBlur={() => {
-					updateData(index, id, value);
+					updateData(index, id, parseFloat(value || '0'));
 				}}
-				onKeyDown={(event: KeyboardEvent) => addRowOnTab(event, value, props, addRowOnTabIf)}
+				onKeyDown={(event: KeyboardEvent) => addRowOnTab(event, parseFloat(value), props, addRowOnTabIf)}
 			/>
 		);
 	};