Numeric-formatter NPM

Set character lengths for html numeric inputs. Unlike using regex pattern with html input type text this will validate user inputs on type..

Features

Set character lengths for html numeric inputs;
Set maximum and minimum decimal points counts;
Mask numbers with thousands seperators without changing the original value;
Validations will be happening on user input;
More features to add.;

$ npm install numeric-formatter

Required : Angular two way binding for the input

####AppModule

import { NgModule } from "@angular/core";
import { FormsModule } from "@angular/forms";
import { NumericFormatterModule } from 'numeric-formatter';
 
 @NgModule({
  imports: [ FormsModule, NumericFormatterModule]
})

####HTML

<input numericformatter [(ngModel)]="value" [maxNumLength]="10" 
			[minDecimals]="3" [maxDecimals]="4" [displaySeperator]="true"/>

####Properties

Name	Type	Default	Description
maxNumLength	number	100	Fix the character length that can be type (Including decimal seperator, excluding thousand seperator)
minDecimals	number	0	Minimum decimal points for the input
maxDecimals	number	100	Maximum decimal points that can be typed
displaySeperator	boolean	false	Show thousand seperators for the input value (will not change the original value)
maxValue	number	null	Defines the maximum numeric value that can be typed
minValue	number	null	Defines the minimum numeric value that can be typed (will be default to minimum value on validation)
allowNegative	boolean	false	Negative numbers will be allowed to type