All components

Date Picker

Popover date selector.

Full API on ui.shadcn.com

Default

Single-date picker composed from Calendar, Popover, and Button. Follows shadcn's canonical date-picker pattern.

"use client"

import * as React from "react"
import { DatePicker } from "@smaller-earth/ui"

export function Example() {
  const [date, setDate] = React.useState<Date | undefined>()
  return <DatePicker selected={date} onSelect={setDate} />
}