Datepicker element built with Google's lit and Material Design 2021
Full Changelog: https://github.com/motss/app-datepicker/compare/v5.0.1...v5.1.0
1️⃣ + year of rewrite in ✌️6️⃣ has become the main
branch as of March 27, 2022. There were some ups and downs in the past 1 year and many things happened in life such as Covid 19 and people working from home. I never stop learning more stuff in my life especially frontend web development. It's been a wonderful and fruitful journey for me to work on this open source project and fortunate enough to continuing to witness its growth since its first release about 7 years ago. As more and more browsers gaining native support for date pickers, I can't wait to see the bright future of date pickers to be available in all the web and that's possibly when this project reaches its end of life.
Cheers everyone and hope to see you in Discord! 👋😄 -- @motss
[email protected]
[email protected]
app-*
elementsweb-test-runner
+ Playwright
eslint
+ typescript-eslint
simple-git-hooks
nano-staged
AppDatePicker
, AppDatePickerDialog
, and 🆕 AppDatePickerInput
[email protected]
+ [email protected]
as of writingapp-datepicker
Full Changelog: https://github.com/motss/app-datepicker/compare/v5.0.1...v6.0.0-rc.24
[email protected]
by @motss in https://github.com/motss/app-datepicker/pull/203
Full Changelog: https://github.com/motss/app-datepicker/compare/v4.5.3...v5.0.1
📦 app-datepicker@v4
is finally released!!! 🎉 🔥 🔥 🔥
After more than a year since v3
(first release was at Dec 27, 2018), a new major release is finally here with tons of fixes and features added to this release. It's been a long journey and without the support from the community and the users, it wouldn't have been possible. I've tried my best to hear all the voices and feedbacks that have been given to me to improve my this element. 👍 Thank you all for the support.
The core of the element is simple:
TypeScript 3.8
lit-element 2.3.1
(lit-html 1.2.1
)@material/mwc-button 0.14
16.6KB
(minified + gzipped). That is ~70.62% smaller as compared to v3
(56.5KB
)lit-element
, Shadow Parts, Constructible Stylesheets, Web Animations with CSS Animations fallback (no polyfill required) and Web Components v1webdriverio@5
for unit testing@material
's material-web-components
such as mwc-dialog
Once again, thank you and have a great day ahead! Stay home stay safe! 🏠
Calendar swiping feature needs some serious refactoring due to change of API and bugs. It has been disabled as of this version until further notice.
Add more styling entry points via CSS Custom Properties so that users can customize the appearance of the date picker such as adding support for dark theme:
@media (prefers-color-scheme: dark) {
app-datepicker,
app-datepicker-dialog {
--app-datepicker-bg-color: #000;
--app-datepicker-color: #f5f5f5;
--app-datepicker-disabled-day-color: rgba(255, 255, 255, .35);
--app-datepicker-focused-day-color: #000;
--app-datepicker-selector-color: rgba(255, 255, 255, .55);
--app-datepicker-separator-color: #000;
--app-datepicker-weekday-color: rgba(255, 255, 255, .55);
}
}