md-date-range-picker/demo/advanced.html

Angular Material Date Range Picker

<div>
  <h2>Custom Display Format</h2>
  <md-date-range ng-model="advancedModel" format="format" one-panel="true" auto-confirm="true" show-template="true" custom-templates="customTemplates"></md-date-range>
  <h2>Modal</h2>
  <md-button class="md-raised md-primary" ng-click="showAdvanced($event)">select from modal</md-button>
</div>