Introduction

The Date Picker element allows your customers to select dates within your calculator form. It supports both single date selection and date ranges, with optional pricing based on the number of days selected.

Use Cases, Benefits & Features

Use Cases

• Rental Services - Calculate costs based on rental duration
• Event Planning - Let customers select event dates
• Booking Services - Request service dates from customers
• Project Timelines - Capture project start/end dates

Key Features

• Single date or date range selection
• Daily rate pricing for date ranges
• Min/Max date restrictions
• Disable specific dates
• Time picker option
• Custom default dates

Settings & Configuration

Date Type

Choose between two modes:

1. Single Date Picker - User selects one date
2. Date Range - User selects a start and end date (enables daily pricing)

Pricing Mode (Date Range only)

When using Date Range, you can charge based on the number of days selected.

Date Restrictions

• Min Date - Set the earliest selectable date (use "today" for dynamic minimum)
• Max Date - Set the latest selectable date
• Default Date - Pre-select a date when the form loads
• Disabled Dates - Block specific dates from selection (format: yyyy-mm-dd)

Time Options

Enable time selection to capture specific times along with dates. Configure:

• Time interval (e.g., 15 min, 30 min, 1 hour)
• Time format (12-hour or 24-hour)

Display Options

• Display in Detailed List - Toggle whether the date appears on the PDF/detailed list
• Disable Today's Date - Prevent selection of the current date

How to Add a Date Picker

1. Open your calculator in the editor
2. Click + Add Element
3. Select Date Picker from the element list
4. Configure the Date Type (Single or Range)
5. Set min/max dates if needed
6. Optionally disable specific dates
7. Save your calculator

Additional Information

Related Features

• Conditional Logic - Show/hide elements based on date selection
• Webhooks - Send date data to external services

All Elements & Features

Learn more about All Elements

Learn more about All Features

Need Support?

Ask a question or request support

Request a feature or give feedback

Updated on: 02/12/2025