Directory

← Back

time-field

A time field web component based on polymer 3

Author

Rating

Popularity

<100

Published on webcomponents.org Published on Vaadin  Directory Build Status codecov

<time-field>

A time field web component based on polymer 3.

Live 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.
  2. Make sure you have the Polymer CLI and npm (packaged with Node.js) installed.
  3. When in the time-field directory, run npm install to install the element's dependencies.
  4. 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

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

The first major version of the time-field web component.

Released
2019-07-03
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Polymer 3.0+
Browser
Firefox
Opera
Safari
Google Chrome
Internet Explorer
Microsoft Edge

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 ```
View on NPM
View on GitHub
I
Online Demo

time-field version 1.0.0
The first major version of the `time-field` web component.

Online