TimePickerPopup

Use the timer picker to select the time, in either 24-hour or 12-hour mode (AM/PM).

import { TimePickerPopup, Button } from "std-widgets.slint";
export component Example inherits Window {
    width: 400px;
    height: 600px;

    time-picker-button := Button {
        text: @tr("Open TimePicker");

        clicked => {
            time-picker.show();
        }
    }

    time-picker := TimePickerPopup {
        x: (root.width - self.width) / 2;
        y: (root.height - self.height ) / 2;
        width: 360px;
        height: 524px;
        canceled => {
            time-picker.close();
        }

        accepted(time) => {
            debug(time);
            time-picker.close();
        }
    }
}

slint

Properties

use-24-hour-format

bool default: system default

If set to true 24 hours are displayed otherwise it is displayed in AM/PM mode. (default: system default, if cannot be determined then true)

title

string default: ""

The text that is displayed at the top of the picker.

time

struct Time default: a struct with all default values

Time

Defines a time with hours, minutes, and seconds.

• hour(int): The hour value (range from 0 to 23).
• minute(int): The minute value (range from 1 to 59).
• second(int): The second value (range form 1 to 59).

Set the initial displayed time.

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

slint

Callbacks

canceled()

The cancel button was clicked.

time-picker := TimePickerPopup {
    canceled() => {
        time-picker.close();
    }
}

slint

accepted(Time)

The ok button was clicked.

time-picker := TimePickerPopup {
    accepted(time) => {
        debug("Selected time: ", time);
        time-picker.close();
    }
}

slint