Calendar

Matches Arco Calendar's month view with a primary circle for the selected date. See the Element Plus docs for props.

Month View

Click a date to select it and use the header controls to change months.

2026 October

Sun	Mon	Tue	Wed	Thu	Fri	Sat
27	28	29	30	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

<script setup lang="ts">
import { ref } from 'vue'
const value = ref(new Date(2026, 9, 15))
</script>

<template>
  <el-calendar v-model="value" style="width: 100%" />
</template>

Differences from Arco

• The month determines whether five or six rows appear; Arco always shows six.
• The header keeps Element Plus navigation buttons and default English locale text.