e8-date-picker
Updated on Sep 18, 2025 3 minutes to readA versatile and interactive calendar component for selecting a single date.
Overview
e8-date-picker provides a user-friendly interface for choosing a single date.
It displays a navigable calendar that supports switching between day, month, and year views, and includes quick navigation controls such as Today, Previous, and Next.
<e8-date-picker
view-mode="days"
v-model="vars.selectedDate"
></e8-date-picker>
<div>Selected date: {{ vars.selectedDate }}</div>Selected date: {{ vars.selectedDate }}
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| v-model | Two-way binding for the selected date. Accepts and returns an E8Date instance. | E8Date | — |
| view-mode | Initial display mode of the calendar (days, months, or years). | E8DatePickerViewModes | 'days' |