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