Directory

← Back

TimeSelector Add-on

Time selection add-on

Author

Contributors

Rating

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 14+ in 14.0.0-beta1
Vaadin 10+ in 10.0.0-alpha1
Vaadin 8.0+ in 2.0.1
Vaadin 7.5+ in 1.2.1
Browser
Firefox
Opera
Safari
Google Chrome
Microsoft Edge
Online