React Number input with support for abbreviations k, m and b

gistfile1.txt

import React from 'react';
import CurrencyInput from 'react-currency-input-field';
import { FormFieldWrapper } from '@plone/volto/components';

const CurrencyWidget = (props) => {
  const { id, value, isDisabled, onClick, onChange, maximum, minimum } = props;

  return (
    <FormFieldWrapper {...props}>
      <CurrencyInput
        id={`field-${id}`}
        name={id}
        type="number"
        disabled={isDisabled}
        defaultValue={value}
        allowDecimals={true}
        decimalsLimit={2}
        onChange={({ target }) =>
          onChange(id, target.value === '' ? undefined : target.value)
        }
        onBlur={({ target }) =>
          onBlur(id, target.value === '' ? undefined : target.value)
        }
        onClick={() => onClick()}
      />
    </FormFieldWrapper>
  );
};

export default CurrencyWidget;