Welcome UI - Customizable design system with react

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.

DatePicker

endYear

number | undefined = DEFAULT_DATE.getFullYear()

icon

string & Element | ReactElement<any, string | JSXElementConstructor<any>> & Element

iconPlacement

"right" | "left" | undefined = left

locale

Locale

onBlur

(event: FocusEvent<HTMLDivElement, Element>) => void

onChange

(date?: Date) => void

onFocus

(event: FocusEvent<HTMLDivElement, Element>) => void

placeholder

string

preventVirtualKeyboard

Boolean | undefined = false

size

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

startYear

number | undefined = 1900

transparent

Boolean

useWeekdaysShort

Boolean | undefined = true

value

Required

string | Date