TimeRangePicker

This component is used to select a time range.

Installation

import { TimeRangePicker } from 'uxp/components';

Signature

const TimeRangePicker: React.FunctionComponent<ITimeRangePickerProps>

Examples

<TimeRangePicker
     startTime={startDate}
     endTime={endDate}
     onChange={(s, e) => { setStartDate(s); setEndDate(e) }}
 />

Properties

Name	Type	Mandatory	Default Value	Example Value
title	string	Yes	-	-
startTime	string | Date	Yes	-	-
endTime	string | Date	Yes	-	-
onChange	(start: Date, end: Date) => void	Yes	-	-
disableInput	boolean	No	-	-
spacingMode	SpacingMode	No	-	-

Related Types

• ITimeRangePickerProps

• SpacingMode