Time Select
Type: React component
How to get TimeSelect?
JavaScript
import { TimeSelect } from 'fds/components';
Three SingleAutocomplete components, used for selecting and hour, minute and second value. This component doesn't support selecting a date value (year, month and day), if this is desired consider using a CalendarInput or DateTimeSelect instead.
Props
hours
Placeholder (Optional)
Type: String
The placeholder text displayed in component when it is empty, i.e. has no values.
Default value
is
Disabled (Optional)
Type: Boolean
Whether or not the component should be rendered in a disabled state.
Default value
minutes
Placeholder (Optional)
Type: String
The placeholder text displayed in component when it is empty, i.e. has no values.
Default value
name
(Optional)
Type: String
The name of this component to identify it (and its value) when used inside an intelligent container component which aggregates its children (and/or their values), like a Form.
Default value
on
Change (Optional)
Type: Function
A callback that is called whenever a component's value changes.
This callback is called just before the "validate" prop is called.
Use this callback to update local state which in turn should update the value prop of the component whose callback just fired.
Arguments
Default value
seconds
Placeholder (Optional)
Type: String
The placeholder text displayed in component when it is empty, i.e. has no values.
Default value
tooltip
Content (Optional)
Type: String | ReactElement
The content of the tooltip that is displayed when hovering over the whole component.
-
string: the textual content of the tooltip
-
ReactElement: a React Element (instance of a React Component, usually created with JSX)
Default value
-
value
(Optional)
Type: Object
The current value of the component. This value should be a valid JavaScript date.
Related links
Default value
is
Borderless (Required)
Default value
on
Positioner Mount (Required)
Default value
on
Positioner Unmount (Required)
Default value