vcf-date-range-picker

Web Component providing a date range selection field which includes a scrollable month calendar view

View larger

Close

<vcf-date-range-picker>

<vcf-date-range-picker> is a Web Component providing a date range selection field which includes a scrollable month calendar view.

<vcf-date-range-picker label="Enter date range" value="1990-01-28" end-value="1990-01-30">
</vcf-date-range-picker>

Running demo

1. Fork the vcf-date-range-picker repository and clone it locally.

2. Make sure you have npm installed.

3. When in the vcf-date-range-picker directory, run npm install to install dependencies.

4. Run npm start to open the demo.

Contributing

To contribute to the component, please read the guideline first.

License

Apache License 2.0

Sample code

          <vcf-date-range-picker id="test" label="Enter date range">
            <vaadin-button id="may2021MonthButton" theme="tertiary" part="preset-button" on-tap="document.querySelector('#test')" slot="presets">
              May 2021
            </vaadin-button>
          </vcf-date-range-picker>

Links

• View on GitHub
• View on NPM

Compatibility