Text invisible when wrapped in md-input-container

[evovilol]

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