```jsx
<template>
    <Row>
        <Col span="12">
            <TimePicker type="time" placeholder="Select time" style="width: 168px"></TimePicker>
        </Col>
        <Col span="12">
            <TimePicker type="timerange" placement="bottom-end" placeholder="Select time" style="width: 168px"></TimePicker>
        </Col>
    </Row>
</template>
<script>
    import { Row, Col, TimePicker } from 'view-design'
    export default {
        components:{
            Row, Col,TimePicker,
        }
    }
</script>
```