Date Picker

Written By Floris de Vries

Last updated 3 days ago

The Date Picker field allows customers to select a specific date using a calendar interface. This field is commonly used for delivery dates, appointment dates, or scheduling-related input. The Date Picker does not directly affect pricing, but the selected date can be referenced in later steps of the calculator for conditional logic or pricing rules.


Label

The Label defines the text displayed above the date input on the product page.
Use a clear and descriptive label so customers understand which date they need to select.

Example:
Preferred delivery date


Key (unique ID)

The Key is a unique technical identifier for the date picker field.
It is used internally by the calculator and can be referenced in later calculation or logic steps.

Important rules:

  • Only lowercase letters are allowed

  • Numbers and underscores are supported

  • No spaces or special characters

Examples:
delivery_date
appointment_date


Required field

When Required field is enabled, the customer must select a date before the product can be added to the cart.
Use this option when the date is mandatory for order processing or scheduling.


๐Ÿ’ก Tip:
Use the Date Picker when you need structured date input instead of free text. This ensures consistent formatting and prevents invalid date entries.