MoneyInput

Свойства

• value (number):
  Текущее значение поля ввода. Может быть числом с плавающей запятой, если указана точность в десятичных знаках.
• onInput (function(value: number, event?: InputEvent)):
  Обработчик изменения значения. Вызывается каждый раз, когда изменяется значение ввода. Возвращает новое числовое значение и событие.
• leftIcon (IconProps['name'] | Node | jsx.JSX.ArrayElement):
  Иконка, которая будет отображаться слева от поля ввода. Может быть строкой (имя иконки), React-элементом или массивом элементов.
• waiting (boolean):
  Если true, отображает индикатор загрузки справа от поля ввода.
• formId (string):
  Идентификатор формы, связанный с полем ввода.
• store ([get: any, set: (field: string, value: number) => void]):
  Опциональное хранилище для управления состоянием компонента. Позволяет контролировать значение через хранилище данных.
• currency (string):
  Код валюты, которая будет отображена рядом с полем ввода. Например, RUB, USD, EUR.
• decimals (number):
  Количество десятичных знаков, до которых нужно округлять значение. Например, если decimals равен 2, то ввод будет округляться до сотых долей.

Важные моменты

• symbol (createMemo):
  Вычисляет символ валюты на основе переданного кода валюты currency. Использует Intl.NumberFormat для форматирования и извлечения символа валюты. Символ отображается справа от поля ввода.
• onInputHandler:
  Функция-обработчик, которая обрабатывает событие изменения значения в поле. Значение округляется до заданного количества десятичных знаков и обновляется через хранилище (если оно передано) или вызывает onInput.