<dia-date-picker>

An accessible date picker built with standards-based web components.

Prerelease: no stable version yet (latest is 1.0.0-alpha.17).

Category

Forms

Built with

Lit

Library

Standalone

Author

Burton Smith

Package

dia-date-picker

Size

15.4 kB JS (minified + gzipped, JS includes dependencies)

GitHub stars

10

Last published

Jul 28, 2022

License

MIT

• Documentation
• Source code

• Documentation
• Source code

• calendar
• date
• date picker
• date-picker
• picker
• react
• vue
• angular

Attributes

• value
• label
• help-text
• name
• invalid
• required
• disabled
• readonly
• min-date
• max-date
• focus-date
• disabled-dates
• show-week-numbers
• disabled-week-days
• first-day-of-week
• day-label
• month-label
• year-label
• clear-label
• today-label
• required-error-message
• range-error-message
• unavailable-error-message
• custom-error-message
• show-error-below
• show-help-text-below
• hide-required-indicator

Slots

• calendar-icon
• prev-month-icon
• next-month-icon

Events

• dia-input
• dia-change

CSS Parts

• label
• help-text
• error-message
• dropdown
• main-input
• calendar-toggle
• input
• button
• prev-month
• next-month
• week-number
• day
• alt-month
• day-today
• selected
• day-label
• clear
• today
• delimiter