<!-- Created by @francismakes for http://stackoverflow.com/questions/26559062/date-input-field-with-polymer -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="http://www.polymer-project.org/platform.js"></script>
    <link rel="import" href="pikaday-element.html">
  </head>
  <body>
    <pikaday-element></pikaday-element>
  </body>
</html>
<!-- Created by @francismakes for http://stackoverflow.com/questions/26559062/date-input-field-with-polymer -->

<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<polymer-element name="pikaday-element">
  <template>
    <link rel="stylesheet" href="https://rawgit.com/dbushell/Pikaday/master/css/pikaday.css">
    <input type="text" id="datepicker">
    <div id="container"></div>
  </template>
  <script src="https://rawgit.com/dbushell/Pikaday/master/pikaday.js"></script>
  <script>
    Polymer({
      ready: function() {
        var picker = new Pikaday({
          field: this.$.datepicker,
          container: this.$.container,
          bound: false
        });
      }
    });
  </script>
</polymer-element>