From 51179b3e228e812666fea5b08264dcdbd158209e Mon Sep 17 00:00:00 2001 From: HyeonJongKim Date: Fri, 21 Nov 2025 17:50:27 +0900 Subject: [PATCH] =?UTF-8?q?-=20=ED=95=84=ED=84=B0=20RangeAmount=20=20?= =?UTF-8?q?=EC=B2=9C=EC=9B=90=EB=8B=A8=EC=9C=84=20=EC=BD=A4=EB=A7=88=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/ui/filter/range-amount.tsx | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/shared/ui/filter/range-amount.tsx b/src/shared/ui/filter/range-amount.tsx index 810a4ca..01338d2 100644 --- a/src/shared/ui/filter/range-amount.tsx +++ b/src/shared/ui/filter/range-amount.tsx @@ -2,7 +2,6 @@ import { FilterRangeAmountProps } from '@/entities/common/model/types'; import { useKeyboardAware } from '@/shared/lib/hooks/use-keyboard-aware'; import { useEffect } from 'react'; import { useState } from 'react'; -import { ChangeEvent } from 'react'; import { NumericFormat } from 'react-number-format'; export const FilterRangeAmount = ({ @@ -38,7 +37,11 @@ export const FilterRangeAmount = ({ value={ minAmount } allowNegative={ false } displayType="input" - onChange={(e: ChangeEvent) => onChangeMinAmount(parseInt(e.target.value)) } + thousandSeparator={true} + onValueChange={(values) => { + const { floatValue } = values; + onChangeMinAmount(floatValue); + }} onFocus={handleInputFocus} > @@ -48,7 +51,11 @@ export const FilterRangeAmount = ({ value={ maxAmount } allowNegative={ false } displayType="input" - onChange={(e: ChangeEvent) => onChangeMaxAmount(parseInt(e.target.value)) } + thousandSeparator={true} + onValueChange={(values) => { + const { floatValue } = values; + onChangeMaxAmount(floatValue); + }} onFocus={handleInputFocus} >