A single-line text field to hold valid Date input of given date pattern

[ This description is mirrored from README.md at github.com/biztek/pmp-simple-date-input on 2019-05-10 ]

Build Status

Published on webcomponents.org

Demo and API docs

<pmp-simple-date-input>

<pmp-simple-date-input> is a single-line text field to hold valid Date input of given date pattern.

<pmp-simple-date-input label="Input label"></pmp-simple-date-input>

It includes an optional label,invalid,autovalidate and required attributes.

<pmp-simple-date-input label="Input label"></pmp-simple-date-input>
<pmp-simple-date-input invalid="boolean value"></pmp-simple-date-input>
<pmp-simple-date-input autoValidate="boolean value"></pmp-simple-date-input>
<pmp-simple-date-input required="boolean value"></pmp-simple-date-input>

Listening for input changes

By default, it listens for changes on the bind-value attribute on its children nodes and perform tasks such as auto-validating and label styling when the bind-value changes.

Validation

If the auto-validate attribute is set, element validates the input whether it is valid date of given pattern and update the label styling when the input value changes.

License

Licensed under Apache 2.0.

Install

Link to this version
ImportedReleased 20 June 2017Other
Framework Support
Polymer 1.0+
Browser Independent
Install with
Release notes - Version 1.0.8

Dependencies

Polymer/polymer#^1.7.0

  • moment#^2.15.2
  • PolymerElements/paper-input#^1.1.20
  • PolymerElements/iron-input#^1.0.10
  • PolymerElements/iron-form-element-behavior#^1.0.6