Live package demo · v1.0.0

Try the package before you install it.

Open each component, change its props, and inspect the exact React usage. The demo covers single dates, ranges, placements, validation states, presets, and localisation.

Install
$npm install bos-nepali-date
ImportReact
import { NepaliDatePicker } from 'bos-nepali-date';
import 'bos-nepali-date/style';
Read the docs → Source on GitHub ↗
100BS years included
2Native locales
4Input variants
0Runtime dependencies

Live examples

Choose a component.
Configure its props.

Single date

Tune the input, placement, validation state, disable rules, and cell renderer. The usage block updates with every choice.

Variant
Size
Placement
Advanced props 7 options
Loading single picker...

⚠️ Failed to render single picker. See console for details.

// Props will appear here as you interact
No date selected

Date range

A controlled dual-month range picker for reporting windows, reservations, and filters—with the same surface as the single-date component.

Variant
Size
Placement
Advanced props 4 options
Loading range picker...

⚠️ Failed to render range picker. See console for details.

// Props will appear here as you interact
No date range selected

Preset workflow New

The analytics layout pairs quick ranges with explicit clear, cancel, and apply actions—ready for reporting and dashboard filters.