Keyboard date entry custom component

For an upcoming project, I wanted a versatile keyboard-only date entry widget. There are a lot of Javascript date pickers out there, but very few libraries that are focused on quick keyboard entry of dates.

I finally found this Javascript library that worked the way I wanted: jQuery Date Entry

Here’s an Anvil custom component that encapsulates that Javascript library and allows you to pull Python date objects from the widget, and has a variety of ways to set the date. The best general documentation is at the Javascript library’s page, but in the component’s app is a Doc form that has some non-obvious parts pulled out for easy reference.

Here’s a demo of several instances of the component in action.

dates

And here’s the clone to the custom component: Anvil | Login

If you make improvements to the component, let me know so I can work them into the original.

3 Likes