Articles on: Option

Date Range

  1. Option
  2. Input Type options


Date Range


πŸ“Œ The Date Range feature allows customers to select a start and end date from a calendar interface. It ensures accurate date selection for a specific period and enhances the overall user experience.(Advanced Plan Feature)



πŸ”§ Basic Settings


  • Name – Change the display name shown to customers.
  • Required Field – Make the field mandatory before form submission.
  • Default Value: Set a default color (via hex code) to be pre-selected when the page loads.
  • Column width - Option represents a percentage of the overall width, e.g., 100%, 50%.
  • Add-on Price – Add an extra cost when a customer fills out this field.
  • Conditional Logic – Show/hide this field based on other option selections.



πŸ’‘ Advanced Settings


1


πŸ“… Date format


  • Determines how the selected date is displayed (e.g., MM/DD/YYYY or DD/MM/YYYY).
  • Custom date format


  • Year


  • Y β€” Full numeric year (e.g., 1999, 2024)
  • y β€” Two-digit year (e.g., 99, 24)
  • Month


  • m β€” Month number with leading zero (e.g., 01 to 12)
  • n β€” Month number without leading zero (e.g., 1 to 12)
  • F β€” Full month name (e.g., January, December)
  • M β€” Short month name (e.g., Jan, Dec)
  • Day


  • d β€” Day of the month with leading zero (e.g., 01 to 31)
  • j β€” Day of the month without leading zero (e.g., 1 to 31)
  • Time


  • H β€” 24-hour format (e.g., 00 to 23)
  • h β€” Hour in 12-hour format (e.g., 1 to 12)
  • G β€” Hour with leading zero in 12-hour format (e.g., 01 to 12)
  • i β€” Minutes (e.g., 00 to 59)
  • S β€” Seconds, 2 digits (e.g., 00 to 59)
  • s β€” Seconds, variable digits (e.g., 0, 59)
  • K β€” AM/PM (e.g., AM, PM)
  • Examples


  • Y-m-d β†’ 2025-07-04
  • M j, Y β†’ Jul 4, 2025
  • F d, Y h:i K β†’ July 04, 2025 03:30 PM
  • Y/n/j H:i:S β†’ 2025/7/4 15:30:59



2


πŸ“† Min & Max Date (Advanced Plan Feature)


Set the earliest and latest dates customers can select. Choose from the presets below:


  • No limit - No restriction on the selectable date range.
  • Today - Uses today’s date as the boundary.
  • Set specific date - Select a custom date as the limit.
  • X days from today - Automatically sets the limit based on a number of days from today.


Updated on: 10/08/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!