Datetime Picker

Overview

Datetime Picker is an input widget that lets users select a date and time from a date-time input field on the dashboard. The selected value is written to the bound flow variable as an ISO 8601 datetime string.

Widget Info

Data Source

The Data Source dropdown binds the widget to a flow variable. The selected datetime is stored into this variable each time the user changes the value. The variable must be of type string.

Settings

Label

Label displayed on the widget.

Label Color

Color of the label text. Use the color swatch to pick a custom color, or press the reset button (↺) to restore the default.

Label Icon

An icon displayed alongside the label. Enter the icon name to use (e.g. Datetime).

Size

Controls the size of the datetime input field.

Read Only

When enabled, the datetime input is displayed but cannot be changed by the user.

Variant

Controls the visual style of the input field.

Date Format

Controls the display format of the date portion.

Default Datetime Value

The initial datetime value pre-filled when the dashboard loads.

---

Advanced Options

Enable Advanced Options at the top right of the settings panel to reveal the following additional settings.

Label Class Name

Tailwind CSS class name applied to the label element for custom styling.

Label Icon Class Name

Tailwind CSS class name applied to the label icon element for custom styling.

Layout

Controls how the label and input are arranged.