TimePicker

Time Picker

Introduction

TimePicker is a widget in Supervisely that allows to select time input.

Function signature

TimePicker(
    start="09:00",
    step="00:15",
    end="22:30",
    placeholder=None,
    size=None,
    readonly=False,
    disabled=False,
    editable=True,
    clearable=True,
    widget_id=None,
)

Parameters

start

Determine TimePicker start time.

type: str

default value: "09:00"

step

Determine TimePicker time step.

type: str

default value: "00:15"

end

Determine TimePicker end time.

type: str

default value: "22:30"

time_picker = TimePicker(start="06:30", step="00:30", end="15:00")

placeholder

Determine TimePicker placeholder.

type: str

default value: None

time_picker = TimePicker(placeholder="Select time")

size

Determine TimePicker size of input.

type: Literal["large", "small", "mini", None]

default value: None

text = Text()
time_picker = TimePicker()
time_picker_mini = TimePicker(size="mini")
time_picker_small = TimePicker(size="small")
time_picker_large = TimePicker(size="large")

readonly

Determine whether TimePicker is read only.

type: bool

default value: False

time_picker = TimePicker(readonly=True)

editable

Determine whether the input is editable.

type: bool

default value: True

clearable

Determine whether to show a clear button.

type: bool

default value: True

widget_id

ID of the widget.

type: str

default value: None

Methods and attributes

Mini App Example

You can find this example in our Github repository:

supervisely-ecosystem/ui-widgets-demos/input/008_time_picker/src/main.py

Import libraries

import os

import supervisely as sly
from dotenv import load_dotenv
from supervisely.app.widgets import Card, Container, Text, TimePicker

Init API client

First, we load environment variables with credentials and init API for communicating with Supervisely Instance:

load_dotenv("local.env")
load_dotenv(os.path.expanduser("~/supervisely.env"))

api = sly.Api()

Initialize TimePicker and Text widgets

time_picker = TimePicker()

text = Text()

Create app layout

Prepare a layout for app using Card widget with the content parameter.

card = Card(
    "Time Picker",
    content=Container([time_picker, text]),
)
layout = Container(widgets=[card])

Create app using layout

Create an app object with layout parameter.

app = sly.Application(layout=card)

Add functions to control widgets from python code

@time_picker.value_changed
def show_time(res):
    info = f"Selected time: {res}"
    text.set(text=info, status="info")