Skip to content
Material design time picker component for polymer
HTML
Branch: master
Clone or download
Latest commit 27c26e2 Sep 22, 2017

README.md

paper-time-picker

Material Design time picker, compatible with Polymer 1.0

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

wide picker screenshot narrow picker screenshot

See the component page for full documentation.

Examples:

Default picker:

<paper-time-picker></paper-time-picker>

Setting the initial time to 4:20pm (note that hours given as 24-hour):

<paper-time-picker time="4:20pm"></paper-time-picker>

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

<paper-dialog id="dialog" modal class="paper-time-picker-dialog"
  on-iron-overlay-closed="dismissDialog">
  <paper-time-picker id="timePicker" time="[[time]]"></paper-time-picker>
  <div class="buttons">
    <paper-button dialog-dismiss>Cancel</paper-button>
    <paper-button dialog-confirm>OK</paper-button>
  </div>
</paper-dialog>

Reporting Bugs

When filing a bug report, please provide an example of how to repoduce using plunker, jsbin, jsfiddle, etc. You can use the following plunker as a starting point: http://plnkr.co/edit/gVQluG0GrFP3RzCPZPIi


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

ideaSpark campaign button

You can’t perform that action at this time.