Choosing a date is a common requirement in business applications. We wanted to provide an effortless and intuitive way of scrolling through months and years to find the date you are looking for. As a result, we just released the
vaadin-date-picker element with two scrolling areas – one for months and another one for years. To bind these two together, we implemented a parallax scrolling effect that looks and feels great both on desktop and mobile devices.
The date picker UI is inspired by the Material Design guidelines and is also responsive adapting accordingly to changes in screen size and its positioning on the page. Keyboard navigation is also supported as well as providing custom translations to all visible text content on the element.
Using the element is very straightforward. Just add all required imports and throw in a <vaadin-date-picker> tag to your HTML page.
<vaadin-date-picker label="Birthday" value="1980-08-14"> </vaadin-date-picker>vaadin-date-picker examples, source code and documentation
vaadin-upload is a Polymer element for uploading multiple files with drag and drop support. It provides the user with an material designed upload button and a file-drop area that the user can add files to be uploaded. The user gets imminent feedback on upload progress, status and remaining time.
<vaadin-upload target="serverUrl" max-files="10" accept="application/pdf"> </vaadin-upload>
The upload UI is inspired by the Material Design guidelines and is also responsive adapting accordingly to changes in screen size.vaadin-upload examples, source code and documentation.