ObjectUIComponentsForm
Date Picker
Input for selecting dates with a calendar popup
The Date Picker component allows users to select a date from a calendar interface.
Basic Usage
Basic Date Picker
With Default Date
With Default Value
States
Disabled
Full Width
Schema
interface DatePickerSchema {
type: 'date-picker';
value?: string | Date; // Selected date (ISO string or Date)
placeholder?: string; // Placeholder text
// Events
onChange?: (date: Date | undefined) => void;
// States
disabled?: boolean | string | { dialect?: string; source: string }; // boolean, predicate expression, or CEL envelope
// Styling
className?: string;
}