Learn how to configure the Date Range component in Praxsuite forms to capture start and end dates for schedules, bookings, or time periods. Control date formats, limits, and time selection while storing structured ranges in your associated table.

The Date Range component allows users to select a start date and an end date within a single field. It is designed for workflows that involve time periods rather than single dates.

Typical use cases include:

• Project timelines

• Booking periods

• Vacation requests

• Reporting periods

• Contract validity ranges

The selected range is stored in the associated table column as a structured date period.

Basic configuration

Associated Table

Defines the table where the form submission will be stored.

Associated Column

Defines the table column where the selected date range will be saved.

This column should support date range or period-type values depending on your table configuration.

Label

Defines the name of the field displayed in the form.

Example:

Date Range

Choose a label that clearly describes the time period being requested.

Examples:

• Booking period

• Project duration

• Vacation dates

• Contract period

Placeholder

Displays example text inside the field before the user selects a range.

Example:

Select date range

This helps guide the user on what action to perform.

Description

Optional helper text that appears below the field to provide instructions or context.

Example:

Select the start and end date of the requested period.

Font

Defines the typography used for the component within the form.

Date formatting

Date format

Controls how the selected dates are displayed in the form.

Examples of supported formats include:

The selected format affects how the range appears to users and how it is displayed in the form interface.

Date restrictions

Minimum date

Defines the earliest date allowed for the start of the range.

Example:

January 1, 2025

This is useful when users should not be able to select past dates.

Maximum date

Defines the latest date allowed for the end of the range.

Example:

December 31, 2030

This helps enforce scheduling boundaries or reporting limits.

Field behavior

Required field

When enabled, the user must select a date range before submitting the form.

Show time selection

Allows users to select time values in addition to dates.

Example:

March 11, 2026 — 09:00
March 15, 2026 — 17:00

This is useful when workflows depend on precise start and end times.