ngx-mat-time-input v1.0.6

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

Acknowledgments

• Fork from => https://github.com/SteveDunlap13/MaterialTimeControl
• Hat tip to classlinkinc/angular-material-time-picker 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)