> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usekinetic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Date Picker Field

> Configure date elements with flexible input methods, and custom formats.

## Date and Utility Elements

### Date Element

The Date element is ideal for capturing birthdays, preferred appointment dates, or any other date specific questions.

<CardGroup cols={2}>
  <Card title="Use Date Picker" icon="calendar-check">
    Toggle this on to show an interactive calendar widget. Users can browse months and years to select a date visually.
  </Card>

  <Card title="Manual Entry" icon="keyboard">
    Toggle the Date Picker off to let users type the date manually via their keyboard using a pre-defined format.
  </Card>
</CardGroup>

### Advanced Date Configuration

* **Date Format:** Choose the display format that matches your region: `DD/MM/YYYY`, `MM/DD/YYYY`, or `YYYY/MM/DD`.
* **Show Components:** Customize exactly what data is collected. You can toggle **Day**, **Month**, or **Year** on/off individually.
  * *Example:* Turn off "Year" if you only need a user's birthday (month and day) for annual celebrations.

### Data Storage & Klaviyo Sync

How you save date information affects how you can use it for marketing automation later.

* **Combined Storage:** Saves the entire date as a single string under one property name (e.g., `birthday: 15/03/1990`).
* **Separate Fields:** Creates individual properties for Day, Month, and Year. This is recommended for advanced segmentation.
  * *Example:* Mapping the month separately allows you to easily create a Klaviyo segment for "Users born in March."

## Klaviyo Integration Settings

To ensure your data syncs correctly, configure the Klaviyo profile properties at the bottom of the settings panel.

### Set a Property Name

In the **Property Name** field, enter the key that will represent this question in Klaviyo (e.g., `UserBirthday`).

### Automatic Data Sync

Once defined, the date submitted by a user will be automatically saved under this property name in their Klaviyo profile.

### Follow Naming Conventions

**Important:** Spaces are not allowed in property names. Please use:

* **Capitalization** (e.g., `UserBirthday`)
* **Underscores** (e.g., `user_birthday`)