Directory

← Back

paper-date-picker-item

A Material Design item that shows a date and opens a date picker dialog on tap (Polymer)

Author

Contributors

Rating

[ This description is mirrored from README.md at github.com/Collaborne/paper-date-picker-item on 2019-05-10 ]

paper-date-picker-item Bower version Travis state Published on webcomponents.org

paper-date-picker-item provides a Material Design item that shows a date and opens a date picker dialog on tap. The web component is built with Polymer 1.x.

This component builds on the components paper-date-picker and paper-time-picker by Ben Davis.

To use the elements:

bower install paper-date-picker-item

<paper-datetime-picker-item
    icon="icons:today"
    placeholder="Add date and time"
    date-format="Do, MMMM, YYYY">
</paper-datetime-picker-item>

i18n Support

paper-date-picker-item uses Moment.js, and so supports all locales that Moment.js supports. But, the component does not reference any specific locale, so when you want to use it with a locale other than en you must load the locales explicitly.

<link rel="import" href="bower_components/paper-date-picker-item/paper-date-picker-item.html">
<script src="bower_components/moment/min/locales.js"></script>

The paper-date-picker-item components all provide a locale property to set the locale used by the component.

License

This software is licensed under the Apache 2 license, quoted below.

Copyright 2011-2017 Collaborne B.V. <http://github.com/Collaborne/>

Licensed under the Apache License, Version 2.0 (the "License"); you may not
use this file except in compliance with the License. You may obtain a copy of
the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations under
the License.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#1 - 2

  • PolymerElements/iron-icon#1 - 2
  • PolymerElements/paper-button#1 - 2
  • PolymerElements/paper-dialog#1 - 2
  • PolymerElements/paper-icon-button#1 - 2
  • PolymerElements/paper-item#1 - 2
  • PolymerElements/paper-ripple#1 - 2
  • PolymerElements/paper-styles#1 - 2
  • PolymerElements/neon-animation#1 - 2
  • Collaborne/paper-date-picker#pr/date-picker-no-locales
  • bendavis78/paper-time-picker#^1.1.4
  • bendavis78/moment-element#^1.1.1
  • PolymerElements/iron-behaviors#1 - 2
Released
2017-07-03
Maturity
BROKEN
License
Apache License 2.0

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.5.3
Browser
Browser Independent

paper-date-picker-item - Vaadin Add-on Directory

A Material Design item that shows a date and opens a date picker dialog on tap (Polymer) paper-date-picker-item - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Collaborne/paper-date-picker-item](https://github.com//Collaborne/paper-date-picker-item/blob/1.7.0/README.md) on 2019-05-10 ]** paper-date-picker-item [![Bower version](https://badge.fury.io/bo/paper-date-picker-item.svg)](http://badge.fury.io/bo/paper-date-picker-item) [![Travis state](https://travis-ci.org/Collaborne/paper-date-picker-item.svg?branch=master)](https://travis-ci.org/Collaborne/paper-date-picker-item) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Collaborne/paper-date-picker-item) ========= `paper-date-picker-item` provides a Material Design item that shows a date and opens a date picker dialog on tap. The web component is built with [Polymer 1.x](https://www.polymer-project.org). This component builds on the components [paper-date-picker](https://github.com/bendavis78/paper-date-picker) and [paper-time-picker](https://github.com/bendavis78/paper-time-picker) by [Ben Davis](https://github.com/bendavis78). To use the elements: `bower install paper-date-picker-item` ```html ``` ## i18n Support `paper-date-picker-item` uses [Moment.js](http://momentjs.com), and so supports all locales that Moment.js supports. But, the component does not reference any specific locale, so when you want to use it with a locale other than `en` you must load the locales explicitly. ~~~~ ~~~~ The `paper-date-picker-item` components all provide a `locale` property to set the locale used by the component. ## License This software is licensed under the Apache 2 license, quoted below. Copyright 2011-2017 Collaborne B.V. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Online