# ionic-numberpicker

> A number picker for IONIC framework

Latest version **1.1.4** (published 2016-05-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install ionic-numberpicker
pnpm add ionic-numberpicker
yarn add ionic-numberpicker
bun add ionic-numberpicker
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.4 |
| Published | 2016-05-22 |
| First published | 2016-02-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | https://github.com/milkcan, matt@milkcan.io |
| Maintainers | riddler-dev |

## Links

- npm: https://www.npmjs.com/package/ionic-numberpicker
- npm.io page: https://npm.io/package/ionic-numberpicker

## Recent versions

- 1.1.4 (latest) — 2016-05-22
- 1.1.3 — 2016-05-19
- 1.1.2 — 2016-05-18
- 1.1.1 — 2016-05-16
- 1.1.0 — 2016-05-16
- 1.0.1 — 2016-02-29
- 1.0.0 — 2016-02-29

## README

##Introduction:

This is a `ionic-numberpicker` bower component which can be used with any Ionic framework's application.

It is based on the 'ionic-timepicker' and 'ionic-datepicker' by https://github.com/rajeshwarpatlolla 


##Prerequisites.

1) node.js, npm, ionic, bower and gulp.

##How to use:

1) In your project repository install the ionic time picker using bower

`bower install ionic-numberpicker --save`

2) Give the path of  `ionic-numberpicker.bundle.min.js` in your `index.html` file.

````html
<!-- path to ionic/angularjs js -->
<script src="lib/ionic-numberpicker/dist/ionic-numberpicker.bundle.min.js"></script>
````    

3) In your application module inject the dependency `ionic-numberpicker`, in order to work with the `ionic-numberpicker` component

````javascript
angular.module('modulename', ['ionic', 'ionic-numberpicker']){

}
````

4) Use the below format in your template's corresponding controller

````javascript
$scope.numberPickerObject = {
    inputValue: 0, //Optional
    minValue: -9007199254740991,
    maxValue: 9007199254740991,
    precision: 3,  //Optional
    decimalStep: 0.25,  //Optional
    format: "DECIMAL",  //Optional - "WHOLE" or "DECIMAL"
    unit: "",  //Optional - "m", "kg", "℃" or whatever you want
    titleLabel: 'Number Picker',  //Optional
    setLabel: 'Set',  //Optional
    closeLabel: 'Close',  //Optional
    setButtonType: 'button-positive',  //Optional
    closeButtonType: 'button-stable',  //Optional
    callback: function (val) {    //Mandatory
    timePickerCallback(val);
  }
};
````

##Versions:

### 2) v1.1
- Fixed issue with floating point math
- Added support for negative numbers

### 1) v1.0
- Number picker functionality has been implemented

##License:
[MIT](https://github.com/milkcan/ionic-numberpicker/blob/master/LICENSE.MD "MIT")

##Contact:
email : matt@milkcan.io

##Other Links:
- [GitHub](https://github.com/milkcan/ionic-numberpicker)
- Rate it or Comment : [Ionic Marketplace](http://market.ionic.io/plugins/numberpicker)

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