How to use & embed the Interactive Nepali Calendar (BS)

Practical guide · Updated November 2026

Nepali forms, banks, and many government workflows still expect Bikram Sambat (BS) dates. Software and international documents usually want the Gregorian (AD) ISO form yyyy-mm-dd. The free Interactive Nepali Calendar on pbd.com.np bridges that gap: browse any BS month, click a day to copy the AD date, or drag a day cell onto a form field.

This page is a short how-to for people filling forms and for developers who want the same widget on their own site. It is not a second copy of the tool — the full product lives on pbd.com.np. Here you get a live embed demo, when to use it, and the minimal code to mount it yourself.

When this is useful

• Filling Nepali forms that need AD — citizenship notes, bank KYC remarks, visa or university applications that ask for Gregorian while your papers show BS.
• Quick “what is today in BS?” — less friction than opening a full converter for a single date.
• Building a form for Nepali users — let them pick a BS day visually while your backend stores ISO AD.
• Offline or low-connectivity work — after the first load, the library can run without a network.

Everyday steps (no coding)

1. Open the calendar tool (or use the demo above).
2. Move to the month you need.
3. Click a day — the AD ISO date is copied; paste it where the form asks for English/Gregorian date.
4. On a page that already embeds the calendar, drag the day cell onto an input instead of copying.

Embed the same calendar on your site

Load the official script once. Mount a calendar in any container. Click-to-copy and drag-to-fill then work for inputs on that page. Keep the script src pointed at pbd.com.np so users always get the maintained build.

Option A — explicit mount

<script src="https://pbd.com.np/tools/nepali-calendar/nepali-calendar.js"></script>
<div id="my-calendar"></div>
<script>
  NepaliCalendar.mount('#my-calendar', {
    lang: 'ne',
    theme: 'auto',
    timeZone: 'Asia/Kathmandu',
    showAD: true,
    langToggle: true
  });
</script>

Option B — data attribute (no mount call)

<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>

Optional helpers

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

How this guide differs from the tool page

The pbd.com.np calendar is the product: full interactive UI, offline behaviour, and the library itself. This github.io page is a walkthrough — when to use it for forms, a working embed sample, and copy-paste mount code. If you only need the calendar, use the tool. If you need to learn or embed it, stay here and follow the links back to pbd.com.np.

Related

• BS ↔ AD date converter — type either side
• Today’s Nepali date — BS date, day name, tithi
• BS Age Calculator
• Guide: convert BS ↔ AD for official forms in Nepal

Quick answers

Where should I send users who only need a calendar?
Straight to pbd.com.np/tools/nepali-calendar.

Can I host a fork of the script?
Prefer the official URL so fixes and calendar updates apply automatically. If you must self-host, keep a clear credit and link to the original tool.

Will embedding this page’s demo affect search rankings?
No. The demo is the same public library loaded from pbd.com.np. This guide keeps a self-referencing canonical and unique framing so it is treated as a how-to, not a second tool homepage.