vcf-date-range-picker
Web Component providing a date range selection field which includes a scrollable month calendar view
<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
Fork the
vcf-date-range-picker
repository and clone it locally.Make sure you have npm installed.
When in the
vcf-date-range-picker
directory, runnpm install
to install dependencies.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
Compatibility
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