title: Material datepicker with specific timezone
body: <p>In my angular 5 application I am using some <a href="https://material.angular.io/components/datepicker/api" rel="nofollow noreferrer">datepicker</a> and I need that when someone selects some date from the datepicker this date has to be in a specific timezone (italy) not in the browser/system timezone, because I need to set a specific date/hour in the destination country.</p>
  
  <p>Is it possible?
  this is my datepicker:</p>
  
  <pre><code>&lt;mat-form-field&gt;
      &lt;input matInput #date required formControlName="entryDate" name="entryDate" (dateChange)="fareHandler()" [matDatepicker]="picker" (click)="picker.open()" placeholder="{{ 'ticket.new.labels.entrydate' | translate }}"&gt;
      &lt;mat-datepicker-toggle matSuffix [for]="picker" [disabled]="abil"&gt;&lt;/mat-datepicker-toggle&gt;
          &lt;mat-datepicker #picker&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  </code></pre>