Class TimePicker
- All Implemented Interfaces:
com.vaadin.flow.component.AttachNotifier,com.vaadin.flow.component.BlurNotifier<TimePicker>,com.vaadin.flow.component.DetachNotifier,com.vaadin.flow.component.Focusable<TimePicker>,com.vaadin.flow.component.FocusNotifier<TimePicker>,com.vaadin.flow.component.HasAriaLabel,com.vaadin.flow.component.HasElement,com.vaadin.flow.component.HasEnabled,com.vaadin.flow.component.HasHelper,com.vaadin.flow.component.HasLabel,com.vaadin.flow.component.HasPlaceholder,com.vaadin.flow.component.HasSize,com.vaadin.flow.component.HasStyle,com.vaadin.flow.component.HasTheme,com.vaadin.flow.component.HasValidation,com.vaadin.flow.component.HasValue<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,,LocalTime>, LocalTime> com.vaadin.flow.component.HasValueAndElement<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,,LocalTime>, LocalTime> com.vaadin.flow.component.shared.HasAllowedCharPattern,com.vaadin.flow.component.shared.HasAutoOpen,com.vaadin.flow.component.shared.HasClearButton,com.vaadin.flow.component.shared.HasPrefix,com.vaadin.flow.component.shared.HasThemeVariant<TimePickerVariant>,com.vaadin.flow.component.shared.HasTooltip,com.vaadin.flow.component.shared.HasValidationProperties,com.vaadin.flow.component.shared.InputField<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,,LocalTime>, LocalTime> com.vaadin.flow.data.binder.HasValidator<LocalTime>,Serializable
Validation
Time Picker comes with a built-in validation mechanism based on constraints. Validation is triggered whenever the user initiates a time change, for example by selection from the dropdown or manual entry followed by Enter or blur. Programmatic value changes trigger validation as well.
Validation verifies that the value is parsable into LocalTime and
satisfies the specified constraints. If validation fails, the component is
marked as invalid and an error message is displayed below the input.
The following constraints are supported:
Error messages for unparsable input and constraints can be configured with
the TimePicker.TimePickerI18n object, using the respective properties. If you
want to provide a single catch-all error message, you can also use the
setErrorMessage(String) method. Note that such an error message will
take priority over i18n error messages if both are set.
In addition to validation, constraints may also have a visual impact. For example, times before the minimum time or after the maximum time are not displayed in the dropdown to prevent their selection.
For more advanced validation that requires custom rules, you can use
Binder. By default, before running custom validators, Binder will
also check if the time is parsable and satisfies the component constraints,
displaying error messages from the TimePicker.TimePickerI18n object. The
exception is the required constraint, for which Binder provides its own API,
see asRequired().
However, if Binder doesn't fit your needs and you want to implement fully
custom validation logic, you can disable the constraint validation by setting
setManualValidation(boolean) to true. This will allow you to control
the invalid state and the error message manually using
HasValidationProperties.setInvalid(boolean) and setErrorMessage(String) API.
- Author:
- Vaadin Ltd
- See Also:
-
Nested Class Summary
Nested ClassesModifier and TypeClassDescriptionstatic classinvalid-changedevent is sent when the invalid state changes.static classThe internationalization properties forTimePicker.Nested classes/interfaces inherited from class com.vaadin.flow.component.AbstractField
com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<C extends com.vaadin.flow.component.Component,V extends Object> Nested classes/interfaces inherited from interface com.vaadin.flow.component.BlurNotifier
com.vaadin.flow.component.BlurNotifier.BlurEvent<C extends com.vaadin.flow.component.Component>Nested classes/interfaces inherited from interface com.vaadin.flow.component.FocusNotifier
com.vaadin.flow.component.FocusNotifier.FocusEvent<C extends com.vaadin.flow.component.Component>Nested classes/interfaces inherited from interface com.vaadin.flow.component.HasValue
com.vaadin.flow.component.HasValue.ValueChangeEvent<V extends Object>, com.vaadin.flow.component.HasValue.ValueChangeListener<E extends com.vaadin.flow.component.HasValue.ValueChangeEvent<?>> -
Constructor Summary
ConstructorsConstructorDescriptionDefault constructor.TimePicker(com.vaadin.flow.component.HasValue.ValueChangeListener<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker, LocalTime>> listener) Convenience constructor to create a time picker with aHasValue.ValueChangeListener.TimePicker(String label) Convenience constructor to create a time picker with a label.TimePicker(String label, LocalTime time) Convenience constructor to create a time picker with a pre-selected time and a label.TimePicker(String label, LocalTime time, com.vaadin.flow.component.HasValue.ValueChangeListener<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker, LocalTime>> listener) Convenience constructor to create a time picker with a label, a pre-selected time and aHasValue.ValueChangeListener.TimePicker(LocalTime time) Convenience constructor to create a time picker with a pre-selected time.TimePicker(LocalTime time, com.vaadin.flow.component.HasValue.ValueChangeListener<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker, LocalTime>> listener) Convenience constructor to create a time picker with a pre-selected time andHasValue.ValueChangeListener. -
Method Summary
Modifier and TypeMethodDescriptioncom.vaadin.flow.shared.RegistrationaddInvalidChangeListener(com.vaadin.flow.component.ComponentEventListener<TimePicker.InvalidChangeEvent> listener) Adds a listener forinvalid-changedevents fired by the webcomponent.com.vaadin.flow.shared.RegistrationaddValidationStatusChangeListener(com.vaadin.flow.data.binder.ValidationStatusChangeListener<LocalTime> listener) com.vaadin.flow.data.binder.Validator<LocalTime>getI18n()Gets the internationalization object previously set for this component.getLabel()Gets the label of the time picker.Gets the Locale for this time picker.getMax()Gets the maximum time allowed to be selected for this field.getMin()Gets the minimum time allowed to be selected for this field.getStep()Gets the step of the time picker.Returns a stream of all the available locales that are supported by the time picker component.protected final booleanFor internal use only.protected booleanDeprecated.Since v24.8booleanAlias forisRequiredIndicatorVisible()booleanGets whether the user is required to provide a value.protected voidonAttach(com.vaadin.flow.component.AttachEvent attachEvent) voidsetAriaLabel(String ariaLabel) voidsetAriaLabelledBy(String labelledBy) voidsetErrorMessage(String errorMessage) voidSets the internationalization object for this component.voidSets the label for the time picker.voidSet the Locale for the Time Picker.voidsetManualValidation(boolean enabled) voidSets the maximum time allowed to be selected for this field.voidSets the minimum time allowed to be selected for this field.protected voidsetModelValue(LocalTime newModelValue, boolean fromClient) voidsetRequired(boolean required) Alias forsetRequiredIndicatorVisible(boolean).voidsetRequiredIndicatorVisible(boolean required) Sets whether the user is required to provide a value.voidSets thestepproperty of the time picker using duration.voidSets the selected time value of the component.protected voidvalidate()Validates the current value against the constraints and sets theinvalidproperty and theerrorMessageproperty based on the result.Methods inherited from class com.vaadin.flow.component.AbstractSinglePropertyField
getSynchronizationRegistration, hasValidValue, setPresentationValue, setSynchronizedEventMethods inherited from class com.vaadin.flow.component.AbstractField
addValueChangeListener, getEmptyValue, getValue, isEmpty, valueEqualsMethods inherited from class com.vaadin.flow.component.Component
addListener, findAncestor, fireEvent, from, get, getChildren, getElement, getEventBus, getId, getListeners, getParent, getTranslation, getTranslation, getTranslation, getTranslation, getTranslation, getTranslation, getUI, hasListener, isAttached, isTemplateMapped, isVisible, onDetach, onEnabledStateChanged, removeFromParent, scrollIntoView, scrollIntoView, set, setElement, setId, setVisibleMethods inherited from class java.lang.Object
clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, waitMethods inherited from interface com.vaadin.flow.component.AttachNotifier
addAttachListenerMethods inherited from interface com.vaadin.flow.component.BlurNotifier
addBlurListenerMethods inherited from interface com.vaadin.flow.component.DetachNotifier
addDetachListenerMethods inherited from interface com.vaadin.flow.component.Focusable
addFocusShortcut, blur, focus, getTabIndex, setTabIndexMethods inherited from interface com.vaadin.flow.component.FocusNotifier
addFocusListenerMethods inherited from interface com.vaadin.flow.component.shared.HasAllowedCharPattern
getAllowedCharPattern, setAllowedCharPatternMethods inherited from interface com.vaadin.flow.component.shared.HasAutoOpen
isAutoOpen, setAutoOpenMethods inherited from interface com.vaadin.flow.component.shared.HasClearButton
isClearButtonVisible, setClearButtonVisibleMethods inherited from interface com.vaadin.flow.component.HasElement
getElementMethods inherited from interface com.vaadin.flow.component.HasEnabled
isEnabled, setEnabledMethods inherited from interface com.vaadin.flow.component.HasHelper
getHelperComponent, getHelperText, setHelperComponent, setHelperTextMethods inherited from interface com.vaadin.flow.component.HasPlaceholder
getPlaceholder, setPlaceholderMethods inherited from interface com.vaadin.flow.component.shared.HasPrefix
getPrefixComponent, setPrefixComponentMethods inherited from interface com.vaadin.flow.component.HasSize
getHeight, getHeightUnit, getMaxHeight, getMaxWidth, getMinHeight, getMinWidth, getWidth, getWidthUnit, setHeight, setHeight, setHeightFull, setMaxHeight, setMaxHeight, setMaxWidth, setMaxWidth, setMinHeight, setMinHeight, setMinWidth, setMinWidth, setSizeFull, setSizeUndefined, setWidth, setWidth, setWidthFullMethods inherited from interface com.vaadin.flow.component.HasStyle
addClassName, addClassNames, getClassName, getClassNames, getStyle, hasClassName, removeClassName, removeClassNames, setClassName, setClassNameMethods inherited from interface com.vaadin.flow.component.HasTheme
addThemeName, addThemeNames, getThemeName, getThemeNames, hasThemeName, removeThemeName, removeThemeNames, setThemeName, setThemeNameMethods inherited from interface com.vaadin.flow.component.shared.HasThemeVariant
addThemeVariants, removeThemeVariants, setThemeVariant, setThemeVariants, setThemeVariantsMethods inherited from interface com.vaadin.flow.component.shared.HasTooltip
getTooltip, setTooltipTextMethods inherited from interface com.vaadin.flow.component.shared.HasValidationProperties
getErrorMessage, isInvalid, setInvalidMethods inherited from interface com.vaadin.flow.component.HasValue
addValueChangeListener, clear, getEmptyValue, getOptionalValue, getValue, isEmptyMethods inherited from interface com.vaadin.flow.component.HasValueAndElement
isReadOnly, setReadOnly
-
Constructor Details
-
TimePicker
public TimePicker()Default constructor. -
TimePicker
Convenience constructor to create a time picker with a pre-selected time.- Parameters:
time- the pre-selected time in the picker
-
TimePicker
Convenience constructor to create a time picker with a label.- Parameters:
label- the label describing the time picker- See Also:
-
TimePicker
Convenience constructor to create a time picker with a pre-selected time and a label.- Parameters:
label- the label describing the time pickertime- the pre-selected time in the picker
-
TimePicker
public TimePicker(com.vaadin.flow.component.HasValue.ValueChangeListener<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker, LocalTime>> listener) Convenience constructor to create a time picker with aHasValue.ValueChangeListener.- Parameters:
listener- the listener to receive value change events- See Also:
-
AbstractField.addValueChangeListener(HasValue.ValueChangeListener)
-
TimePicker
public TimePicker(LocalTime time, com.vaadin.flow.component.HasValue.ValueChangeListener<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker, LocalTime>> listener) Convenience constructor to create a time picker with a pre-selected time andHasValue.ValueChangeListener.- Parameters:
time- the pre-selected time in the pickerlistener- the listener to receive value change events- See Also:
-
AbstractField.addValueChangeListener(HasValue.ValueChangeListener)
-
TimePicker
public TimePicker(String label, LocalTime time, com.vaadin.flow.component.HasValue.ValueChangeListener<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker, LocalTime>> listener) Convenience constructor to create a time picker with a label, a pre-selected time and aHasValue.ValueChangeListener.- Parameters:
label- the label describing the time pickertime- the pre-selected time in the pickerlistener- the listener to receive value change events- See Also:
-
setLabel(String)AbstractField.addValueChangeListener(HasValue.ValueChangeListener)
-
-
Method Details
-
setErrorMessage
Distinct error messages for unparsable input and different constraints can be configured with the
TimePicker.TimePickerI18nobject, using the respective properties. However, note that the error message set withsetErrorMessage(String)will take priority and override any i18n error messages if both are set.- Specified by:
setErrorMessagein interfacecom.vaadin.flow.component.HasValidation- Specified by:
setErrorMessagein interfacecom.vaadin.flow.component.shared.HasValidationProperties
-
setLabel
Sets the label for the time picker.- Specified by:
setLabelin interfacecom.vaadin.flow.component.HasLabel- Parameters:
label- value for thelabelproperty in the time picker
-
setValue
Sets the selected time value of the component. The value can be cleared by setting null.The value will be truncated to millisecond precision, as that is the maximum that the time picker supports. This means that
AbstractField.getValue()might return a different value than what was passed in.- Specified by:
setValuein interfacecom.vaadin.flow.component.HasValue<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,LocalTime>, LocalTime> - Overrides:
setValuein classcom.vaadin.flow.component.AbstractField<TimePicker,LocalTime> - Parameters:
value- the LocalTime instance representing the selected time, or null
-
setModelValue
- Overrides:
setModelValuein classcom.vaadin.flow.component.AbstractField<TimePicker,LocalTime>
-
getLabel
Gets the label of the time picker.- Specified by:
getLabelin interfacecom.vaadin.flow.component.HasLabel- Returns:
- the
labelproperty of the time picker
-
setAriaLabel
- Specified by:
setAriaLabelin interfacecom.vaadin.flow.component.HasAriaLabel
-
getAriaLabel
- Specified by:
getAriaLabelin interfacecom.vaadin.flow.component.HasAriaLabel
-
setAriaLabelledBy
- Specified by:
setAriaLabelledByin interfacecom.vaadin.flow.component.HasAriaLabel
-
getAriaLabelledBy
- Specified by:
getAriaLabelledByin interfacecom.vaadin.flow.component.HasAriaLabel
-
getDefaultValidator
- Specified by:
getDefaultValidatorin interfacecom.vaadin.flow.data.binder.HasValidator<LocalTime>
-
addValidationStatusChangeListener
public com.vaadin.flow.shared.Registration addValidationStatusChangeListener(com.vaadin.flow.data.binder.ValidationStatusChangeListener<LocalTime> listener) - Specified by:
addValidationStatusChangeListenerin interfacecom.vaadin.flow.data.binder.HasValidator<LocalTime>
-
isInputValuePresent
Deprecated.Since v24.8For internal use only.Returns whether the input element has a value or not.
- Returns:
trueif the input element's value is populated,falseotherwise
-
isInputUnparsable
protected final boolean isInputUnparsable()For internal use only.Returns whether the input value is unparsable.
- Returns:
trueif the input element's value is populated and unparsable,falseotherwise
-
setRequiredIndicatorVisible
public void setRequiredIndicatorVisible(boolean required) Sets whether the user is required to provide a value. When required, an indicator appears next to the label and the field invalidates if the value is cleared.NOTE: The required indicator is only visible when the field has a label, see
setLabel(String).- Specified by:
setRequiredIndicatorVisiblein interfacecom.vaadin.flow.component.HasValue<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,LocalTime>, LocalTime> - Specified by:
setRequiredIndicatorVisiblein interfacecom.vaadin.flow.component.HasValueAndElement<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,LocalTime>, LocalTime> - Parameters:
required-trueto make the field required,falseotherwise- See Also:
-
isRequiredIndicatorVisible
public boolean isRequiredIndicatorVisible()Gets whether the user is required to provide a value.- Specified by:
isRequiredIndicatorVisiblein interfacecom.vaadin.flow.component.HasValue<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,LocalTime>, LocalTime> - Specified by:
isRequiredIndicatorVisiblein interfacecom.vaadin.flow.component.HasValueAndElement<com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent<TimePicker,LocalTime>, LocalTime> - Returns:
trueif the field is required,falseotherwise- See Also:
-
setRequired
public void setRequired(boolean required) Alias forsetRequiredIndicatorVisible(boolean).- Parameters:
required-trueto make the field required,falseotherwise
-
isRequired
public boolean isRequired()Alias forisRequiredIndicatorVisible()- Returns:
trueif the field is required,falseotherwise
-
setStep
Sets thestepproperty of the time picker using duration. It specifies the intervals for the displayed items in the time picker dropdown and also the displayed time format.The set step needs to evenly divide a day or an hour and has to be larger than 0 milliseconds. By default, the format is
hh:mm(same as *Duration.ofHours(1)If the step is less than 60 seconds, the format will be changed to
hh:mm:ssand it can be inhh:mm:ss.fffformat, when the step is less than 1 second.NOTE: If the step is less than 900 seconds, the dropdown is hidden.
NOTE: changing the step to a larger duration can cause a new
HasValue.ValueChangeEventto be fired if some parts (eg. seconds) is discarded from the value.- Parameters:
step- the step to set, notnulland should divide a day or an hour evenly
-
getStep
Gets the step of the time picker.This property is not synchronized automatically from the client side, so the returned value may not be the same as in client side.
- Returns:
- the
stepproperty from the picker, unit seconds
-
addInvalidChangeListener
public com.vaadin.flow.shared.Registration addInvalidChangeListener(com.vaadin.flow.component.ComponentEventListener<TimePicker.InvalidChangeEvent> listener) Adds a listener forinvalid-changedevents fired by the webcomponent.- Parameters:
listener- the listener- Returns:
- a
Registrationfor removing the event listener
-
setManualValidation
public void setManualValidation(boolean enabled) - Specified by:
setManualValidationin interfacecom.vaadin.flow.component.HasValidation
-
validate
protected void validate()Validates the current value against the constraints and sets theinvalidproperty and theerrorMessageproperty based on the result. If a custom error message is provided withsetErrorMessage(String), it is used. Otherwise, the error message defined in the i18n object is used.The method does nothing if the manual validation mode is enabled.
-
onAttach
protected void onAttach(com.vaadin.flow.component.AttachEvent attachEvent) - Overrides:
onAttachin classcom.vaadin.flow.component.Component
-
setLocale
Set the Locale for the Time Picker. The displayed time will be formatted by the browser using the given locale.By default, the locale is
nulluntil the component is attached to an UI, and then locale is set toUI.getLocale(), unless a locale has been explicitly set before that.The time formatting is done in the browser using the Date.toLocaleTimeString() function.
If for some reason the browser doesn't support the given locale, the en-US locale is used.
NOTE: only the language + country/region codes are used. This means that the script and variant information is not used and supported. NOTE: timezone related data is not supported. NOTE: changing the locale does not cause a new
HasValue.ValueChangeEventto be fired.- Parameters:
locale- the locale set to the time picker, cannot be [@code null}
-
getLocale
Gets the Locale for this time picker.By default, the locale is
nulluntil the component is attached to an UI, and then locale is set toUI.getLocale(), unlesssetLocale(Locale)has been explicitly called before that.- Overrides:
getLocalein classcom.vaadin.flow.component.Component- Returns:
- the locale used for this time picker
-
setMin
Sets the minimum time allowed to be selected for this field. Times before that won't be displayed in the dropdown. Manual entry of such times will cause the component to invalidate.The minimum time is inclusive.
- Parameters:
min- the minimum time, ornullto remove this constraint- See Also:
-
getMin
Gets the minimum time allowed to be selected for this field.- Returns:
- the minimum time, or
nullif no minimum is set - See Also:
-
setMax
Sets the maximum time allowed to be selected for this field. Times after that won't be displayed in the dropdown. Manual entry of such times will cause the component to invalidate.The maximum time is inclusive.
- Parameters:
max- the maximum time, ornullto remove this constraint- See Also:
-
getMax
Gets the maximum time allowed to be selected for this field.- Returns:
- the maximum time, or
nullif no maximum is set - See Also:
-
getSupportedAvailableLocales
Returns a stream of all the available locales that are supported by the time picker component.This is a shorthand for
Locale.getAvailableLocales()where all locales without theLocale.getLanguage()have been filtered out, as the browser cannot localize the time for those.- Returns:
- a stream of the available locales that are supported by the time picker component
- See Also:
-
getI18n
Gets the internationalization object previously set for this component.NOTE: Updating the instance that is returned from this method will not update the component if not set again using
setI18n(TimePickerI18n)- Returns:
- the i18n object or
nullif no i18n object has been set
-
setI18n
Sets the internationalization object for this component.- Parameters:
i18n- the i18n object, notnull
-