Documentation

examples

Holidays

Mark Holidays

<!-- Parent element must have a relative position -->
<div class="relative">
    <input type="text" id="date-picker-input">
</div>

<script>
    // Import NepaliDatePicker and styles (if not already imported)
    import NepaliDatePicker from '@anuz-pandey/nepali-date-picker';    
    // OR for Vanilla JS Projects
    <script src="path/to/nepali-date-picker.bundle.js"></script>

    // Initialize NepaliDatePicker on the input field
    new NepaliDatePicker('#date-picker-input', {
        format: 'YYYY-MM-DD',
        markHolidays: true, // Mark holidays
        holidays: ['Saturday', 'Sunday', 'Wednesday'], // Mark specific holidays
    });
</script>
Previous
Basics