Date Picker

📌 The Date Picker allows customers to easily select a date from a calendar interface. It helps ensure accurate date input and improves the overall user experience.

---

🔧 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.

3

☑️ Multiple Selection (Advanced Plan Feature)

Enable this to let customers choose multiple dates instead of just a single one.

---

🚫 Disable day (Advanced Plan Feature)

• Disable days of the week - Prevent customers from selecting specific weekdays (e.g., disable all Mondays).

• Disable Monthly Dates - Block certain dates every month (e.g., the 1st and 15th of each month).

• Disable Annual Dates - Block recurring dates every year (e.g., holidays like Jan 1st).

• Disable Specific Dates - Disable one-time, exact dates you choose (e.g., 2025-12-05).