DatePicker
Use the KDatePicker component to allow users to navigate through a calendar and select a specific date.
Basic DatePicker
Selected Date: 2025-04-11
Calendar Open: false
Validation States
Select state
Alignment
Use the align prop to control the calendar dropdown alignment. This is particularly useful when the picker is placed near the edge of the screen.
Left Aligned (Default)
Right Aligned