> ## 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).

# Time Picker

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

# Time Picker

📌 The Time Picker allows customers to easily select a specific time from a user-friendly interface. It ensures accurate time 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

🕒 **Time format**

* 12 huors
* 24 huors

![](https://storage.crisp.chat/users/helpdesk/website/-/d/2/8/c/d28c44f02f42c000/c7183e0b-9dba-42db-a43e-f5e8a9_3vbtuf.jpg)

2

⏰ **Min & Max Time** _**(Advanced Plan Feature)**_

Set the earliest and latest time customers can select.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/6/c/6/96c6d6b6feda0800/31b311c6-036e-4982-aaaa-0e81dd_cq0ft2.jpg)