Package Exports

md-date-picker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (md-date-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

md-date-picker

angular material customizable date picker directive/component

Demo

clone repository
npm install
gulp serve

Dependencies

angularjs, angular material

usage

bower install md-date-picker --save
//or
npm install md-date-picker --save

//module
var app = angular.module('app', ['md-date-picker']);

//options
$scope.specialDaysClass['8/5/2017'] = 'blue-day'; // blue color on saturday 
$scope.specialDaysClass['1/1/2017'] = { // red color on new years day with title
  class: 'red-day',
  title: 'New Year',
};

// sample custom css
.blue-day {
  color: blue;
}
.red-day {
  color: blue;
}

<!--default-->
<md-date-picker ng-model="date" on-change="date = $date" placeholder="Select Date"></md-date-picker>
<!--show only days on current month view-->
<md-date-picker current-month-view-dates-only="true" ng-model="date" on-change="date = $date"></md-date-picker>
<!-- with special days calss and promise handling -->
<md-date-picker loading="loading" date-class="specialDaysClass" on-render="onRenderDatePicker($month, $year)" ng-model="date" on-change="date = $date"></md-date-picker>
<!-- customizable date format -->
<md-date-picker ng-model="custom" format="EEE, MMM dd, yyyy" on-change="custom = $date"></md-date-picker>

clone repository and run gulp for demo http://localhost:3000

md-date-picker Screenshot

Todos

Enhancements
Optimizations
Unit Tests

License

MIT

Version 0.0.1