# Date Picker Option

**The "Date Picker" option type in YayExtra** allows customers to select a specific date directly from a calendar interface. It's ideal for products or services that require scheduling, such as bookings, appointments, or delivery dates. You can customize date formats, set available date ranges, and apply conditional logic for more flexibility.

The GIF example below shows how we selected the **Date Picker Option,** named it as **Delivery Date** and checked it as **Required** (so that customers must interact with this Option before they are able to checkout).

We can also add **Class** (for CSS purposes) and make other settings in the **Advanced Settings** tab and **Conditional Logics** tab

<figure><img src="https://1017190968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj2smJJDNU4M9yRHtLZ9O%2Fuploads%2FcKlYnRoEErqXnpF7hW6D%2FYayExtra_How%20to%20add%20Date%20picker%20option.gif?alt=media&#x26;token=8164617b-e343-407d-b63b-93147e244060" alt=""><figcaption></figcaption></figure>

It now includes advanced settings that allow you to **disable dates from today**, **disable other days**, **disable past date**. This makes it perfect for managing availability for bookings, events, or deliveries with greater control and flexibility.

<figure><img src="https://1017190968-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fj2smJJDNU4M9yRHtLZ9O%2Fuploads%2FK2OXSX25ceBZ1EjxBw6w%2Fimage.png?alt=media&#x26;token=29f3a781-ac1b-439e-b31c-3d78b7970728" alt=""><figcaption></figcaption></figure>
