Skip to content

TimePicker

Time picker

jsx
import Timepicker from '@semcore/ui/time-picker';

NSTimePicker.Props

& {...}
NameTypeDescription
valuestring Time in the hh:mm format
defaultValuestring Default value if `value` property is not provided
onChange(time: string, event: ) => void The event responses upon time changing
disabledboolean In charge of the component blocking
size"m" | "l" Control size
is12Hourboolean 12-hour time format
localestring Specifies the locale for i18n support

TimePicker.Hours, TimePicker.Minutes

NSTimePicker.FieldProps

& {...}
NameTypeDescription
stepnumber Step for changing of the values in the dropdown list
jsx
import Timepicker from '@semcore/ui/time-picker';
<Timepicker>
  <Timepicker.Hours />
  <Timepicker.Minutes />
</Timepicker>;

TimePicker.Format

NSTimePicker.Format.Props

jsx
import Timepicker from '@semcore/ui/time-picker';
<Timepicker.Format />;

TimePicker.Separator

An HTML span element. Accepts the HTML attributes for span.

jsx
import Timepicker from '@semcore/ui/time-picker';
<Timepicker.Separator />;

Released under the MIT License.

Released under the MIT License.