Learn how to configure the Date Picker component in Praxsuite forms to collect dates or date-time values. Control date ranges, selector modes, default values, and validation while storing structured date data in your associated table.

The Date Picker component allows users to select a date (or date and time) from a calendar interface. It ensures that date inputs are structured, consistent, and easy to validate.

This component is commonly used for scheduling, deadlines, appointments, start dates, or any workflow where capturing a valid date is required.

The selected date is stored directly in the associated table column as a date-type value.

Basic configuration

Associated Table

Defines the table where the form submission will be stored.

Associated Column

Defines the column in the associated table where the selected date will be saved.

This column must be a date-type column.

Label

Defines the name of the field displayed in the form.

Example:

Date

This label should clearly indicate what date the user is expected to provide.

Examples:

• Appointment date

• Start date

• Delivery date

• Deadline

Selector mode

The Selector Mode determines the level of precision the user can select when entering a date.

Available modes include:

Date Only

Allows users to select only the calendar date.

Example:

March 12, 2026

This is the most common option for forms.

Date & Time

Allows users to select both the date and the time.

Example:

March 12, 2026 — 14:30

This is useful for scheduling events, meetings, or appointments.

Exact Date

Allows users to select a precise date configuration depending on the workflow.

This option is useful when exact timestamp accuracy is required.

Date range restrictions

The Date Picker allows you to control which dates users are allowed to select.

Minimum date

Defines the earliest date users can choose.

Example:

Today
January 1, 2025

This is useful for preventing users from selecting past dates.

Maximum date

Defines the latest date users can select.

Example:

December 31, 2030

This helps enforce scheduling limits or deadlines.

Data configuration

Required field

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

Visible field

Controls whether the field is visible in the form interface.

If disabled, the field remains hidden but can still be used internally.

Has default value

Allows you to define a default date that appears automatically when the form loads.

Example default values:

Today
Current date
Predefined deadline

Font

Defines the typography used for the Date Picker component within the form.