Set Date format for material-datepicker in angular 2

I am new in 'angular2' and 'angular js material'. I am using material-datepicker in my project.

This is my the date picker code

<material-datepicker placeholder="Select Date" [(date)]="currentDate" name="currentDate" required></material-datepicker>

It will be display in browser as shown below.

My concern is date format issue. How to set the date format from 2017/04/27 to April 27 2017.

Please help me. Thanks in advance.

via Libin C Jacob