> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help-option.ymqapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Date Picker

1. [Option](/ymq-options-v2/option)
2. [Input Type options](/ymq-options-v2/option/input-type-options)

# 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`

![](https://storage.crisp.chat/users/helpdesk/website/-/8/9/5/0/8950accf04b48000/840087a0-3927-429a-ae67-976934_t4myhj.jpg)

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.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/3/59d30fa95021d000/e51ee042-b63e-4eb9-8b69-2b6347_zuc6m9.jpg)

3

☑️ **Multiple Selection** _**(Advanced Plan Feature)**_

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

![](https://storage.crisp.chat/users/helpdesk/website/-/d/c/9/a/dc9a4bed09e1c80/2bbbead6-aca4-4fab-b5c3-6c80d2_1revzkw.jpg)

---

🚫 **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).

![](https://storage.crisp.chat/users/helpdesk/website/-/4/7/7/8/477802b6edf26000/b7ab57e0-c587-4cb9-bc2f-08c05b_1xotoql.jpg)