Date Picker based on Material Design and the design spec

#Burndown of the Project

#Paper Datepicker

#install bower init

bower install --save paper-datepicker

##How to Use copy the file

bower_components/paper-datepicker/demo.html to index.html ...so you have a working file.

cp bower_components/paper-datepicker/demo.html index.html

Or just add the tag ...where you want the date picker button to be

then add the link to the file

While you’re working, you’ll need a basic HTTP server to serve your pages. If you have Python installed, you can run one of the following commands in the top level of the starter project.

###Python 2.x:

python -m SimpleHTTPServer

###Python 3.x:

python -m http.server

Test out the web server by loading the finished version of the project. For example:

http://localhost:8000

URLs in this tutorial assume your local server is listening on port 8000. If you’re using a different port, substitute the port you’re using.

This to be used as a Full Screen dialogue on a Desktop as well as Mobile

google.com/design/spec/components/pickers.html

This is an extension of the Paper Input or Paper Button component with Moment.js. We have used for this example the Paper Button. All this using the Paper Full Screen Dialog experience of dominating a page so only one decision can be made.

We are trying to use the styling from the Polymer Demo calculator for the dates.

###Paper Button

github.com/Polymer/paper-input

which follows these Paper Button Material Design Principles

###Paper Full Screen Dialog

github.com/Polymer/paper-dialog

which follows these Full Screen Dialog Material Design Principals

###Similiar element Paper Calendar by Wenqer