https://github.com/gatanaso/time-field

A time field Web Component based on Polymer 3
https://github.com/gatanaso/time-field

polymer polymer-3 time-field web-component webcomponents

Last synced: about 1 month ago
JSON representation

A time field Web Component based on Polymer 3

• Host: GitHub
• URL: https://github.com/gatanaso/time-field
• Owner: gatanaso
• License: apache-2.0
• Created: 2018-07-25T14:32:09.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-06-06T16:15:11.000Z (over 4 years ago)
• Last Synced: 2024-10-03T10:39:10.688Z (about 2 months ago)
• Topics: polymer, polymer-3, time-field, web-component, webcomponents
• Language: HTML
• Homepage:
• Size: 19.5 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![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

```