title: Can't bind to 'mdDatepicker' since it isn't a known property of 'input'
body: <p>I'm trying to make use of Angular Material design, but I keep running into this error</p>
  
  <p><code>Can't bind to 'mdDatepicker' since it isn't a known property of 'input'.</code></p>
  
  <p>I'm following <a href="https://material.angular.io/guide/getting-started" rel="nofollow noreferrer">this documentation</a> to install MD.</p>
  
  <p>I have imported the following into my app.module.ts</p>
  
  <pre class="lang-ts prettyprint-override"><code>/* Material Design */
  import { MdDatepickerModule, MdNativeDateModule } from "@angular/material";
  </code></pre>
  
  <p>and added it to <code>@NgModule</code></p>
  
  <pre class="lang-ts prettyprint-override"><code>@NgModule({
      imports:
      [
          ...
          BrowserModule,
          BrowserAnimationsModule,
          HttpModule,
          /* Material Design */
          MdDatepickerModule,
          MdNativeDateModule,
      ],
  </code></pre>
  
  <p>In my component template I just copy pasted the example's code</p>
  
  <pre class="lang-ts prettyprint-override"><code>&lt;md-form-field&gt;
      &lt;input mdInput [mdDatepicker]="picker" placeholder="Choose a date"&gt;
      &lt;md-datepicker-toggle mdSuffix [for]="picker"&gt;&lt;/md-datepicker-toggle&gt;
      &lt;md-datepicker #picker&gt;&lt;/md-datepicker&gt;
  &lt;/md-form-field&gt;
  </code></pre>
  
  <p>I don't do anything special in my component.ts file</p>
  
  <pre class="lang-ts prettyprint-override"><code>import { Component, Input, Output, EventEmitter } from "@angular/core";
  import { TranslationPipe } from "../../../pipes";
  
  @Component({
      selector: "date-picker",
      templateUrl: "./date-picker.component.html",
      styleUrls: ["./date-picker.component.scss"],
  })
  export class DatePickerComponent {
  
      @Input()
      date;
  
      constructor(
          private translationPipe: TranslationPipe,
      ) {
  
      }
  }
  </code></pre>
  
  <p>I'm stuck here and I can't find any solutions to this. The only solution I found was <a href="https://stackoverflow.com/questions/44584323/cant-bind-to-mddatepicker-since-it-isnt-a-known-property-of-input-angula">Can&#39;t bind to &#39;mdDatepicker&#39; since it isn&#39;t a known property of &#39;input&#39; - Angular</a> but as you can see I implemented it and it didn't help me. </p>
  
  <p>I guessing I'm looking over something, or did I miss a step?</p>
  
  <p>Thanks in advance</p>