title: angular material (md-datepicker) - how to set different date format to different datepicker in one page
body: <p>I am using angular material (md-datepicker). My requirement is to set different date format based on selection. i.e. if user select 'daily', datepicker would show 'MM/DD/YYYY'. If user select 'monthly' then datepicker should show 'MMM YYYY' and for 'hourly', it should be 'MM/DD/YYYY hh:mm'</p>
  
  <p><a href="https://plnkr.co/edit/S4mnF7?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/S4mnF7?p=preview</a></p>
  
  <p>Is it feasible using md-datepicker? I do not see any option to set format property in HTML. Saw the documentation of <code>$mdDateLocaleProvider</code>. But it does not give option to set different format to different controls.</p>