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

npm version

Published on Vaadin  Directory Stars on vaadin.com/directory

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

GIF for fc-menuitem

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

Install

Link to this version
ImportedReleased 24 August 2021Apache License 2.0
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install @vaadin-component-factory/vcf-date-range-picker"@4.8.7"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 4.8.7

Dependencies

  • @polymer/iron-a11y-announcer#^3.0.0
  • @polymer/iron-a11y-keys-behavior#^3.0.0
  • @polymer/iron-media-query#^3.0.0
  • @polymer/iron-resizable-behavior#^3.0.0
  • @polymer/polymer#^3.0.0
  • @vaadin/vaadin-button#^2.4.0
  • @vaadin/vaadin-control-state-mixin#^2.2.2
  • @vaadin/vaadin-element-mixin#^2.4.1
  • @vaadin/vaadin-lumo-styles#^1.6.0
  • @vaadin/vaadin-material-styles#^1.3.2
  • @vaadin/vaadin-overlay#^3.5.0
  • @vaadin/vaadin-text-field#^2.8.0
  • @vaadin/vaadin-themable-mixin#^1.6.1
  • @vaadin/vaadin-form-layout#^2.3.0