(function openLouie() { let louie = document.getElementById("Dropdown-Toggle-14"); louie.classList = "host-toggle w-dropdown-toggle w--open"; console.log(louie); })();
Date Time

It is the element that allows the date and time value to be selected.

Add Time to Date

You can add the Date Time element from the Elements panel by dragging and dropping it to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a column, you just add the Date Time element.

Properties

For the Date Time element, you can make different settings for both the date and the time. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.

VALUE

As you can give a static value, you can also get dynamic values ​​with Symbol Picker.

PLACEHOLDER

You can add a helpful placeholder text to the end user.

ALLOW CLEAR

You can activate the button that will clear the entered value.

FORMAT

DD/MM/YYYY - You can set the formatting settings such as HH/MM/SS.

DISABLE BEFORE DATE

You can ensure that a date before the statically or dynamically entered date-time value cannot be selected.

USE 12 HOURS

You can set the time type according to the 12h or 24h font.

HOUR STEP

You can edit the clock steps. For example, you can use it in a scenario where product deliveries are made every 2 hours.

MINUTE STEP

You can edit minute steps. For example, you can consider the scenario where a vehicle delivery can be made only every 30 minutes.

SECOND STEP

You can add a step value in seconds, as in hours and minutes.

AUTHORIZATION

You can use the authorization options for the Date Time element.

VISIBILITY

You can manage the visibility of the element. It is always visible, hidden, or you can make it appear or hide depending on a condition.

ACTIONS

You can add functions that you can add to the Date Time element with Add Actions.

Styling

You can make additional edits to the Date Time Element by adding a frame, fill color, border, or shadow.

LAYOUT

You can make visual adjustments such as environmental interior spaces and sizing. Depending on the Date Time size, you can align the elements in it.

TEXT

You can adjust the properties such as Date Time text and the color size of the icon with the text section.

FILL

You can add color or image to Date Time body.

BORDER

You can add lines to the outer edges of Date Time and give curves to the corner.

SHADOW

You can add shadows to Date Time elements.

Simplicity Meets High Performance

Free edition subscription
Keep your work
No credit card required to try