Components · Form & Input

Date Picker

Stable@nexub/react

Calendar date picker with text input.

Import

Prop	Type	Default	Required	Description
value	Date \| undefined	—	—	Controlled selected date value.
onChange	(date: Date \| undefined) => void	—	—	Callback invoked when the selected date changes.
placeholder	string	'Pick a date'	—	Placeholder text displayed in the input when no date is selected.
disabled	boolean	false	—	Disables the date picker input and calendar.
minDate	Date	—	—	Earliest selectable date. Dates before this are greyed out.
maxDate	Date	—	—	Latest selectable date. Dates after this are greyed out.
format	string	'dd/MM/yyyy'	—	Date format string for the text input display.
label	string	—	—	Visible label rendered above the input.
error	string	—	—	Error message displayed below the input.

Components · Form & Input

Stable@nexub/react

Calendar date picker with text input.

import { Date Picker } from '@nexub/react';

Prop	Type	Default	Required	Description
value	Date \| undefined	—	—	Controlled selected date value.
onChange	(date: Date \| undefined) => void	—	—	Callback invoked when the selected date changes.
placeholder	string	'Pick a date'	—	Placeholder text displayed in the input when no date is selected.
disabled	boolean	false	—	Disables the date picker input and calendar.
minDate	Date	—	—	Earliest selectable date. Dates before this are greyed out.
maxDate	Date	—	—	Latest selectable date. Dates after this are greyed out.
format	string	'dd/MM/yyyy'	—	Date format string for the text input display.
label	string	—	—	Visible label rendered above the input.
error	string	—	—	Error message displayed below the input.