@dreamworld/dw-input/demo/formatted-input.js

Material design styled input text-field & text-area implemented in LitElement

import { DwInput } from '../dw-input.js';
import '@material/mwc-switch';
import '@material/mwc-formfield';

class FormattedInput extends DwInput {
  formatText(value) {
    value = value.toString();
    value = value.replace(/,/g, '');
    value = value.replace(/ /g, '');
    return Number(value).toLocaleString();
  }

  parseValue(text) {
    text = text.replace(/,/g, '');
    text = text.replace(/ /g, '');
    return Number(text);
  }
}

customElements.define('formatted-input', FormattedInput);