DatePicker ​

A date picker input component for single and range dates.

When to Use

• To let users select dates from a visual calendar.

Usage ​

import { DatePicker } from '@youcan/alto';
import type { DateValue } from '@youcan/alto/types';

<DatePicker v-model="date" placeholder="Select date" />

API Reference ​

Examples ​

Range ​

Actions ​

Presets ​

Min & Max ​