# ng2-simple-timepicker

> A fork of angular2-timepicker, updated to Angular 4

Latest version **0.1.11** (published 2017-10-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng2-simple-timepicker
pnpm add ng2-simple-timepicker
yarn add ng2-simple-timepicker
bun add ng2-simple-timepicker
```

## 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.1.11 |
| Published | 2017-10-20 |
| First published | 2017-10-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Soh Thiam Hing |
| Maintainers | daffodilistic |
| Keywords | timepicker, time picker, angular 2 time picker, angular 2 timepicker, angular2 time picker, angular2 timepicker, angular 4 time picker, angular 4 timepicker, angular4 time picker, angular4 timepicker |

## Links

- npm: https://www.npmjs.com/package/ng2-simple-timepicker
- Repository: https://github.com/daffodilistic/ng2-simple-timepicker
- Issues: https://github.com/daffodilistic/ng2-simple-timepicker/issues
- npm.io page: https://npm.io/package/ng2-simple-timepicker

## Recent versions

- 0.1.11 (latest) — 2017-10-20
- 0.1.10 — 2017-10-20
- 0.1.9 — 2017-10-20
- 0.1.8 — 2017-10-20
- 0.1.7 — 2017-10-18
- 0.1.6 — 2017-10-18
- 0.1.3 — 2017-10-18
- 0.1.1 — 2017-10-17
- 0.1.0 — 2017-10-17

## README

# **Time picker for Angular2**

Angular2 wrapper around jQuery time picker by https://github.com/jonthornton/jquery-timepicker
Forked from https://github.com/bharatraj88/angular2-timepicker

Note that this is a very quick and dirty "hack" to get it running in Angular2

**Requirements:**

1. Angular2 version 4.2.4
2. Typescript version 2.3.4
3. jQuery version 3.2.1

**Usage:**

      <input type="text" [ng2-simple-timepicker]=" disableTextInput: false, 'timeFormat': 'h:i A', showDuration: false}"/>

Add TimePickerComponent into your component directives. Time picker is applied only if your input component has class 'timepicker'.

You can use ngModel bidings and also listen to events in angular2 way. The model is updated with the value as per the format given in the options.

**Example**

         <input type="text" [ngModel]="time" (changeTime)="doSomething();"
      class="form-control" [ngClass]="custom-cls"
      [ng2-simple-timepicker]="{disableTextInput: false,'timeFormat':'HH:mm',showDuration:false}"/>

**Importing**

    import { TimePickerModule } from "ng2-simple-timepicker/timepicker";

**Options and Events:**

Usage same as mentioned in https://github.com/jonthornton/jquery-timepicker.

Changing the options handles the destroy and initialize of time picker component by itself with new options.

**Help**

Submit a issue in [github](https://github.com/daffodilistic/ng2-simple-timepicker/issues/new) with details of your problems.

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