Directory

← Back

xtal-pika-day

Vanilla web component wrapper around pikaday date picker

Author

Rating

Popularity

<100

Published on webcomponents.org

<xtal-pika-day>

Vanilla web component wrapper around the lightweight pikaday date picker. 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 and npm (packaged with Node.js) 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:

<head>
    <link rel="stylesheet" href="myCssFile.css" id="xtal_pika_day_css"/>
</head>

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

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

  • pikaday#1.8.0
Released
2019-02-19
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 3.0+ in 0.0.3
Browser
Browser Independent

xtal-pika-day - Vaadin Add-on Directory

Vanilla web component wrapper around pikaday date picker xtal-pika-day - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](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.
Online