Glasswave UI

Date Picker

Popover trigger + single-date Calendar.

Date Picker

Installation

1pnpm dlx shadcn@latest add @glasswave/date-picker

Usage

1import { DatePicker } from "glasswave";2 3<DatePicker4  date={date}5  onDateChange={setDate}6  placeholder="Pick a date"7  formatPattern="PPP"8/>

API Reference

DatePicker

PropTypeDefault
dateDate
onDateChange(date: Date | undefined) => void
placeholderstring"Pick a date"
align"start" | "center" | "end"
formatPatternstring
disabledbooleanfalse