Skip to main content

Form / TimePicker

Use time pickers to allow users to pick times.

from h2o_wave import main, app, Q, ui


@app('/demo')
async def serve(q: Q):
if q.args.show_inputs:
q.page['example'].items = [
ui.text(f'timepicker={q.args.timepicker}'),
ui.text(f'timepicker_required={q.args.timepicker_required}'),
ui.text(f'timepicker_disabled={q.args.timepicker_disabled}'),
ui.text(f'timepicker_placeholder={q.args.timepicker_placeholder}'),
ui.text(f'timepicker_h24={q.args.timepicker_h24}'),
ui.text(f'timepicker_boundaries={q.args.timepicker_boundaries}'),
ui.text(f'timepicker_step={q.args.timepicker_step}'),
ui.button(name='show_form', label='Back', primary=True),
]
else:
q.page['example'] = ui.form_card(box='1 1 4 8', items=[
ui.time_picker(name='timepicker', label="Standard time picker"),
ui.time_picker(name='timepicker_required', label="Time picker - required", required=True),
ui.time_picker(name='timepicker_disabled', label="Disabled time picker", value='11:15', disabled=True),
ui.time_picker(name='timepicker_placeholder', label="Time picker with custom placeholder", placeholder='Select a time'),
ui.time_picker(name='timepicker_h24', label="Time picker with 24 hour time format", hour_format='24', value="18:35"),
ui.time_picker(name='timepicker_boundaries', label="Time picker with boundaries", min='10:00', max='18:00', value='13:36'),
ui.time_picker(name='timepicker_step', label="Time picker with minutes step", minutes_step=10),
ui.button(name='show_inputs', label='Submit', primary=True),
])
await q.page.save()

Tags:  formtimepicker