Skip to content

RoXuS/range-datepicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Romain CATOIORoXuS
Romain CATOIO
and
Oct 2, 2019
b549d8d · Oct 2, 2019
May 25, 2019
Mar 26, 2019
May 25, 2019
Jul 24, 2017
Mar 26, 2019
Jul 10, 2018
Jul 25, 2017
Apr 23, 2018
Aug 4, 2017
Aug 1, 2017
Mar 26, 2019
Oct 2, 2019
Oct 2, 2019
Jul 25, 2017
Jul 11, 2019
Oct 2, 2019
May 25, 2019
Jul 11, 2019
May 25, 2019

Repository files navigation

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