4dkankan-components/docs/examples-bk/time-picker/basic.vue

<template>
    <div class="example-basic">
        <el-time-picker v-model="value1" placeholder="Arbitrary time" />
        <el-time-picker v-model="value2" arrow-control placeholder="Arbitrary time" />
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const value1 = ref()
const value2 = ref()
</script>

<style>
.example-basic .el-date-editor {
    margin: 8px;
}
</style>