Material Time Picker

GitHub icon

ngx-material-timepicker

Handy material design timepicker for Angular 6.0+

Examples

Simple examples

Simple timepicker settings

Min and Max value

Set up min or max value (or both) for the timepicker.

Timepicker toggle button

Provide you to open the timepicker by button.

Provide an custom icon to the toggle button.

Editable dial

You can change time right through the timepicker dial (with a keyboard) without interaction with a clock face.

Minutes Gap

You can set up a gap for minutes. It is '1' by default.

Custom settings examples

You can change time picker view with your own settings.

Custom hint

Append to input

Timepicker appends to input.

ngx-timepicker-field

Examples

Simple examples

Simple settings

Min and Max value

Set up min or max value (or both) for the timepicker.

Examples with toggle

Manipulations with toggle button