DatePicker

A date picker control built on Ark UI with day, month, and year view navigation.

Import

import { DatePicker } from '@grannyshot/ui'

Usage

<DatePicker />

With Placeholder

<DatePicker placeholder="Select a date" />

View Modes

The DatePicker supports three view modes that users can navigate between:

• Day view — Select a specific day (default)
• Month view — Select a month
• Year view — Select a year

{/* Start from month view */}
<DatePicker view="month" />
 
{/* Start from year view */}
<DatePicker view="year" />

Disabled

<DatePicker disabled />

Props