Welcome UI logo

DatePicker

The Datepicker component is a user interface element that enables users to select dates from a calendar interface. It provides an intuitive way to input dates, offering a dropdown or popup calendar for selecting days, months, and years. Datepickers are essential for forms and applications requiring date inputs, ensuring accurate and user-friendly date selection.

Source
OverviewProps

DatePicker

endYear

number | undefined = DEFAULT_DATE.getFullYear()

icon

string & Element | number & Element | false & Element | true & Element | ReactElement<any, string | JSXElementConstructor<any>> & Element | Iterable<ReactNode> & Element | ReactPortal & Element

iconPlacement

"left" | "right" | undefined = left

locale

Locale

onChange

FormEventHandler<HTMLDivElement> & ((date?: Date) => void)

placeholder

string

preventVirtualKeyboard

Boolean | undefined = false

size

"lg" | "md" | "sm" | "xs" | undefined = md

startYear

number | undefined = 1900

transparent

Boolean

useWeekdaysShort

Boolean | undefined = true

value

string | Date | undefined = new Date()

CheckboxDate time picker