DatePicker - Aspect UI

Docs

Components

Date Picker

The DatePicker component enables users to select dates from a calendar interface. It supports ranges, disabled dates, formatting, and localization for form inputs and filtering.

Table of Contents#

Default Date Picker
Date Picker Props

Default Date Picker#

Date Picker Props#

Prop	Type	Default	Description
onChange	(dates: Date[]) => void		Function called when date selection changes
initialDates	Date[]	[]	Array of pre-selected dates
isRange	boolean	false	Enable date range selection mode
shape	rounded-sm square circle	'circle'	Shape of date cells in the calendar
placeholder	string	'Select your date'	Placeholder text when no date is selected
className	string	-	Additional CSS classes for the component
show	boolean	false	Show the date picker
calendarContainerClassName	string	-	Additional CSS classes for the calendar container

Table of Contents#

Default Date Picker#

PreviewDatePickerComponent.tsxDatePickerComponent.jsxCodeCopy code

Date Picker Props#