Hi, same question as above. When my InputNumber is undefined and there is only placeholder message, i would like to increase value from undefined to 1. Is it Possible? This is my code below
const handlersRef = useRef<NumberInputHandlers>(null)
return (
<Controller
name={name}
control={control}
render={({ field: { ref, value, ...field }, fieldState }) => {
const { error } = fieldState
return (
<div className={'flex items-center'}>
<button
type={'button'}
className={
'h-fit rounded-md bg-textLightGray px-2 py-2 text-sm leading-none text-text1'
}
onClick={() => {
handlersRef.current?.decrement()
}}
>
<BiMinus />
</button>
<NumberInput
{...field}
{...props}
handlersRef={handlersRef}
styles={{
input: { backgroundColor: 'transparent' },
}}
ref={ref}
step={1}
min={0}
allowDecimal={false}
hideControls
error={error?.message === '' ? true : error?.message}
value={value ?? ''}
classNames={classes}
/>
<button
type={'button'}
className={
'h-fit rounded-md bg-textLightGray px-2 py-2 text-sm leading-none text-text1'
}
onClick={() => {
if (value === undefined) {
handlersRef.current?.increment()
handlersRef.current?.increment()
} else {
handlersRef.current?.increment()
}
}}
>
<BiPlus />
</button>
</div>
)
}}
/>
)
}```