---
title: "Define a Date/Time Control"
slug: "define-a-datetime-control"
updated: 2026-02-20T17:15:50Z
published: 2026-02-20T17:15:50Z
canonical: "documentation.lakesidesoftware.com/define-a-datetime-control"
---

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

# Define a Date/Time Control

The Date/Time display object allows you to display a date/time picker on a dashboard and have the selected date/time be made available as output. The output can then be connected to the input of one or more [Query Data blocks](/documentation/docs/define-a-query-data-block) to supply values for parameters in the queries.

![](https://cdn.document360.io/87d11426-6b1f-4b19-b593-b71e55a81af3/Images/Documentation/date_time_picker.png)

1. Drag the Date/Time data block from the toolbox onto the workspace.
2. Select the Date/Time data block.

![](https://cdn.document360.io/87d11426-6b1f-4b19-b593-b71e55a81af3/Images/Documentation/date_time_example.png)
3. In the Date/Time block's Properties pane, optionally rename the Date/Time data block in the **Name** field, and provide a **Description**.
4. Optionally select which order you wish this data block to appear on your dashboard either by typing in a value in the **Order** field, or by using the up and down arrows in that field.
5. Select a dashboard **Pane** from the drop-down list into which you wish to place the date/Time data block. The default is **Input**, but you can add a pane by clicking the **+** symbol to the right of the Pane field and naming the pane as you choose.
6. Optionally, in the **Prompt** field, enter a text prompt that you wish to appear to the left of the Date/Time selector (for example **From/To**).
7. If you wish to select a range of time, select the **Range mode** check box, then select a **Default range** from the drop-down list.

![](https://cdn.document360.io/87d11426-6b1f-4b19-b593-b71e55a81af3/Images/Documentation/date_time_range_mode.png)
8. If you would rather select a single date/time in the Date/time picker, leave the **Range Mode** check box unchecked. Optionally, in the **Relative** field preselect a default time from the drop-down list, and/or click the calendar icon and select a default date.

![](https://cdn.document360.io/87d11426-6b1f-4b19-b593-b71e55a81af3/Images/Documentation/relative_date_time.png)
9. To display only the date and time, select the **Hide relative list in viewer** check box. Leaving this unchecked will give the user the option of selecting a different relative time period.
10. When you are done, click the **Apply** button to save your changes.

<style> p[data-block-id] {font-size:1rem;} ul li p[data-block-id] {margin-bottom: 0;} ul[data-type="taskList"] li div p[data-block-id] {margin-bottom: 0;} ol li p[data-block-id] {margin-bottom: 0;} table tbody th p[data-block-id] { margin-bottom: 0;} blockquote p[data-block-id] {margin-bottom: 0 !important;} &nbsp;p[data-block-id]:empty::after {content: "\00A0";} </style>