taniamhn / range-datepicker

range-datepicker provides a simple datepicker with range (see demo)

<range-datepicker>

range-datepicker provides a simple datepicker with range.

Install

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-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