Interactive Nepali Calendar (BS)

How to use this calendar on any website

Include the library script on your site so that click-to-copy and drag-to-fill work on your own forms.

1. Full interactive calendar on your own page

Add the script once, then mount the calendar wherever you want. Drag-and-drop and clipboard copy will work for every input on that page.

<!-- 1. Include the library (once per page) -->
<script src="https://pbd.com.np/tools/nepali-calendar/nepali-calendar.js"></script>

<!-- 2. Place a container -->
<div id="my-calendar"></div>

<!-- 3. Mount it -->
<script>
  NepaliCalendar.mount('#my-calendar', {
    lang: 'ne',
    theme: 'light',
    timeZone: 'Asia/Kathmandu',
    showAD: true,
    langToggle: true
  });
</script>

2. Auto-mount with a data attribute

If you prefer zero JavaScript on your side:

<div data-nepali-calendar
     data-lang="ne"
     data-theme="auto"
     data-time-zone="Asia/Kathmandu"></div>
<script src="https://pbd.com.np/tools/nepali-calendar/nepali-calendar.js"></script>

Useful API helpers

NepaliCalendar.toAD(2082, 7, 16);   // → "2025-11-02"
NepaliCalendar.toBS("2025-11-02");  // → { year: 2082, month: 7, day: 16 }
NepaliCalendar.today("Asia/Kathmandu");