| | |
| | | }, [defaultValue, max, min, onChange, value]) |
| | | |
| | | const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => { |
| | | onChange(Number.parseFloat(e.target.value)) |
| | | onChange(parseFloat(e.target.value)) |
| | | }, [onChange]) |
| | | |
| | | return ( |
| | | <div className='flex h-8 items-center justify-between space-x-2'> |
| | | <div className='flex justify-between items-center h-8 space-x-2'> |
| | | <input |
| | | value={value} |
| | | className='block h-8 w-12 shrink-0 appearance-none rounded-lg bg-components-input-bg-normal pl-3 text-[13px] text-components-input-text-filled outline-none' |
| | | className='shrink-0 block pl-3 w-12 h-8 appearance-none outline-none rounded-lg bg-components-input-bg-normal text-[13px] text-components-input-text-filled' |
| | | type='number' |
| | | min={min} |
| | | max={max} |