Angular material datepicker

Demo: http://mobinni.github.io/material-date-picker/example/ Alt text

This small component is still in production it's a simple date picker based on the angular-material port of polymer by the people behind ionic

https://material.angularjs.org/

Install

This component is bower and npm registered 

bower install material-date-picker
npm install material-date-picker

All the necessary files will be automatically included in your index.html if not add

    <link rel="stylesheet" href="bower_components/material-date-picker/build/styles/mbdatepicker.css/>
    <script src="bower_components/material-date-picker/build/mbdatepicker.js"></script>

Usage

Attributes

<mb-datepicker element-id='date1'
               date-message=""
               text-color="#EFEF23"
               line-color="#DDFE66"
               line-thickness="3"
               date="date"
               date-format="YYYY-MM-DD"></mb-datepicker>

With the following attributes you can adjust the text color or border color of the input without lifting a css finger However if you want to adjust the datepicker inner-colors, as for now you have to override those in css.

An example is provided.

Known issues

If you can't find the SVG images, look in the images map of the bower component and copy these to your own images map. I left this as an open option. The datepicker is known to throw a JQuery light error because of the way the styles are applied to generate enabled or disabled dates. It does not lag the performance, I find it to be ugly, it will be the next thing on my list to fix.

Notes

The datepicker has changed enormously since the last commit, thinking no one used it I did not update the documents so here's an update

If you have an improvement or request please let me know or post a pull request