TimeSelect

Arco has no direct equivalent; TimeSelect uses the themed filled Select control and dropdown. See the Element Plus docs for props.

Fixed Intervals

Start, step and end define the available time slots.

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

<template>
  <el-time-select v-model="value" start="08:30" step="00:15" end="18:30" placeholder="Select a time" style="width: 240px" />
</template>

Differences from Arco

• Fixed-interval time options retain Element Plus behavior.