5.1.0

What's Changed

• Feature/add part attribute to today day by @achamorro-dev in #206
• chore: minor cleanup by @motss in #208

New Contributors

• @achamorro-dev made their first contribution in #206

Full Changelog: v5.0.1...v5.1.0

v6.0.0-rc.24

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

Notable changes 🎉 🚀

1. Major rewrite with the following tech stacks:
   1. lit@2.2
   2. typescript@4.6
   3. Material Design 2021 - fully integrated with Material Design Web Components as well as compatible with MD design tokens with slight changes for app-* elements
   4. [infra] web-test-runner + Playwright
   5. [infra] eslint + typescript-eslint
   6. [infra] simple-git-hooks
   7. [infra] nano-staged
2. Implemented AppDatePicker, AppDatePickerDialog, and 🆕 AppDatePickerInput
3. Added changelogs
4. Updated browser supports to just last 2 versions of evergreen browsers and dropped support on Internet Explorer 11 and legacy Microsoft Edge
5. Better interoperability with other frontend libraries/ frameworks. Tested with vite@2.8 + vue@3.2 as of writing
6. Added new Discord channel to talk more about web or app-datepicker

Full Changelog: v5.0.1...v6.0.0-rc.24

v5.0.1

What's Changed

• refactor: Use lit@v2.x by @motss in #203

Full Changelog: v4.5.3...v5.0.1

4.5.3

Changes

1. Update dependencies
2. Update to pin all dependency versions

v4.4.1

Notable changes

• Update @material/mwc-button to v0.20.0

v4.3.0

Notable changes

• Update @material/mwc-button to v0.19.1

v4.2.0

Notable changes

• Update @material/mwc-button to v0.18.0
• Remove sideEffects: false in package.json to fix #181 and #184

v4.1.0

Changes

• Update @material/mwc-button to v0.15.0

v4.0.0

📦 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:

1. To embrace latest and greatest web platform features
2. No external dependencies on things like animations, i18n, date manipulation in JavaScript, and UI component
3. Keep everything as simple and small as possible
4. Easy-to-use with public properties and methods that make sense
5. Must be based on Google's Material Design

Notable changes

• [feat] Rewritten with the following technologies:
  • TypeScript 3.8
  • lit-element 2.3.1 (lit-html 1.2.1)
  • @material/mwc-button 0.14
• [feat] Adopted Material Design 2 (datepicker's design before year 2020)
• [feat] Full support for touch-capable devices and mobile, especially calendar swiping!
• [perf] Now at 16.6KB (minified + gzipped). That is ~70.62% smaller as compared to v3 (56.5KB)
• [perf] Faster thanks to lit-element, Shadow Parts, Constructible Stylesheets, Web Animations with CSS Animations fallback (no polyfill required) and Web Components v1
• [css] Full CSS customization made possible by Constructible Stylesheets, instead of exposing too many CSS Custom Properties, e.g. dark theme support
• [a11y] Full keyboard support and screen reader support
• [test] Migrated to use webdriverio@5 for unit testing
• [test] Tested on last 2 versions of evergreen browsers including Microsoft Edge 79+. IE11 is no longer support but should work with polyfills.
• [interop] First class support for @material's material-web-components such as mwc-dialog
• [ci] Migrated to use Github Actions for CI/CD

Once again, thank you and have a great day ahead! Stay home stay safe! 🏠

Calendar swiping feature disabled

Changes

• 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);
    }
  }