Components/Form components

ETimeSelect Time select

import EUI 1.0

Examples

Fixed steps, display format and end time

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Item { width: Math.min(760, parent.width) height: 640 Column { width: parent.width - 48 spacing: 16 anchors.centerIn: parent ETimeSelect { id: webDatesTimeSelect editable: true start: "09:00" end: "18:10" step: "00:30" format: "hh:mm A" includeEndTime: true width: Math.min(260, parent.width) objectName: "webDatesTimeSelect" } EText { width: parent.width wrapMode: Text.WordWrap text: qsTr("Selected time: ") + String(webDatesTimeSelect.value || "") } } }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Thirty-minute time slots

QML sourceQML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 ETimeSelect { step: 30 end: "18:00" start: "09:00" }

Preview

Run the code to try the component

Edit text, properties, or events, then select Run.

Code runs in this browser Licenses

Properties

PropertyDescriptionValues and default

allowCreatebool

Allow unmatched input to become a new option.

Defaultfalse

clearablebool

Show a clear action; ratings may be cleared by clicking the current score again.

Defaultfalse

collapseTagsbool

Collapse excess selected tags.

Defaultfalse

currentIndexint

Index of the current selected or displayed item.

-1: no selection
0 and above: item index

Default-1

debounceint

Delay, throttling or automatic close time in milliseconds; 0 means no delay or no timed close.

Default300

editablebool

Allow input editing or enable both tab addition and closing.

Defaultfalse

emptyValuesvar

Values treated as empty; includes undefined, null and the empty string by default.

DefaultInherited; default [undefined, null, ""]

enabledbool

Allow interaction; false disables the control.

Defaulttrue

endstring

Start and end of time-select options in HH:mm.

DefaultEValueUtils.formatTime(18, 30, 0, false)

filterMethodvar

Custom filter callback using the current component's filtering arguments and result.

Defaultnull

filterablebool

Allow keyword filtering.

Defaultfalse

formatstring

Display format: date/time pattern, progress callback or countdown time placeholders.

Default"HH:mm"

heightreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitHeight

includeEndTimebool

Include the end time even when the step does not evenly divide the range.

Defaultfalse

indentRolestring

Object field used for text, values, child nodes or indentation.

Default""

loadingbool

Whether the component is loading.

Defaultfalse

loadingTextstring

Loading-state text.

DefaultLocalized text

maxCollapseTagsint

Maximum directly visible tags when collapsing.

Default1

maxTimestring

Selectable time bounds in HH:mm or HH:mm:ss; empty means unbounded.

Default""

minTimestring

Selectable time bounds in HH:mm or HH:mm:ss; empty means unbounded.

Default""

modelvar

Component data source; item structure follows the current example and component contract.

DefaultformattedOptions()

multiplebool

Allow multiple selection.

Defaultfalse

multipleLimitint

Maximum selections.

0: unlimited
Positive number: limit

Default0

noDataTextstring

Text displayed when no data is available.

DefaultLocalized text

noMatchTextstring

Text displayed when filtering finds no matches.

DefaultLocalized text

optionDelegateComponent

Component slot for custom option; null uses the default content. See this page’s examples for delegate context.

Defaultnull

placeholderTextstring

Placeholder shown when the value is empty.

DefaultLocalized text

popupFooterComponent

Component slot for a panel footer or popup header/footer. See this page’s examples for delegate context.

Defaultnull

popupHeaderComponent

Component slot for a panel footer or popup header/footer. See this page’s examples for delegate context.

Defaultnull

prefixIconint

Icon used by the component.

EIcons.*
0 (no icon)

DefaultEIcons.CLOCK

querystring

Current filtering or search query.

Default""

remotebool

Use remote search instead of local filtering.

Defaultfalse

remoteMethodvar

Remote query callback receiving a keyword and returning options or a Promise.

Defaultnull

reserveKeywordbool

Keep the search keyword after selection.

Defaulttrue

sizeint

Control size; inherits the nearest EConfigProvider by default.

EStyle.Small
EStyle.Medium
EStyle.Large

DefaultInherited; EStyle.Medium by default

startstring

Start and end of time-select options in HH:mm.

DefaultEValueUtils.formatTime(8, 30, 0, false)

stepvar

Increment step; sliders may override stepSize, while time-select uses minutes or HH:mm.

Minutes / "HH:mm"

Default30

tagDelegateComponent

Component slot for custom tag item; null uses the default content. See this page’s examples for delegate context.

Defaultnull

textRolestring

Object field used for text, values, child nodes or indentation.

Default"label"

validateEventbool

Request enclosing-form validation when the value changes.

Defaulttrue

validationMessagestring

Validation message or externally supplied error text.

Default""

validationStateint

Input validation state.

EValidationState.None
EValidationState.Success
EValidationState.Warning
EValidationState.Error

DefaultEValidationState.None

valuevar

Selected time string; TimePicker range mode uses a start/end array, with format set by valueFormat.

Defaultundefined

valueKeystring

Option value field or unique identifier for object values.

Default"value"

valueOnClearvar

Value after clearing, or a function returning it; inherits configuration by default.

DefaultInherited; default undefined

valueRolestring

Object field used for text, values, child nodes or indentation.

Default"value"

visiblebool

Whether the component is visible.

Defaulttrue

widthreal

Component size in pixels; may be bound to its parent layout.

DefaultimplicitWidth

advancedboolRead only

Whether select uses advanced mode for multiple selection, filtering or custom delegates.

DefaultComputed at runtime

emptyboolRead only

Whether the current value is considered empty.

DefaultComputed at runtime

groupedboolRead only

Whether the select model contains option groups.

DefaultComputed at runtime

hasValidationErrorboolRead only

Whether validation state is Error.

DefaultComputed at runtime

selectedValuesvarRead only

Selected values in multiple select mode.

DefaultComputed at runtime

sourceOptionsvarRead only

Normalized suggestion or selection options.

DefaultComputed at runtime

visibleOptionsvarRead only

Select options visible after filtering.

DefaultComputed at runtime

Methods

SignaturePurpose

commitInput(text)

Commit the input text; invalid input preserves the previous value and emits inputRejected.