<commit_before># Angular Material Time Picker (md-time-picker)

Angular Material has a date picker, but no time picker.  This module is an effort to implement a time picker in [Angular Material](https://material.angularjs.org/latest/).  

The modal popup is based off [mdPickers](https://github.com/alenaksu/mdPickers), but with modifications for 24 hour time, removal of dependency on momentjs, and improvements in usability.

The "time input field" is made up of three individual text inputs for hour, minute, and meridiem.  This allows better cross browser support, especially for older browsers that do not support time input.

* [Screenshots](#screenshots)
* [Demo](#demo)
* [Requirements](#requirements)
* [Installation](#installation)
* [Usage](#usage)
* [License](#license)

## Screenshots

#### On page

12 hour | 24 hour
--------|--------
![12 Hour](/img/time-picker-12.png?raw=true "time-picker-12.png") | ![24 hour](/img/time-picker-24.png?raw=true "time-picker-24.png")

#### Modal

12 Hour | 24 Hour | Minute
--------|---------|--------
![12Hour](/img/modal-hour-12.png?raw=true "modal-hour-12.png") | ![24 hour](/img/modal-hour-24.png?raw=true "modal-hour-24.png") | ![Minute](/img/modal-minute.png?raw=true "modal-minute.png")<commit_msg>Needed to change png to PNG<commit_after># Angular Material Time Picker (md-time-picker)

Angular Material has a date picker, but no time picker.  This module is an effort to implement a time picker in [Angular Material](https://material.angularjs.org/latest/).  

The modal popup is based off [mdPickers](https://github.com/alenaksu/mdPickers), but with modifications for 24 hour time, removal of dependency on momentjs, and improvements in usability.

The "time input field" is made up of three individual text inputs for hour, minute, and meridiem.  This allows better cross browser support, especially for older browsers that do not support time input.

* [Screenshots](#screenshots)
* [Demo](#demo)
* [Requirements](#requirements)
* [Installation](#installation)
* [Usage](#usage)
* [License](#license)

## Screenshots

#### On page

12 hour | 24 hour
--------|--------
![12 Hour](/img/time-picker-12.png?raw=true "time-picker-12.PNG") | ![24 hour](/img/time-picker-24.png?raw=true "time-picker-24.PNG")

#### Modal

12 Hour | 24 Hour | Minute
--------|---------|--------
![12Hour](/img/modal-hour-12.png?raw=true "modal-hour-12.PNG") | ![24 hour](/img/modal-hour-24.png?raw=true "modal-hour-24.PNG") | ![Minute](/img/modal-minute.png?raw=true "modal-minute.PNG")
{'fraction_non_alphanumeric': 0.176050753370341, 'fraction_numerical': 0.02696272799365583, 'mean_word_length': 4.128048780487805, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4833929', 'n_tokens_mistral': 884, 'n_tokens_neox': 795, 'n_words': 238}