There seem to be an issue with the md-time-picker being wrapped in a md-input-container element in that the input text is made invisible because of some angular material css rules.
You can also replicate this problem on the demo codepen: https://codepen.io/mattbajorek/pen/OpGVyv by wrapping the element in a md-input-container element.
I would expect the styles of the md-input-picker to play nicely with the out-of-the-box Material Design CSS...?
Untouched time picker looks OK:
A time has been picked, now all inputs seemingly have no text
One of the inputs focused, revealing parts of the picked time
The Material Design CSS rule that renders the input text invisible
Simple sample markup to illustrate how to replicate the problem
There seem to be an issue with the
md-time-pickerbeing wrapped in amd-input-containerelement in that the input text is made invisible because of some angular material css rules.You can also replicate this problem on the demo codepen: https://codepen.io/mattbajorek/pen/OpGVyv by wrapping the element in a
md-input-containerelement.I would expect the styles of the
md-input-pickerto play nicely with the out-of-the-box Material Design CSS...?Untouched time picker looks OK:
A time has been picked, now all inputs seemingly have no text
One of the inputs focused, revealing parts of the picked time
The Material Design CSS rule that renders the input text invisible
Simple sample markup to illustrate how to replicate the problem
