# ngx-mat-number-picker

> A simple number input with display in words in tooltip with calculator facility

Latest version **0.0.35** (published 2023-04-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-mat-number-picker
pnpm add ngx-mat-number-picker
yarn add ngx-mat-number-picker
bun add ngx-mat-number-picker
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.35 |
| Published | 2023-04-05 |
| First published | 2020-10-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 560.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Saujanya Dhungel |
| Maintainers | saujanya |
| Keywords | angular, number-input, calculator, angular-material, number-in-words |

## Links

- npm: https://www.npmjs.com/package/ngx-mat-number-picker
- npm.io page: https://npm.io/package/ngx-mat-number-picker

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.0.0

## Alternatives

- [random-seedable](https://npm.io/package/random-seedable.md) — 27.9K weekly downloads
- [n2words](https://npm.io/package/n2words.md) — 22.2K weekly downloads
- [@stdlib/math-base-special-factorialln](https://npm.io/package/@stdlib/math-base-special-factorialln.md) — 5.7K weekly downloads
- [@stdlib/math-base-special-abs2](https://npm.io/package/@stdlib/math-base-special-abs2.md) — 1.7K weekly downloads
- [commons-math-interpolation](https://npm.io/package/commons-math-interpolation.md) — 1.4K weekly downloads

## Recent versions

- 0.0.35 (latest) — 2023-04-05
- 0.0.34 — 2023-03-17
- 0.0.33 — 2023-03-17
- 0.0.32 — 2023-03-15
- 0.0.31 — 2023-03-15
- 0.0.30 — 2023-03-13
- 0.0.29 — 2023-03-13
- 0.0.28 — 2022-11-09
- 0.0.27 — 2022-11-09
- 0.0.26 — 2022-11-09
- 0.0.25 — 2022-06-08
- 0.0.24 — 2022-06-08
- 0.0.23 — 2022-06-08
- 0.0.22 — 2021-12-21
- 0.0.21 — 2021-12-16
- … 20 more at https://npm.io/package/ngx-mat-number-picker/versions

## README

# ngx-mat-number-picker

This library was generated with [Angular CLI](https://github.com/angular/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

```javascript
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:

```html
<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

---
_Source: https://npm.io/package/ngx-mat-number-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._