range-datepicker
range-datepicker provides a simple datepicker with range (see demo)
[ This description is mirrored from README.md at github.com/RoXuS/range-datepicker on 2019-05-10 ]
<range-datepicker>
range-datepicker
provides a simple datepicker with range.
Install
bower install range-datepicker
npm install range-datepicker
Inspired by airbnb datepicker.
<div>
<range-datepicker date-from="{{dateFrom}}" date-to="{{dateTo}}"></range-datepicker>
<range-datepicker no-range></range-datepicker>
<range-datepicker no-range force-narrow></range-datepicker>
<range-datepicker locale="fr"></range-datepicker>
<range-datepicker-input date-format="MM/DD/YYYY">
<template>
<paper-input label="Date from" value="[[dateFrom]]" readonly></paper-input>
<paper-input label="Date to" value="[[dateTo]]" readonly></paper-input>
</template>
</range-datepicker-input>
</div
Links
Compatibility
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#^2.0.0
- moment#^2.18.1
- PolymerElements/paper-styles#^2.0.0
- PolymerElements/iron-flex-layout#^2.0.0
- PolymerElements/paper-icon-button#^2.0.0
- PolymerElements/iron-icons#^2.0.1
- PolymerElements/iron-media-query#^2.0.0
- PolymerElements/iron-list#^2.0.7
- PolymerElements/paper-item#^2.0.0
- PolymerElements/paper-listbox#^2.0.0
- PolymerElements/paper-dropdown-menu#^2.0.0
- PolymerElements/neon-animation#^2.0.1
- web-animations-js#^2.3.1
- PolymerElements/iron-dropdown#^2.0.0
- PolymerElements/paper-material#^2.0.0
- Released
- 2018-11-12
- Maturity
- IMPORTED
- License
- Other
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
range-datepicker - Vaadin Add-on Directory
range-datepicker provides a simple datepicker with range (see demo)Issue tracker
License
Documentation
View on GitHub
Online Demo
range-datepicker version 0.0.1
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
range-datepicker version 0.0.2
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
range-datepicker version 0.0.3
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
range-datepicker version 0.0.4
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
range-datepicker version 0.0.5
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
range-datepicker version 0.0.6
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
range-datepicker version 0.0.7
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
range-datepicker version 0.0.8
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
range-datepicker version 0.0.9
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
range-datepicker version 0.0.10
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
range-datepicker version 0.0.11
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
range-datepicker version 0.0.12
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.13
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.14
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.15
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.16
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.17
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.18
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.19
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.20
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.21
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.22
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.23
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.24
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.25
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.26
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.27
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.28
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.29
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0
range-datepicker version 0.0.30
### Dependencies
Polymer/polymer#^2.0.0
* moment#^2.18.1
* PolymerElements/paper-styles#^2.0.0
* PolymerElements/iron-flex-layout#^2.0.0
* PolymerElements/paper-icon-button#^2.0.0
* PolymerElements/iron-icons#^2.0.1
* PolymerElements/iron-media-query#^2.0.0
* PolymerElements/iron-list#^2.0.7
* PolymerElements/paper-item#^2.0.0
* PolymerElements/paper-listbox#^2.0.0
* PolymerElements/paper-dropdown-menu#^2.0.0
* PolymerElements/neon-animation#^2.0.1
* web-animations-js#^2.3.1
* PolymerElements/iron-dropdown#^2.0.0
* PolymerElements/paper-material#^2.0.0