Skip to content

TimePicker

Time picker

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

TimePickerProps

& {...}
NameTypeDescription
valuestring Time in the hh:mm format
defaultValuestring Default value if `value` property is not provided
onChange(time: string, event: React.SyntheticEvent) => 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

TimePicker.Hours, TimePicker.Minutes

TimePickerItemProps

& {...}
NameTypeDescription
stepnumber Step 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.