From b50ee721a1d17e2704f5779accb673f2840e529c Mon Sep 17 00:00:00 2001
From: Abhishek Singh <31144719+abhcs@users.noreply.github.com>
Date: Thu, 7 Dec 2023 11:12:35 -0600
Subject: [PATCH] add formatter for currency to household input

---
 src/pages/household/input/VariableEditor.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/household/input/VariableEditor.jsx b/src/pages/household/input/VariableEditor.jsx
index 099a92866..bc09a549c 100644
--- a/src/pages/household/input/VariableEditor.jsx
+++ b/src/pages/household/input/VariableEditor.jsx
@@ -1,5 +1,5 @@
 import { useSearchParams } from "react-router-dom";
-import { capitalize } from "../../../api/language";
+import { capitalize, localeCode } from "../../../api/language";
 import {
   currencyMap,
   getNewHouseholdId,
@@ -232,7 +232,11 @@ function HouseholdVariableEntityInput(props) {
           width: mobile ? 150 : 200,
         }}
         addonBefore={isCurrency ? currencyMap[variable.unit] : undefined}
-        min={isCurrency ? 0 : undefined}
+        formatter={
+          isCurrency
+            ? (value) => (+value).toLocaleString(localeCode(metadata.countryId))
+            : undefined
+        }
         precision={variable.valueType === "float" ? 2 : undefined}
         defaultValue={defaultValue}
         autoFocus={true}