Skip to content

TimePickerPopup

import { FilledButton, TimePickerPopup } from "@material";
export component Example inherits Window {
width: 400px;
height: 600px;
time_picker_button := FilledButton {
text: @tr("Open Time Picker");
clicked => {
time_picker.show();
}
}
time_picker := TimePickerPopup {
x: (root.width - self.width) / 2;
y: (root.height - self.height ) / 2;
close_policy: PopupClosePolicy.no_auto_close;
time: { hour: 12, minute: 24 };
}
}
slint

A TimePicker allows users to select a time using a clock interface or text input.

struct Time default: a struct with all default values

Set the initial displayed time.

TimePickerPopup {
time: { hour: 12, minute: 24 };
}
slint

© 2025 SixtyFPS GmbH