Advanced Inputs

Specialized input components for OTP codes, direction-aware text, and bilingual date selection.

OtpInput

A one-time password input with individual digit cells. Supports paste, keyboard navigation, and auto-submit on completion.

Default (6 digits)

Current value: (empty)

Short (4 digits)

Error State

Disabled

SmartInput

An input that auto-detects text direction (LTR/RTL). Type Arabic text to see it switch to right-to-left automatically.

Auto-Detect Direction

 

Detected direction: neutral

Try typing: مرحبا بالعالم(Arabic) or "Hello World" (English)

Without Auto-Detection

 

BilingualDatePicker

A date picker with bilingual calendar support. Renders a popover calendar with locale-aware formatting.

Default

 

Error State

Date of birth is required

Disabled