An input element that only allows credit card expiration dates
HTML
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
demo
test
.gitignore
.travis.yml
CONTRIBUTING.md
README.md
bower.json
date-input.d.ts
date-input.html
date-validator.d.ts
date-validator.html
gold-cc-expiration-input.d.ts
gold-cc-expiration-input.html
hero.svg
index.html
package-lock.json
package.json
polymer.json
wct.conf.json

README.md

Build status

Demo and API docs

##<gold-cc-expiration-input>

gold-cc-expiration-input is a single-line text field with Material Design styling for entering a credit card's expiration date

<gold-cc-expiration-input></gold-cc-expiration-input>
<gold-cc-expiration-input value="11/15"></gold-cc-expiration-input>

It may include an optional label, which by default is "Expiration Date".

<gold-cc-expiration-input label="Date"></gold-cc-expiration-input>

Validation

The input can check whether the entered date is a valid, future date.

The input can be automatically validated as the user is typing by using the auto-validate and required attributes. For manual validation, the element also has a validate() method, which returns the validity of the input as well sets any appropriate error messages and styles.

See Polymer.PaperInputBehavior for more API docs.

Styling

See Polymer.PaperInputContainer for a list of custom properties used to style this element.