<wa-known-date>

Known dates let users enter dates they already know - birthdays, expirations, document dates - through three separate day, month, and year fields shown in the locale's natural order.

Category

Data

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

11.1 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,114,338 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• name
• value
• disabled
• required
• readonly
• size
• appearance
• pill
• label
• hint
• autocomplete
• min
• max
• locale
• with-label
• with-hint
• custom-error
• dir
• lang
• did-ssr

Slots

• label
• hint

Events

• input
• change
• blur
• focus
• wa-invalid

CSS Parts

• form-control
• form-control-label
• form-control-input
• hint
• label
• base
• known-date
• fieldset
• legend
• fields
• field
• field-day
• field-month
• field-year
• field-label
• field-input