About Date Range
Add a start date and an end date to your native Framer form, for bookings, rentals, stays and events.
Visitors pick both dates with their browser's own date picker, on desktop and mobile. Your form receives each date in ISO format, for example 2026-11-04 and 2026-11-08, under the field names you choose. Turn on time to collect 2026-11-04T15:00 instead, and turn on number of nights to receive a third field with the count. It works with every form destination: email, Google Sheets, webhooks, or FramerSend.
How it works:
Select your Form on the canvas.
Open Date Range and click Insert date range. It is added above the submit button at full width.
In the right panel, set the field names, labels and rules.
Options: required, disable past dates, minimum and maximum nights, date only or date and time, labels inside or above the fields, your own error text, stacking on narrow layouts, font, colors, radius, padding and gap. The end date can never be before the start date.
The field is a code component written into your project. It loads no external scripts and makes no network requests on your site.
Pricing: included in every FramerSend plan. Free for 14 days with no card, then from $5/month. Details at framersend.com/pricing.
