Date Range Picker

Two-input date range with quick-select presets (today, last 7, last 30, etc).

Install

ndui add date-range-picker

Source files land in Components/DateRangePicker/, namespace-rewritten to your project's root namespace. The component CSS is wired into wwwroot/css/app.css automatically.

Dependencies

See it in action

Every registered variant, state, and interaction pattern is demonstrated at the live showcase:

Related

Browse all forms · CLI reference · reactivity patterns.