How to show amount with currency in input number

Hi

i have input number for amount, i want it show like $1,500.00 when user enter 1500. i tried converter like below but its not working or i dont put it right.

<oj-input-number
label-hint="Amount"
value="{{ $variables.amount }}"
converter='{"style":"currency","currency":"USD","currencyDisplay":"symbol","minimumFractionDigits":2,"maximumFractionDigits":2}'>
</oj-input-number>

please help