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 ]

Build status Published on webcomponents.org

Published on Vaadin  Directory Stars on vaadin.com/directory

<range-datepicker>

range-datepicker in action

range-datepicker provides a simple datepicker with range.

Install

bower install range-datepicker
npm install range-datepicker

Inspired by airbnb datepicker.

See live demo See docs

<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

Install

Link to this version
ImportedReleased 12 November 2018Other
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
Release notes - 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