Directory

← Back

TimeSelector Add-on

Time selection add-on

Author

Rating

Popularity

100+

TimeSelector is a component that enables simple selection of the time using a circle. All parts except for the circle selector can be themed using css to get the look and feel that one needs.

The circle selector is supports both desktops and mobiles.

Sample code

final TimeSelector selector = new TimeSelector();
selector.addSelectionChangeListener(new TimeSelector.SelectionChangeListener() {

  @Override
  public void selectionChanged(TimeSelector.SelectionChangeEvent event) {
    System.out.println(event.getHours() + ":" + event.getMinutes());
  }
});

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Vaadin 24 support version with 12 and 24 h clock support. TimeSelector now handles time as TimeLocal instead of String.

Released
2023-03-31
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 23+
Vaadin 7.5+ in 1.0
Vaadin 10+ in 10.0.0-alpha1
Vaadin 8.0+ in 2.0.0
Vaadin 14+ in 14.0.0-beta1
Browser
Firefox
Opera
Safari
Google Chrome
Microsoft Edge

TimeSelector Add-on - Vaadin Add-on Directory

Time selection add-on TimeSelector Add-on - Vaadin Add-on Directory
TimeSelector is a component that enables simple selection of the time using a circle. All parts except for the circle selector can be themed using css to get the look and feel that one needs. The circle selector is supports both desktops and mobiles.
Online