ModalMDDatePicker
Angular Material Design DatePicker Component
live demo
Installing
### bower
bower install ModalMDDatePicker --save
### Add library in page
<script src="bower_components/ModalMDDatePicker/modal-md-datepicker.min.js"></script>
Include directives in angular app
mdThemeColors
ModalDatePicker
var app_ = angular.module('app',[
'ngMaterial',
...
'mdThemeColors',
'ModalDatePicker'
]);
Use
<modal-md-datepicker ng-model="selectedDate" placeholder="Select a date "></modal-md-datepicker>
Demo
live demo
options
date-format: string
format date string Ej. 'dd MMMM yyyy'
min-date: Date
Min Date
max-date: Date
Max Date
Example: test/index.html
<modal-md-datepicker flex ng-model="user.end_date" date-format="dd MMMM yyyy" min-date="{{user.start_date}}" max-date="{{user.max_date}}" ></modal-md-datepicker>