All Projects → bluewatertracks → Paper Timezone

bluewatertracks / Paper Timezone

Licence: mit
Polymer based timezone selection component

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Paper Timezone

paper-countries
Select Dropdown with list of countries with flags and autocomplete
Stars: ✭ 16 (-15.79%)
Mutual labels:  web-component, polymer, web-components
Vaadin Charts
Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications
Stars: ✭ 47 (+147.37%)
Mutual labels:  web-components, polymer, web-component
PolymerProjects
An open list of projects using Polymer
Stars: ✭ 83 (+336.84%)
Mutual labels:  polymer, web-components
vaadin-icons
Vaadin Icons is a collection of 600+ unique icons designed for web applications
Stars: ✭ 59 (+210.53%)
Mutual labels:  web-component, polymer
Gdg.es
The GDG Spain official website
Stars: ✭ 16 (-15.79%)
Mutual labels:  web-components, polymer
Web Component Tester
Moved to Polymer/tools monorepo
Stars: ✭ 571 (+2905.26%)
Mutual labels:  web-components, polymer
bwt-datatable
Data table with Polymer 3 support!
Stars: ✭ 43 (+126.32%)
Mutual labels:  web-component, polymer
Polymer
Our original Web Component library.
Stars: ✭ 21,723 (+114231.58%)
Mutual labels:  web-components, polymer
web-components-good-practices
😎☑️ Good Practices for build Web Components.
Stars: ✭ 80 (+321.05%)
Mutual labels:  polymer, web-components
Web Components Todo
A simple todo list built with various Web Components technologies
Stars: ✭ 368 (+1836.84%)
Mutual labels:  web-components, polymer
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (+15.79%)
Mutual labels:  web-component, web-components
Vaadin Core
An evolving set of free, open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 382 (+1910.53%)
Mutual labels:  web-components, polymer
polymer-linter
Moved to Polymer/tools monorepo
Stars: ✭ 34 (+78.95%)
Mutual labels:  web-component, polymer
TimeDoser-v2
🕑 Dosify your time (version 2, retired)
Stars: ✭ 52 (+173.68%)
Mutual labels:  polymer, web-components
cwco
Powerful and Fast Web Component Library with a Simple API
Stars: ✭ 27 (+42.11%)
Mutual labels:  web-component, web-components
vaadin-checkbox
The Web Component for customized checkboxes. Part of the Vaadin components.
Stars: ✭ 18 (-5.26%)
Mutual labels:  polymer, web-components
nuxeo-web-ui
New Nuxeo Web UI
Stars: ✭ 51 (+168.42%)
Mutual labels:  polymer, web-components
Polymer Redux
Polymer bindings for Redux.
Stars: ✭ 450 (+2268.42%)
Mutual labels:  polymer, web-component
web-share-wrapper
A web component that wraps other share elements to replace with a web share button where supported.
Stars: ✭ 18 (-5.26%)
Mutual labels:  web-component, web-components
vaadin-split-layout
The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.
Stars: ✭ 40 (+110.53%)
Mutual labels:  web-component, polymer

Published on Vaadin  Directory Stars on vaadin.com/directory Published on webcomponents.org

paper-timezone

About

paper-timezone is a Polymer based web component used for interactively selecting a timezone locale from a map. On smaller screens, the component resizes itself to a dropdown with the ability to let the user select the locale from the dropdown list. It is heavily inspired by the world map on the momentjs site; it in fact is a rewrite of the same in Polymer although with a lot more added features.

We at Blue Water Tracks use it on our portal pages and we wanted to open source the component to share it with the Polymer community. Demos and documentation can be found here

Sample screenshot

Screenshot in mobile view

bwt-datatable mobile view

Features

  • Full compatibility with Polymer 2!
  • Extremely simple to set up.
  • Support for desktop and mobile mode using the responsive-width property.
  • Moment compatible object {location: "Asia/Bangkok", offset: 420}
  • Support for offset in minutes or hours.
  • Support for custom styling.

Installation

The element can be installed using bower using

bower install --save paper-timezone

Usage

  • Following code is required to place in the polymer web component.
    <paper-timezone  name="timezone" timezone="[[timezone]]" label="Timezone (Continent/City)" error-message="Please enter a timezone offset"></paper-timezone>

Reporting Bugs

When filing a bug report, please provide an example of how to reproduce using plunker, jsbin, jsfiddle, etc.

Testing

To run the tests go to the component directory and run.

    polymer test

License

This project is licensed under the terms of the MIT license.

Contributing

We absolutely love sending us new pull requests, so let us just outline some advice:

  1. If you have an idea for a feature that you would like to be added or have a pull request for one, create an issue and we will have a look at it and let you know if we can support it.
  2. You have to explicitly agree in your pull request to the terms described in the fair share license construction.

Contributors

@bhargavkonkathi Programming is like playing chess; each line is as important as each step to determine what kind of player or programmer you are. When ever not playing chess, it's Javascript, Java and mongodb.
@maisnamraju Javascript Ninja; saving the world with one line of javascript at a time. ;)
@dhrytsenko What is my opinion about JavaScript, NodeJS, MongoDB and Polymer? Building blocks to the future! Allowing me to help make the world a better place.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].