ictus

Turn a plain <input> into a date field that formats as you type. It works with the input and styles you already have, weighs 2.6 kB gzipped, and comes with an optional React hook.

#ItemInstall
1
date-field-shadcn

ictus useDateFieldMask wired to a shadcn Input. Installs into your components folder; keep your Input styles.

2
date-field-base-ui

ictus useDateFieldMask on Base UI Field + Input. Headless mask, Base UI chrome.

3
date-field-day-picker

Masked text input plus a Base UI popover calendar powered by react-day-picker. Typing and picking stay in sync.