Skip to content

ArtCodeStudio/MaterialTimeControl

 
 

Repository files navigation

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 Dialog Minutes

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 file for details

Acknowledgments

About

Time component for angular/Material2 (5.0.0-rc0)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • TypeScript 50.3%
  • CSS 30.4%
  • HTML 15.6%
  • JavaScript 3.7%