Date Field

Preview

About

Date typed segment by segment (month / day / year) — no popover or attached calendar. Use KasyDatePicker when you need the calendar overlay. Tab or the arrow keys move between segments; typing numbers fills the focused segment and auto-advances once the value is unambiguous; up/down arrows increment the focused segment.

• value / onChanged: selected date; null shows empty segments (mm / dd / yyyy).
• label / showRequiredIndicator: label above the field, with an optional *.
• description / errorText: helper or error text below the field.
• isInvalid: forces the error border/state.
• enabled: disables the field (blocks tap and keyboard navigation).
• minDate / maxDate: limits and clamps the confirmed date.
• Renders inside the same bordered box as KasyTextField (height, radius, label/description/error), so it fits into a form alongside regular fields.

Last updated on 08/23/2026