Directory

datetime-input - Vaadin Add-on Directory

an input for date and time datetime-input - Vaadin Add-on Directory
[![Published on NPM](https://img.shields.io/npm/v/@fooloomanzoo/datetime-input.svg)](https://www.npmjs.com/package/@fooloomanzoo/datetime-input) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/@fooloomanzoo/datetime-input) _[API & Demo](https://fooloomanzoo.github.io/datetime-input)_ ## \ An input for date and time. If you are looking for a picker for date and time, please have a look at [datetime-picker](https://github.com/fooloomanzoo/datetime-picker). ### Example ```html with timezone





datetime: [[datetime]]
date: [[date]]
time: [[time]]
value: [[value]]

``` #### Use locale date formats The properties `date`, `time`, `datetime` are always in **iso8061** but the visualization will be localized. By default your locale date format from `window.navigator.language` will be used, but you can select another *locale*: ```html

locale:

hour12 format

datetime: [[datetime]]

``` ### Styling Have a look at [input-picker-pattern#input-shared-style](https://github.com/fooloomanzoo/input-picker-pattern#input-shared-style) to see how to style the element. ### Installation ``` npm i @fooloomanzoo/datetime-input ``` ### License [MIT](https://github.com/fooloomanzoo/datetime-input/blob/master/LICENSE.txt)
View on NPM
View on GitHub

datetime-input version 2.2.4
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.2.5
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.2.6
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.2.7
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.2.8
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.2.9
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.0
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.1
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.3
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.4
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.5
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.6
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.7
### Dependencies * @polymer/polymer#^2 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.8
### Dependencies * @polymer/polymer#^2.6.1 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.9
### Dependencies * @polymer/polymer#^2.6.1 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 2.3.10
### Dependencies * @polymer/polymer#^2.6.1 * @fooloomanzoo/input-picker-pattern#^2 * @fooloomanzoo/number-input#^2 * @fooloomanzoo/property-mixins#^2

datetime-input version 3.0.0
### Dependencies * @polymer/polymer#^3 * @fooloomanzoo/input-picker-pattern#^3 * @fooloomanzoo/number-input#^3 * @fooloomanzoo/property-mixins#^3

datetime-input version 3.0.1
### Dependencies * @fooloomanzoo/input-picker-pattern#^3 * @fooloomanzoo/number-input#^3 * @fooloomanzoo/property-mixins#^3 * @polymer/polymer#^3

datetime-input version 3.0.2
### Dependencies * @fooloomanzoo/input-picker-pattern#^3.0.7 * @fooloomanzoo/number-input#^3.0.3 * @fooloomanzoo/property-mixins#^3.0.7 * @polymer/polymer#^3

datetime-input version 3.0.3
### Dependencies * @fooloomanzoo/input-picker-pattern#^3.0.8 * @fooloomanzoo/number-input#^3.0.4 * @fooloomanzoo/property-mixins#^3.0.7 * @polymer/polymer#^3

datetime-input version 3.0.4
### Dependencies * @fooloomanzoo/input-picker-pattern#^3.0.10 * @fooloomanzoo/number-input#^3.0.9 * @fooloomanzoo/property-mixins#^3.0.9 * @polymer/polymer#^3