Discover the best date-input websites created by professional designers. Get inspired and start planning your perfect date-input web design today!

Need to integrate a date input / time input into your Webflow website? Flatpickr.js is a life-saver, and is *incredibly* customizable.

If you're interested in extending the functionality beyond what I included in the tutorial, check out flatpickr's docs!

Flatpickr.js docs: https://flatpickr.js.org/

—

Made by your friends at The Visual Developers Podcast :-)

Integrating Flatpicker.js

integrating-flatpicker-js

Here is a free clonable date-picker date range input built with the J-Query UI Datepicker. Follow us for more free widgets!

J-Query Date-Picker UI Integration

J-Query UI Date-Picker

A design with a date input field setup to submit to the Webflow dashboard. This example also include custom JavaScript to restrict the dates users are allowed to submit.

date-picker

example of a date input field with custom JS

This input field also triggers native andriod and browser date pickers.

"Date time local" is an input field used in web forms to collect date and time information from users. It allows the user to select a date and time using a graphical user interface (GUI) widget, this GUI is built-in all modern browsers like Chrome, Safari, Mozilla and Edge.

Because Webflow currently does not support date-time-local as a native element iin form, we can use a code embed to use this date-time-local field.

Made by 💪🏻 theThind
https://www.thethind.com

date-time-local

Native iOS Date Picker in Webflow

A concept designed for the innofoods pre-launch website. As Innofoods, a snack brand was planning to launch a new e-commerce store in the United States, this concept was created to brainstorm possibilities.
**Please feel free to clone and play with the cloneable. **

Made by theThind 💪

Discover date input websites built by the Webflow community

Discover date input websites built by the Webflow community