Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'

Bug, feature request, or proposal:

Seems like a bug…

What is the expected behavior?

For errorStateMatcher to bind to an input.

What is the current behavior?

Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'

What are the steps to reproduce?

Using angular material beta 12 and angular 4.4.4

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

Angular 4.4.4 Material 2.0.0-beta.12

Is there anything else we should know?

Just upgraded from beta 11 to beta 12 and with it had to upgrade to angular 4.4.4 but now for some reason I get Can't bind to 'errorStateMatcher' since it isn't a known property of 'input' in the browser console upon navigating to the app.

I have both the forms module and reactive forms module in my application.

[willshowell]

mdInput -> matInput

Same goes for md-form-field

[douglasrlee]

I am still getting the same error using:

validate: ErrorStateMatcher = {
  isErrorState: (control: FormControl) => {
    return true;
  }
};

with

<md-form-field>
  <input
    mdInput
    placeholder='{{ label }}'
    [(ngModel)]='inputValue'
    [errorStateMatcher]='validate' />
  <md-error>
    {{ errorMessage }}
  </md-error>
</md-form-field>

I feel like I am missing something…