Directory

← Back

pmp-simple-date-input

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

Author

Contributors

Rating

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

Links

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

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
Released
2017-06-20
Maturity
IMPORTED
License
Other

Compatibility

Framework
Polymer 1.0+
Browser
Browser Independent
Online