MaterialTimeControl

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

MaterialTimeControl

(★ 71)

Time component for angular/Material2 (5.0.0-rc0)

MaterialTimeControl Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Material Time Control

A simple time picker component using angular/material2 (5.0.0-rc0).  
While this component only shows a 12 hour clock it can easily be extended to show 12/24 mode.  
The main focus here a button beside a normal textbox that opens a dialog to select your hour, minute and meridan.  
  
See a demo with this stackblitz -> https://stackblitz.com/edit/material-time-control  
  
Enjoy!

![Dialog Hours](https://raw.githubusercontent.com/SteveDunlap13/MaterialTimeControl/master/demo/assets/OpenDialog_Hours.png)
![Dialog Minutes](https://raw.githubusercontent.com/SteveDunlap13/MaterialTimeControl/master/demo/assets/OpenDialog_Minutes.png)

## Install

```
yarn add SteveDunlap13/MaterialTimeControl
```
or
```
npm install SteveDunlap13/MaterialTimeControl
```

## Getting Started

To run this demo, run

```
npm install
npm start
```
or
```
yarn install
yarn start
```

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

## Build

To build the module run

```
tsc
```

### Prerequisites

Required:  
normal angular packages 5.0.1  
"@angular/material": "^5.0.0"  
"@angular/flex-layout": "^2.0.0-beta.10-4905443"

## License

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

## Acknowledgments

* 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

## Updates

Dec 30, 2017
- 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)

MaterialTimeControl

MaterialTimeControl Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

MaterialTimeControl

MaterialTimeControl Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README