FAQ

Does this work with Next.js App Router?

Yes. The package is fully compatible with Next.js App Router. Since the picker requires client-side state and browser event handling, ensure that the wrapper component or file you render the calendar inside is marked with the 'use client' directive.

Does it support TypeScript?

Yes. nepali-bs-calendar-react provides full TypeScript definitions out of the box, including interfaces like NepaliDateValue and NepaliCalendarViewRenderProps for rendering custom layouts.

Why does the calendar popup styling look broken?

Make sure you have imported the standard stylesheet in your app:

import 'nepali-bs-calendar-react/styles.css'

Additionally, because the popup renders via React Portal at the body level, ensure that your custom CSS overrides are set globally using :root or on the body tag rather than inside an isolated scoped class wrapper.

Can I customize the day-rendering layout?

Yes! You can design completely custom headers, day cells, and weekday grids by implementing a custom calendar component and passing it to the calendarComponent prop on either NepaliCalendar or StaticNepaliCalendar.

Is it static-export compatible?

Yes. The website and components work perfectly in statically exported Next.js apps (output: 'export').

What is the license for this package?

nepali-bs-calendar-react is open-source software licensed under the MIT license.