title: Angular Material: Input with hint text and error text at the same time
body: <p>I copied the Angular Material <a href="https://material.angular.io/components/input/overview#changing-when-error-messages-are-shown" rel="noreferrer">email example</a> exactly. It has hint text and error text. My issue is that the error text overrides the hint text. How do I keep the hint text there?</p>
  
  <p>If I try and change it to a simple span tag it messes up the control.</p>