دمو Persian Number Input

import { PersianNumberInput } from 'persian-number-input';
import { useState } from 'react';

export const MyComponent = () => {
  const [value, setValue] = useState<string | undefined>('123456.78');

  return (
    <PersianNumberInput
      initialValue="123456.78"
      separatorCount={3}
      separatorChar=","
      decimalChar="."
      locale="fa"
      maxDecimals={2}
      min={0.5}
      max={1000000.999}
      showZero={true}
      onValueChange={(val) => setValue(val)}
      className="your-input-class"
      placeholder="Enter number..."
    />
  );
};