What is the new feature in Webflow that allows content editors to easily select dates and times without manually typing them in?
TL;DR
- Webflow added a Date/Time Picker field to CMS collections, enabling editors to select dates and times via a calendar and dropdown.
- To use it, add a Date/Time field to your CMS collection, choose date or datetime, then save and publish changes.
Webflow recently introduced a new feature that allows content editors to easily select dates and times using a visual interface. This feature is the addition of a Date/Time Picker input field in the CMS.
1. Date/Time Picker Field in CMS
- Webflow now supports a Date/Time Picker for CMS collections, letting editors choose dates from a calendar and optionally times from a dropdown, instead of manually typing them in.
- This improves usability for content editors, ensuring consistent formatting and reducing input errors.
- The field can be used for blogs, events, product launches, or any scenario where controlling timing is important.
2. How to Add It
- Go to CMS Collections, either creating a new collection or editing an existing one.
- Click "Add Field", then choose "Date/Time" from the list of field types.
- Configure whether you want just a date, or both date and time.
- Save and publish your collection changes.
3. How It Appears in the Editor
- In the Webflow Editor, content editors will now see a calendar UI and time dropdowns when editing this field.
- This makes it much easier to pick specific dates and times for scheduling or content filtering.
Summary
Webflow's new Date/Time Picker field in the CMS allows editors to visually select dates and times, improving editing efficiency and consistency without manual input.