Directory

time-field - Vaadin Add-on Directory

A time field web component based on polymer 3 time-field - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/time-field) [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/gatanasotime-field) [![Build Status](https://travis-ci.org/gatanaso/time-field.svg?branch=master)](https://travis-ci.org/gatanaso/time-field) [![codecov](https://codecov.io/gh/gatanaso/time-field/branch/master/graph/badge.svg)](https://codecov.io/gh/gatanaso/time-field) # \ A time field web component based on polymer 3. [Live Demo ↗](https://time-field.firebaseapp.com/demo/) ### Getting started The `time-field` component is distributed as an npm package. To start using it, first install it from the command line: ``` npm install --save time-field ``` Once installed, import it into your application: ``` import 'time-field/time-field.js' ``` ### Running demos locally 1. Fork the `time-field` repository and clone it locally. 1. Make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. 1. When in the `time-field` directory, run `npm install` to install the element's dependencies. 1. Run `polymer serve --npm --open`, the browser will automatically open the components demo page. ### Running tests from the command line When in the `time-field` directory, run: ``` $ wct --npm ```