ngx-mat-number-picker

This library was generated with Angular CLI version 10.1.5.

Angular numberpicker component based on Angular Material with min-max validation, calculator support and number in words in million and lakh format.

Installation

To install this library (component), run:

Using npm:

$ npm install ngx-mat-number-picker

Consuming this library (Component)

You can import this library (component) in any Angular application by running:

$ npm install ngx-mat-number-picker

and then from your Angular AppModule

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
import { AppComponent } from './app.component';
 
// Import this library
import { NgxMatNumberPickerModule } from 'ngx-mat-number-picker';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    
    // Specify this library as an import
    NgxMatNumberPickerModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once this library is imported, you can use its components, directives and pipes in your Angular application:

<ngx-calculator 
    [formControl]="control" 
    placeholder="Salary" 
    hint="Please enter your salary" 
    [showInWords]="true" 
    [language]="1" 
    [disabled]="false" >
</ngx-calculator>

##Component Inputs and Outputs

Attribute	Type	Required	Description	Default
readonly	boolean	no	make coomponent readonly if value = true else not	false
language	number {0 or 1}	no	Formating of the number 0 is in million format and 1 in lakh format	0
afterDecimal	number	no	digits after decimal	2
showInWords	boolean	no	show number in words in tooltip	true
openCalculatorOnFocus	boolean	no	open calculator on focus of this control if true	false
placeholder	string	no	placeholder of control	""
hint	string	no	hint of the input	""
disabled	boolean	no	enable or disable the control	false
formControl	FormControl	yes	formControlName for reactive form and formControl object for template driven	null