xtal-pika-day - Vaadin Add-on Directory
Vanilla web component wrapper around pikaday date picker
[](https://www.webcomponents.org/element/xtal-pika-day)
# \
Vanilla web component wrapper around the lightweight [pikaday date picker](https://github.com/dbushell/Pikaday). If you need to:
1. Place a date picker in each row of a large grid, and
2. Have it load quickly in IE11
this might be the best choice.
## Install the Polymer-CLI
First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally.
Be default, pikaday.css located in the same folder as this component will load (into non Shadow DOM). To use your own css, add a reference in document.head:
```html
```
## Viewing Your Element
```
$ polymer serve
```
## Running Tests
```
$ polymer test
```
Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
View on NPM
# \View on GitHub
xtal-pika-day version 0.0.0
### Dependencies
* @polymer/polymer#^3.0.0
* pikaday#^1.7.0
xtal-pika-day version 0.0.1
### Dependencies
* @polymer/polymer#^3.0.0
* pikaday#^1.7.0
xtal-pika-day version 0.0.2
### Dependencies
* @polymer/polymer#^3.0.0
* pikaday#^1.7.0
xtal-pika-day version 0.0.3
### Dependencies
* @polymer/polymer#^3.0.0
* pikaday#^1.7.0
xtal-pika-day version 0.0.4
### Dependencies
* pikaday#1.8.0
xtal-pika-day version 0.0.5
### Dependencies
* pikaday#1.8.0