Skip to main content

Date Picker

A button that opens a calendar popover for picking a single date.

import { DatePicker } from '@jbpark/ui-kit';

<DatePicker onChange={date => console.log(date)} />;
Selected: none

Props

PropTypeDefault
valueDate-
defaultValueDate-
placeholderstring'Pick a date'
disabledboolean-
onChange(date: Date | undefined) => void-
classNamestring-

Works both controlled (pass value + onChange) and uncontrolled (pass defaultValue, or neither).