
Time in duration mode (Minutes Only)
```js
const Time = require('components/TimePicker/Time').default;

initialState={minute: 90};

<Time
	minute={state.minute}
	hour={0}
	stepMinutes={30}
	minMinutes={60}
	maxMinutes={360}
	onTimeSet={time => setState(time)}
	isDurationPicker={true}
	isDurationMinsOnly={true}
/>
```

Time in duration mode
```js
const Time = require('components/TimePicker/Time').default;
initialState={hour: 12, minute: 0};

<Time
	minute={state.minute}
	stepMinutes={5}
	hour={state.hour}
	stepHours={1}
	minHours={0}
	maxHours={999}
	tickOverEnabled={true}
	onTimeSet={time => setState(time)}
	isDurationPicker={true}
	isDurationMinsOnly={false}
	inputWidth="150px"
/>
```


Time
```js
const Time = require('components/TimePicker/Time').default;
initialState={hour: 12, minute: 0};

<Time
	minute={state.minute}
	stepMinutes={5}
	hour={state.hour}
	stepHours={1}
	minHours={0}
	maxHours={23}
	tickOverEnabled={true}
	onTimeSet={time => setState(time)}
	isDurationPicker={false}
	isDurationMinsOnly={false}
	name='startTime'
/>
```

Time
```js
const Time = require('components/TimePicker/Time').default;
initialState={hour: 12, minute: 0};

<Time
	minute={state.minute}
	stepMinutes={7}
	hour={state.hour}
	stepHours={1}
	minHours={0}
	maxHours={23}
	tickOverEnabled={true}
	onTimeSet={time => setState(time)}
	isDurationPicker={false}
	isDurationMinsOnly={false}
/>
```
Time with maximum time
```js
const Time = require('components/TimePicker/Time').default;
initialState={hour: 17, minute: 0};

<Time
	hour={state.hour}
	minute={state.minute}
	stepMinutes={30}
	stepHours={1}
	minTime={{ hour: 8, minute: 45 }}
	maxTime={{ hour: 17, minute: 30 }}
	tickOverEnabled={true}
	onTimeSet={time => setState(time)}
/>
