Support hint text with select

[jt-helsinki]

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

<md-select ... >
 <md-option ... ></md-option>
 ...
 ...
 <md-hint>some hint text</md-hint>
</md-select>

What is the current behavior?

not supported

What is the use-case or motivation for changing an existing behavior?

A hint below the select box. This could be used (For example) as a validation message when the select is not selected. Behaviour similar to the component.

Which versions of Angular, Material, OS, browsers are affected?

Material2 v2.0.0-beta.1
Angular 2.4.1

[SherwinJames]

Is there a recommended alternate way to handle error hints for md-select (e.g. required)?

[leonardovff]

@SherwinJames look the soluction of codef0rmer in this issue #2624

[dhineshwiz]

Can we have something like this
<div class="hint"> This is used as primary message</div>
Supported in Md-Select

[sdargaud]

Please don't forget md-error.

[makdeniss]

For md-error for md-select I've done something like this:

<md-error *ngIf="type.touched && type.invalid">
 <span class="error-small-text" *ngIf="type.errors.required">
 Company Type is <strong>required</strong>
 </span>
</md-error>

.error-small-text {
 position: relative;
 top: -18px;
 font-size: 0.8em;
}

[finalxcode]

+1 @makdeniss cool

[jelbourn]

This is done now that select goes in mat-form-field