Hysen Labsangular-material-time-picker
Material design time picker for 12 and 24 hour time.
A time picker for Angular Material
Angular Material ships a date picker but no time picker, so this module fills the gap, building on mdPickers and looking for new maintainers.
The gap it fills
Angular Material has a date picker, but nothing for time. This module is an attempt to close that hole by implementing a time picker in Angular Material. The pitch is simple: if you are already using the Material components and you need a time field, this is meant to slot in without pulling in a separate design system.
Where the maintainers stand
The README starts with a request. People are still using the picker in their projects, a few issues are open, and there are pull requests waiting. The project is open to new lead maintainers, and the instruction is to contact the current maintainer. It is the kind of notice that tells you the code works well enough to keep being adopted, but the upkeep has thinned out.
What changed under the hood
The modal popup is based on mdPickers, but modified in three ways: 24 hour time support, removal of the momentjs dependency, and usability improvements. The time field itself is three separate text inputs for hour, minute, and meridiem, which gives better cross browser support, especially on older browsers without a native time input. Optional attributes cover the edge cases, including a message object with hour, minute, and meridiem keys, a no-meridiem switch that forces 24 hour time, an option to stop the modal auto switching to minutes, and read-only and mandatory flags.
Editorial conclusion
The module brings a time picker to Angular Material by adapting mdPickers, dropping the momentjs dependency, and splitting the field into three inputs. The project is now open to new lead maintainers.
Community notes