Skip to content

TimePicker

Time picker

jsx
import Timepicker from 'intergalactic/time-picker';
import Timepicker from 'intergalactic/time-picker';

TimePickerProps

& {...}
NameTypeDescription
valuestringTime in the hh:mm format
defaultValuestringDefault value if `value` property is not provided
onChange(time: string, event: React.SyntheticEvent) => voidThe event responses upon time changing
disabledbooleanIn charge of the component blocking
size"m" | "l"Control size
is12Hourboolean12-hour time format
localestring

TimePicker.Hours, TimePicker.Minutes

TimePickerItemProps

& {...}
NameTypeDescription
stepnumberStep for changing of the values in the dropdown list
jsx
import Timepicker from 'intergalactic/time-picker';
<Timepicker>
  <Timepicker.Hours />
  <Timepicker.Minutes />
</Timepicker>;
import Timepicker from 'intergalactic/time-picker';
<Timepicker>
  <Timepicker.Hours />
  <Timepicker.Minutes />
</Timepicker>;

TimePicker.Format

TimePickerFormatProps

& & {...}
jsx
import Timepicker from 'intergalactic/time-picker';
<Timepicker.Format />;
import Timepicker from 'intergalactic/time-picker';
<Timepicker.Format />;

TimePicker.Separator

It is a usual span-element, it takes the HTML-attributes available for it.

jsx
import Timepicker from 'intergalactic/time-picker';
<Timepicker.Separator />;
import Timepicker from 'intergalactic/time-picker';
<Timepicker.Separator />;

Released under the MIT License.

Released under the MIT License.