---
title: "Date and time picker"
slug: "date-and-time-picker"
abstract: "How to add a date and time picker to an entity details field."
---
# Date and time picker

> [!note]
> To configure Content Hub, you must either be a superuser or have the necessary permissions granted to you through [user group policies](https://doc.sitecore.com/ch/en/users/content-hub/user-group-policies.html "User group policies").

You can add a date and time picker to an [**Entity details** component](https://doc.sitecore.com/ch/en/users/content-hub/entity-details.html "Entity details") to let users select a date and time for a field value. Clicking a *Datetime* picker presents users with the following tabs:

- :mdiCalendar: lets the user select a date.
- :mdiClockOutline: lets the user select a time. This tab is only available if the picker uses a format that includes time.

<details>
<summary>Example</summary>

![date time picker tabs](https://doc.sitecore.com/api/markdown-image/ch/en/users/content-hub/images/date_time_picker_tabs.png)

</details>

There are two types of *Datetime* picker:

- *Datetime* picker - lets the user specify a date and time.
- *Datetime offset* picker - lets the user specify a date and time offset from UTC/GMT, such as *Jun 7, 2023 `2:51` PM +`02:00`*.

> [!note]
> You can configure the format of a *Datetime* picker on detail pages, but not on entity management pages.

To use a *Datetime* picker, first edit the asset entity and then add the *Datetime* picker to the **Details** component. In the following procedures, *M.Asset* is used as an example.

## Edit the asset entity

To edit the asset entity:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Entities**.
3. On the **Entities** page, next to the *M.Asset* entity, click **Edit** :mdiPencilOutline:.
4. In the left pane, select the **Overview** member group and, in the upper-right corner, click **New member**.
5. In the **New member** dialog box, click **Select** in the **PROPERTY** row.
6. From the list, select either *Datetime* or *Datetime offset* as the data type.
7. Click **Next**.
8. On the **General information** tab, enter a name for [the new member](https://doc.sitecore.com/ch/en/users/content-hub/create-a-member.html "Create a member"), plus a suitable label to display to users.
9. Click **Save**.
10. Click **Apply changes**.

## Add a date and time picker to an Entity details component

To add a date and time picker to an **Entity details** component:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Pages**.
3. On the **Pages** page, select the **Asset details** page.
4. On the **Layout** tab, next to the **Entity details** component, turn on the switch to enable custom settings.
5. On the **Details** component, click **More options** :mdiDotsHorizontal: > **Edit** :mdiPencilOutline:.
6. On the **Members** tab, select the **Overview** member group and, in the **Visible members** section, next to the *Datetime* or *Datetime offset* member, click :mdiCogOutline:.
7. In the dialog, from the **Format** list, select a format for the date and time.
8. Click **OK**.
9. Click **Save and close**.