# ngx-mat-time-input

> Basic timestamp input that uses material design

Latest version **1.0.6** (published 2019-08-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-mat-time-input
pnpm add ngx-mat-time-input
yarn add ngx-mat-time-input
bun add ngx-mat-time-input
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.6 |
| Published | 2019-08-07 |
| First published | 2019-05-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 284 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | bleachr-ryan |

## Links

- npm: https://www.npmjs.com/package/ngx-mat-time-input
- npm.io page: https://npm.io/package/ngx-mat-time-input

## Dependencies (1)

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

## Recent versions

- 1.0.6 (latest) — 2019-08-07
- 1.0.5 — 2019-05-07
- 1.0.4 — 2019-05-07
- 1.0.3 — 2019-05-07
- 1.0.2 — 2019-05-07
- 1.0.1 — 2019-05-06

## README

# Material Time Control

NOTE: this is a fork => https://github.com/SteveDunlap13/MaterialTimeControl

A basic timestamp input that uses material design

## Install

```
npm install
```

## Getting Started

Add to import:
```
import { MaterialTimeControlModule } from 'material-time-control.module';
```

Basic component setup:

You can set a default by setting hours and minutes properties programmatically
```
public exportTime = { hour: 7, minute: 15, meriden: 'PM', format: 12 };
```

Added to template

```
<ngx-ngx-mat-time-input color="primary" [(userTime)]="exportTime"></ngx-ngx-mat-time-input>
```


## Dev Getting Started

To run this demo, run

```
npm i
npm start
```

and open http://localhost:4200/ in your browser.

## Build

To build the module run

ng build

### Prerequisites

Required:  
- Angular packages: 7+
- @angular/material: 7+  
- @angular/flex-layout: 7+

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

## Acknowledgments

* Fork from =>  https://github.com/SteveDunlap13/MaterialTimeControl
* Hat tip to <a href="https://github.com/classlinkinc/angular-material-time-picker">classlinkinc/angular-material-time-picker</a>
for the awesome CSS to display the clock component

## Todos
- Complete refactor moving functions into services
- Add support for display other location time VS local time
- Update prefix and clean up naming
- Update build workflow

## Updates

May 6, 2019 (1.0.5)
- small refactor to component depth

May 6, 2019 (1.0.4)
- cleaned up peerDependencies
- cleaned up imports

May 5th, 2019 (1.0.3)
- dep changes

May 5th, 2019 (1.0.2)
- readme cleanup

May 5, 2019 (1.0.1)
- ported to angular library
- updated all packaged and refactored some dev dep
- added open date picker if input in focused
- cleaned up build errors

Dec 30, 2017 (0.0.1)
- merged a bunch of improvements from JumpLink (thank you)
- fixed the top of the hour bug noted by JaxonWright
- added 24 hour functionality as requested by Francis-Ide
- updated packages (expect typescript)

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