can i use two MdDatepicker in one component?

This is my code :

<md-input-container class="example-full-width">
      <input class="full-width" mdInput formControlName="JoinDateUtc" [mdDatepicker]="picker" placeholder="Join Date">
      <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle>
      <md-datepicker #picker></md-datepicker>
</md-input-container>

<md-input-container class="example-full-width">
      <input class="full-width" mdInput formControlName="LeftDateUtc" [mdDatepicker]="picker" placeholder="Left Date">
      <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle>
      <md-datepicker #picker></md-datepicker>
</md-input-container>

and i get an error : Error: An MdDatepicker can only be associated with a single input.

[ziaongit]

@willshowell just use different ID for each Example:

<md-input-container class="example-full-width">
      <input class="full-width" mdInput formControlName="JoinDateUtc" [mdDatepicker]="picker" placeholder="Join Date">
      <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle>
      <md-datepicker #picker></md-datepicker>
</md-input-container>

<md-input-container class="example-full-width">
      <input class="full-width" mdInput formControlName="LeftDateUtc" [mdDatepicker]="pickerTo" placeholder="Left Date">
      <md-datepicker-toggle mdSuffix [for]="pickerTo"></md-datepicker-toggle>
      <md-datepicker #pickerTo></md-datepicker>
</md-input-container>

I changed the ID to pickerTo at three places

[mdDatepicker]="pickerTo"
mdSuffix [for]="pickerTo"
<md-datepicker #pickerTo>

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}