/paper-date-picker

Material design date picker component for polymer

Primary LanguageHTMLMIT LicenseMIT

paper-date-picker

Material Design date picker, compatible with Polymer 1.0

Provides a responsive date picker based on the material design spec. This component aims to be a clone of the date picker introduced in Android Lollipop.

wide picker screenshot narrow picker screenshot

See the component page for full documentation.

Example usage:

Default picker:

<paper-date-picker></paper-date-picker>

Setting the initial date to April 20, 2015:

<paper-date-picker date="2014-04-20"></paper-date-picker>

You may also specify a minimum and/or maximum date allowed in this picker using the same date notation:

<paper-date-picker min-date="2014-04-20" max-date="2015-04-20"></paper-date-picker>

If you include this element as part of paper-dialog, use the class "paper-date-picker-dialog" on the dialog in order to give it proper styling.

    <paper-action-dialog id="dialog" modal class="paper-date-picker-dialog">
      <paper-date-picker id="datePicker"></paper-date-picker>
      <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button dialog-confirm>OK</paper-button>
      </div>
    </paper-action-dialog>

If you find this component useful, please show your support by donating to Bold Idea. Click the button below!

ideaSpark campaign button