Directory

← Back

vcf-date-range-picker

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

Author

Contributors

Rating

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

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>

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

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
Released
2021-08-24
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 3.0+
Browser
Browser Independent
Online