##<datetime-picker>
datetime-picker is a picker for date and time for Polymer that prefers to use the native input. This element is for using the native date-picker, if it exists, or to replace it by a CustomElement. The 'calendar-element' will just be loaded if the native picker is not available or is explicitly wanted. It is tested for Firefox, IE11, Chrome and Opera.
Internally it uses two input-elements, that are initially set to type date and time. If the Browser leaves these attributes as they are, then it will be assumed that native date- and time-inputs are available. If it won't, an element (calendar-element) will be loaded and displayed instead. calendar-element can also be used separately. It might be useful for you to use, if you like to keep the native approach of Browsers like in Chrome for Desktop or Mobile, or you like to have a different look and you are using Polymer already. Because this approach just loads, when it needs to, it is also efficient. Without gzip or minifying, date-picker got a size of about 7kB and calendar-element about 18kB. If you send the files compressed, date-picker is just about 2 kB and calendar-element about 4kB.
The component page explains, which of the attributes you can use and how. You can see there a Demo, too.
You can use it stand-alone or as a range of dates. Examples:
<datetime-picker use-not-native></datetime-picker><datetime-picker value="{{value}}"></datetime-picker><calendar-element value="{{value}}" opened></calendar-element><datetime-picker id="from" date-string="{{minDate}}" max-date="[[maxDate]]"></datetime-picker>
<datetime-picker id="to" date-string="{{maxDate}}" min-date="[[minDate]]"></datetime-picker>bower install --save fooloomanzoo/datetime-picker
Feel free to send a new issue, a commit, a pull request or just fork it!