Documentation

introduction

Installation

Install the Plugin

Add @anuz-pandey/nepali-date-picker dependency to your project.

Using npm, yarn, pnpm or bun

terminal
npm install @anuz-pandey/nepali-date-picker
# Using yarn
yarn add @anuz-pandey/nepali-date-picker
# Using pnpm
pnpm add @anuz-pandey/nepali-date-picker
# using bun
bun add @anuz-pandey/nepali-date-picker

🎉 You're ready to use NepaliDatePicker in your project!


Non-Module Environments

Standalone Module

If you prefer a standalone build, download the package from the GitHub releases page . The dist folder contains the necessary files:

Link nepali-date-picker.bundle.js to your application which includes both JavaScript and CSS content, and you are ready to go.

html
<script src="path/to/nepali-date-picker.bundle.js"></script>

Separated Module

Or you can link nepali-date-picker.min.css and nepali-date-picker.min.js separately.

html
<link rel="stylesheet" href="path/to/nepali-date-picker.min.css">
<script src="path/to/nepali-date-picker.min.js"></script>

Choose the method that best fits your project requirements. The standalone build is suitable for projects without a build system, while npm is ideal for projects with a more sophisticated setup. Make sure to replace path/to/ with the actual path where you've placed the files in your project.

🎉 Now you're ready to start using NepaliDatePicker in your project!


Install via CDN

You can quickly include NepaliDatePicker in your project using the provided CDN links. Add the following script and link tags to your HTML file:

  • Latest Version
Terminal
<script src="https://cdn.jsdelivr.net/npm/@anuz-pandey/nepali-date-picker/dist/nepali-date-picker.bundle.min.js"></script>

Or you can link css and js files separately.

Terminal
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@anuz-pandey/nepali-date-picker/dist/nepali-date-picker.min.css">
<script src="https://cdn.jsdelivr.net/npm/@anuz-pandey/nepali-date-picker/dist/nepali-date-picker.min.js"></script>
  • Specific Version

Specify a version number to ensure compatibility with your project. Replace x.y.z with the desired version:

Terminal
<script src="https://cdn.jsdelivr.net/npm/@anuz-pandey/nepali-date-picker@x.y.z/dist/nepali-date-picker.bundle.min.js"></script>

Or you can link css and js files separately.

Terminal
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@anuz-pandey/nepali-date-picker@x.y.z/dist/nepali-date-picker.min.css">
<script src="https://cdn.jsdelivr.net/npm/@anuz-pandey/nepali-date-picker@x.y.z/dist/nepali-date-picker.min.js"></script>

By using the CDN, you leverage the power of content delivery networks for faster loading times and simplified integration. Make sure to replace "x.y.z" with the actual version number you want to use.

🎉 Now you can start using NepaliDatePicker in your project without downloading any files. Simply include these CDN links in your HTML file, and you're ready to go!

Next
Usage