Date Picker

Stable

A field component that allows users to pick a date from a calendar popover.

Examples

Basic Usage

tsx
import { DatePicker } from "@siberui/react"

export function DatePickerDemo() {
  const [date, setDate] = React.useState<Date | undefined>(new Date())

  return (
    <DatePicker
      label="Date of Birth"
      value={date}
      onChange={setDate}
    />
  )
}

Neon Variant

tsx
<DatePicker variant="neon" label="Execution Date" />

API Reference

PropertyDescriptionTypeDefault
valueThe controlled date value.Date-
onChangeEvent handler called when date changes.(date?: Date) => void-
variantVisual style for trigger and calendar."default" | "neon" | "glass"-
labelLabel text.string-
errorError state message.string | boolean-