@f1softinternational/f1-nepali-date-picker 1.0.0

package/fesm2022/f1softinternational-f1-nepali-date-picker.mjs

@@ -0,0 +1,871 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, Input, Output, HostListener, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+
+/**
+ * Bikram Sambat Calendar Data
+ * Contains month days mapping for each BS year and localization strings
+ */
+/**
+ * BS Year to Month Days Mapping
+ * Each entry: [year]: [days in each month from Baisakh to Chaitra]
+ * Data range: 2000 BS to 2090 BS
+ */
+const BS_CALENDAR_DATA = {
+    2000: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2001: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2002: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2003: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2004: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2005: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2006: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2007: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2008: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31],
+    2009: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2010: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2011: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2012: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+    2013: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2014: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2015: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2016: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+    2017: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2018: [31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2019: [31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2020: [31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+    2021: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2022: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+    2023: [31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2024: [31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+    2025: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2026: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2027: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2028: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2029: [31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30],
+    2030: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2031: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2032: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2033: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2034: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2035: [30, 32, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31],
+    2036: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2037: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2038: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2039: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+    2040: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2041: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2042: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2043: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+    2044: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2045: [31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2046: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2047: [31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+    2048: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2049: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+    2050: [31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2051: [31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+    2052: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2053: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+    2054: [31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2055: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2056: [31, 31, 32, 31, 32, 30, 30, 29, 30, 29, 30, 30],
+    2057: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2058: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2059: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2060: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2061: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2062: [30, 32, 31, 32, 31, 31, 29, 30, 29, 30, 29, 31],
+    2063: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2064: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2065: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2066: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 29, 31],
+    2067: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2068: [31, 31, 32, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2069: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2070: [31, 31, 31, 32, 31, 31, 29, 30, 30, 29, 30, 30],
+    2071: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2072: [31, 32, 31, 32, 31, 30, 30, 29, 30, 29, 30, 30],
+    2073: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 31],
+    2074: [31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+    2075: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2076: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+    2077: [31, 32, 31, 32, 31, 30, 30, 30, 29, 30, 29, 31],
+    2078: [31, 31, 31, 32, 31, 31, 30, 29, 30, 29, 30, 30],
+    2079: [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30],
+    2080: [31, 32, 31, 32, 31, 30, 30, 30, 29, 29, 30, 30],
+    2081: [31, 31, 32, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+    2082: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+    2083: [31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30],
+    2084: [31, 31, 32, 31, 31, 30, 30, 30, 29, 30, 30, 30],
+    2085: [31, 32, 31, 32, 30, 31, 30, 30, 29, 30, 30, 30],
+    2086: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+    2087: [31, 31, 32, 31, 31, 31, 30, 30, 29, 30, 30, 30],
+    2088: [30, 31, 32, 32, 30, 31, 30, 30, 29, 30, 30, 30],
+    2089: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+    2090: [30, 32, 31, 32, 31, 30, 30, 30, 29, 30, 30, 30],
+};
+/**
+ * Nepali month names
+ */
+const BS_MONTHS_NP = [
+    'बैशाख',
+    'जेठ',
+    'असार',
+    'श्रावण',
+    'भदौ',
+    'आश्विन',
+    'कार्तिक',
+    'मंसिर',
+    'पौष',
+    'माघ',
+    'फाल्गुन',
+    'चैत्र',
+];
+/**
+ * English month names (Romanized)
+ */
+const BS_MONTHS_EN = [
+    'Baisakh',
+    'Jestha',
+    'Ashar',
+    'Shrawan',
+    'Bhadra',
+    'Ashwin',
+    'Kartik',
+    'Mangsir',
+    'Poush',
+    'Magh',
+    'Falgun',
+    'Chaitra',
+];
+/**
+ * Nepali weekday names (Sunday first)
+ */
+const BS_WEEKDAYS_NP = ['आइत', 'सोम', 'मंगल', 'बुध', 'बिही', 'शुक्र', 'शनि'];
+/**
+ * English weekday names (Sunday first)
+ */
+const BS_WEEKDAYS_EN = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+/**
+ * Nepali numerals mapping
+ */
+const NEPALI_DIGITS = ['०', '१', '२', '३', '४', '५', '६', '७', '८', '९'];
+/**
+ * Reference date for conversion calculations
+ * BS: 2000-01-01 corresponds to AD: 1943-04-14
+ */
+const BS_EPOCH = {
+    year: 2000,
+    month: 1,
+    day: 1,
+};
+const AD_EPOCH = new Date(1943, 3, 14); // April 14, 1943
+/**
+ * Get minimum supported BS year
+ */
+const BS_MIN_YEAR = Math.min(...Object.keys(BS_CALENDAR_DATA).map(Number));
+/**
+ * Get maximum supported BS year
+ */
+const BS_MAX_YEAR = Math.max(...Object.keys(BS_CALENDAR_DATA).map(Number));
+/**
+ * Convert number to Nepali digits
+ */
+function toNepaliDigits(num) {
+    return String(num)
+        .split('')
+        .map((char) => {
+        const digit = parseInt(char, 10);
+        return isNaN(digit) ? char : NEPALI_DIGITS[digit];
+    })
+        .join('');
+}
+/**
+ * Get total days in a BS year
+ */
+function getTotalDaysInBSYear(year) {
+    const monthDays = BS_CALENDAR_DATA[year];
+    if (!monthDays) {
+        throw new Error(`Year ${year} is out of supported range (${BS_MIN_YEAR}-${BS_MAX_YEAR})`);
+    }
+    return monthDays.reduce((sum, days) => sum + days, 0);
+}
+/**
+ * Get days in a specific BS month
+ */
+function getDaysInBSMonth(year, month) {
+    const monthDays = BS_CALENDAR_DATA[year];
+    if (!monthDays) {
+        throw new Error(`Year ${year} is out of supported range (${BS_MIN_YEAR}-${BS_MAX_YEAR})`);
+    }
+    if (month < 1 || month > 12) {
+        throw new Error(`Month ${month} is invalid. Must be between 1 and 12.`);
+    }
+    return monthDays[month - 1];
+}
+
+/**
+ * NepaliDate - Represents a date in the Bikram Sambat (BS) calendar
+ */
+class NepaliDate {
+    constructor(year, month, day) {
+        this._year = year;
+        this._month = month;
+        this._day = day;
+    }
+    // Getters
+    get year() {
+        return this._year;
+    }
+    get month() {
+        return this._month;
+    }
+    get day() {
+        return this._day;
+    }
+    /**
+     * Create NepaliDate from current date
+     */
+    static today() {
+        return NepaliDate.fromAD(new Date());
+    }
+    /**
+     * Create NepaliDate from AD Date
+     */
+    static fromAD(adDate) {
+        // Calculate days from epoch
+        const epochTime = AD_EPOCH.getTime();
+        const targetTime = new Date(adDate.getFullYear(), adDate.getMonth(), adDate.getDate()).getTime();
+        let daysDiff = Math.floor((targetTime - epochTime) / (1000 * 60 * 60 * 24));
+        if (daysDiff < 0) {
+            throw new Error('Date is before supported range');
+        }
+        let bsYear = BS_EPOCH.year;
+        let bsMonth = BS_EPOCH.month;
+        let bsDay = BS_EPOCH.day;
+        // Add days
+        while (daysDiff > 0) {
+            const daysInMonth = getDaysInBSMonth(bsYear, bsMonth);
+            const daysRemainingInMonth = daysInMonth - bsDay;
+            if (daysDiff <= daysRemainingInMonth) {
+                bsDay += daysDiff;
+                daysDiff = 0;
+            }
+            else {
+                daysDiff -= daysRemainingInMonth + 1;
+                bsMonth++;
+                bsDay = 1;
+                if (bsMonth > 12) {
+                    bsMonth = 1;
+                    bsYear++;
+                    if (bsYear > BS_MAX_YEAR) {
+                        throw new Error(`Date exceeds supported range (max: ${BS_MAX_YEAR} BS)`);
+                    }
+                }
+            }
+        }
+        return new NepaliDate(bsYear, bsMonth, bsDay);
+    }
+    /**
+     * Convert to AD Date
+     */
+    toAD() {
+        if (!this.isValid()) {
+            throw new Error('Invalid NepaliDate');
+        }
+        let totalDays = 0;
+        // Add days for complete years
+        for (let year = BS_EPOCH.year; year < this._year; year++) {
+            const yearData = BS_CALENDAR_DATA[year];
+            if (yearData) {
+                totalDays += yearData.reduce((sum, days) => sum + days, 0);
+            }
+        }
+        // Add days for complete months in current year
+        for (let month = 1; month < this._month; month++) {
+            totalDays += getDaysInBSMonth(this._year, month);
+        }
+        // Add remaining days
+        totalDays += this._day - 1;
+        // Calculate AD date from epoch
+        const adDate = new Date(AD_EPOCH);
+        adDate.setDate(adDate.getDate() + totalDays);
+        return adDate;
+    }
+    /**
+     * Check if the date is valid
+     */
+    isValid() {
+        // Check year range
+        if (this._year < BS_MIN_YEAR || this._year > BS_MAX_YEAR) {
+            return false;
+        }
+        // Check month range
+        if (this._month < 1 || this._month > 12) {
+            return false;
+        }
+        // Check day range
+        const daysInMonth = getDaysInBSMonth(this._year, this._month);
+        if (this._day < 1 || this._day > daysInMonth) {
+            return false;
+        }
+        return true;
+    }
+    /**
+     * Get the day of week (0 = Sunday, 6 = Saturday)
+     */
+    getDay() {
+        return this.toAD().getDay();
+    }
+    /**
+     * Get month name in specified language
+     */
+    getMonthName(lang = 'en') {
+        return lang === 'np' ? BS_MONTHS_NP[this._month - 1] : BS_MONTHS_EN[this._month - 1];
+    }
+    /**
+     * Format date according to pattern
+     * Patterns:
+     *   YYYY - 4-digit year
+     *   YY   - 2-digit year
+     *   MM   - 2-digit month
+     *   M    - month without leading zero
+     *   DD   - 2-digit day
+     *   D    - day without leading zero
+     *   MMMM - full month name (English)
+     *   mmmm - full month name (Nepali)
+     */
+    format(pattern = 'YYYY-MM-DD', useNepaliDigits = false) {
+        let result = pattern;
+        // Replace patterns (order matters - longer patterns first)
+        result = result.replace(/YYYY/g, String(this._year).padStart(4, '0'));
+        result = result.replace(/YY/g, String(this._year).slice(-2));
+        result = result.replace(/MMMM/g, BS_MONTHS_EN[this._month - 1]);
+        result = result.replace(/mmmm/g, BS_MONTHS_NP[this._month - 1]);
+        result = result.replace(/MM/g, String(this._month).padStart(2, '0'));
+        result = result.replace(/M/g, String(this._month));
+        result = result.replace(/DD/g, String(this._day).padStart(2, '0'));
+        result = result.replace(/D/g, String(this._day));
+        if (useNepaliDigits) {
+            result = toNepaliDigits(result);
+        }
+        return result;
+    }
+    /**
+     * Create a clone of this date
+     */
+    clone() {
+        return new NepaliDate(this._year, this._month, this._day);
+    }
+    /**
+     * Compare with another NepaliDate
+     * Returns: -1 if this < other, 0 if equal, 1 if this > other
+     */
+    compareTo(other) {
+        if (this._year !== other._year) {
+            return this._year < other._year ? -1 : 1;
+        }
+        if (this._month !== other._month) {
+            return this._month < other._month ? -1 : 1;
+        }
+        if (this._day !== other._day) {
+            return this._day < other._day ? -1 : 1;
+        }
+        return 0;
+    }
+    /**
+     * Check if this date is before another
+     */
+    isBefore(other) {
+        return this.compareTo(other) < 0;
+    }
+    /**
+     * Check if this date is after another
+     */
+    isAfter(other) {
+        return this.compareTo(other) > 0;
+    }
+    /**
+     * Check if this date equals another
+     */
+    equals(other) {
+        return this.compareTo(other) === 0;
+    }
+    /**
+     * Add days to date (returns new NepaliDate)
+     */
+    addDays(days) {
+        const adDate = this.toAD();
+        adDate.setDate(adDate.getDate() + days);
+        return NepaliDate.fromAD(adDate);
+    }
+    /**
+     * Add months to date (returns new NepaliDate)
+     */
+    addMonths(months) {
+        let newYear = this._year;
+        let newMonth = this._month + months;
+        while (newMonth > 12) {
+            newMonth -= 12;
+            newYear++;
+        }
+        while (newMonth < 1) {
+            newMonth += 12;
+            newYear--;
+        }
+        // Adjust day if it exceeds days in new month
+        const daysInNewMonth = getDaysInBSMonth(newYear, newMonth);
+        const newDay = Math.min(this._day, daysInNewMonth);
+        return new NepaliDate(newYear, newMonth, newDay);
+    }
+    /**
+     * Add years to date (returns new NepaliDate)
+     */
+    addYears(years) {
+        const newYear = this._year + years;
+        const daysInNewMonth = getDaysInBSMonth(newYear, this._month);
+        const newDay = Math.min(this._day, daysInNewMonth);
+        return new NepaliDate(newYear, this._month, newDay);
+    }
+    /**
+     * Get string representation
+     */
+    toString() {
+        return this.format('YYYY-MM-DD');
+    }
+    /**
+     * Convert to plain object
+     */
+    toObject() {
+        return {
+            year: this._year,
+            month: this._month,
+            day: this._day,
+        };
+    }
+    /**
+     * Create from plain object
+     */
+    static fromObject(obj) {
+        return new NepaliDate(obj.year, obj.month, obj.day);
+    }
+    /**
+     * Parse from string (YYYY-MM-DD format)
+     */
+    static parse(dateString) {
+        const parts = dateString.split('-').map(Number);
+        if (parts.length !== 3 || parts.some(isNaN)) {
+            throw new Error('Invalid date format. Expected YYYY-MM-DD');
+        }
+        return new NepaliDate(parts[0], parts[1], parts[2]);
+    }
+}
+
+/**
+ * DateConverterService - Service for BS/AD date conversions and utilities
+ */
+class DateConverterService {
+    /**
+     * Convert AD Date to NepaliDate (BS)
+     */
+    convertToBS(adDate) {
+        return NepaliDate.fromAD(adDate);
+    }
+    /**
+     * Convert NepaliDate (BS) to AD Date
+     */
+    convertToAD(bsDate) {
+        return bsDate.toAD();
+    }
+    /**
+     * Get today's date in BS
+     */
+    getTodayBS() {
+        return NepaliDate.today();
+    }
+    /**
+     * Get number of days in a BS month
+     */
+    getDaysInMonth(year, month) {
+        return getDaysInBSMonth(year, month);
+    }
+    /**
+     * Get total days in a BS year
+     */
+    getDaysInYear(year) {
+        return getTotalDaysInBSYear(year);
+    }
+    /**
+     * Get month names
+     */
+    getMonthNames(lang = 'en') {
+        return lang === 'np' ? [...BS_MONTHS_NP] : [...BS_MONTHS_EN];
+    }
+    /**
+     * Get weekday names
+     */
+    getWeekdayNames(lang = 'en') {
+        return lang === 'np' ? [...BS_WEEKDAYS_NP] : [...BS_WEEKDAYS_EN];
+    }
+    /**
+     * Get minimum supported year
+     */
+    getMinYear() {
+        return BS_MIN_YEAR;
+    }
+    /**
+     * Get maximum supported year
+     */
+    getMaxYear() {
+        return BS_MAX_YEAR;
+    }
+    /**
+     * Validate a BS date
+     */
+    isValidDate(year, month, day) {
+        const date = new NepaliDate(year, month, day);
+        return date.isValid();
+    }
+    /**
+     * Format a NepaliDate
+     */
+    format(date, pattern = 'YYYY-MM-DD', useNepaliDigits = false) {
+        return date.format(pattern, useNepaliDigits);
+    }
+    /**
+     * Parse a date string to NepaliDate
+     */
+    parse(dateString) {
+        return NepaliDate.parse(dateString);
+    }
+    /**
+     * Convert number to Nepali digits
+     */
+    toNepaliDigits(num) {
+        return toNepaliDigits(num);
+    }
+    /**
+     * Get calendar grid for a month
+     * Returns a 2D array representing weeks (rows) and days (columns)
+     * Each cell contains the day number or null for empty cells
+     */
+    getMonthCalendarGrid(year, month) {
+        const daysInMonth = this.getDaysInMonth(year, month);
+        const firstDayOfMonth = new NepaliDate(year, month, 1);
+        const startDayOfWeek = firstDayOfMonth.getDay(); // 0 = Sunday
+        const grid = [];
+        let currentWeek = [];
+        // Fill empty cells before first day
+        for (let i = 0; i < startDayOfWeek; i++) {
+            currentWeek.push(null);
+        }
+        // Fill days
+        for (let day = 1; day <= daysInMonth; day++) {
+            currentWeek.push(day);
+            if (currentWeek.length === 7) {
+                grid.push(currentWeek);
+                currentWeek = [];
+            }
+        }
+        // Fill remaining empty cells in last week
+        if (currentWeek.length > 0) {
+            while (currentWeek.length < 7) {
+                currentWeek.push(null);
+            }
+            grid.push(currentWeek);
+        }
+        return grid;
+    }
+    /**
+     * Get years range for year selector
+     */
+    getYearRange(startYear, endYear) {
+        const start = startYear ?? BS_MIN_YEAR;
+        const end = endYear ?? BS_MAX_YEAR;
+        const years = [];
+        for (let year = start; year <= end; year++) {
+            if (BS_CALENDAR_DATA[year]) {
+                years.push(year);
+            }
+        }
+        return years;
+    }
+    /**
+     * Check if a date is within a range
+     */
+    isDateInRange(date, minDate, maxDate) {
+        if (minDate && date.isBefore(minDate)) {
+            return false;
+        }
+        if (maxDate && date.isAfter(maxDate)) {
+            return false;
+        }
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateConverterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateConverterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateConverterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class NepaliDatePickerComponent {
+    constructor(elementRef, cdr, dateConverter) {
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.dateConverter = dateConverter;
+        /** Placeholder text */
+        this.placeholder = 'Select date';
+        /** Display format for the input */
+        this.displayFormat = 'YYYY-MM-DD';
+        /** Theme: 'light' or 'dark' */
+        this.theme = 'light';
+        /** Language for month/day names */
+        this.language = 'en';
+        /** Show today button */
+        this.showTodayButton = true;
+        /** Disabled state */
+        this.disabled = false;
+        /** Use Nepali digits in display */
+        this.useNepaliDigits = false;
+        /** Event emitted when date changes */
+        this.dateChange = new EventEmitter();
+        // Internal state
+        this.isOpen = false;
+        this.selectedDate = null;
+        this.calendarGrid = [];
+        this.monthNames = [];
+        this.weekdayNames = [];
+        this.years = [];
+        // CVA callbacks
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.viewDate = this.dateConverter.getTodayBS();
+    }
+    ngOnInit() {
+        this.monthNames = this.dateConverter.getMonthNames(this.language);
+        this.weekdayNames = this.dateConverter.getWeekdayNames(this.language);
+        this.years = this.dateConverter.getYearRange();
+        this.updateCalendarGrid();
+    }
+    ngOnDestroy() { }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.selectedDate = value;
+        if (value) {
+            this.viewDate = value.clone();
+        }
+        this.updateCalendarGrid();
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    // UI Methods
+    toggleCalendar() {
+        if (this.disabled)
+            return;
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.onTouched();
+            this.updateCalendarGrid();
+        }
+        this.cdr.markForCheck();
+    }
+    closeCalendar() {
+        this.isOpen = false;
+        this.cdr.markForCheck();
+    }
+    onClickOutside(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.closeCalendar();
+        }
+    }
+    onEscapeKey() {
+        this.closeCalendar();
+    }
+    // Navigation
+    previousMonth() {
+        this.viewDate = this.viewDate.addMonths(-1);
+        this.updateCalendarGrid();
+        this.cdr.markForCheck();
+    }
+    nextMonth() {
+        this.viewDate = this.viewDate.addMonths(1);
+        this.updateCalendarGrid();
+        this.cdr.markForCheck();
+    }
+    onYearChange(event) {
+        const year = parseInt(event.target.value, 10);
+        this.viewDate = new NepaliDate(year, this.viewDate.month, 1);
+        // Adjust day if needed
+        const daysInMonth = this.dateConverter.getDaysInMonth(year, this.viewDate.month);
+        if (this.viewDate.day > daysInMonth) {
+            this.viewDate = new NepaliDate(year, this.viewDate.month, daysInMonth);
+        }
+        this.updateCalendarGrid();
+        this.cdr.markForCheck();
+    }
+    onMonthChange(event) {
+        const month = parseInt(event.target.value, 10);
+        const daysInMonth = this.dateConverter.getDaysInMonth(this.viewDate.year, month);
+        const newDay = Math.min(this.viewDate.day, daysInMonth);
+        this.viewDate = new NepaliDate(this.viewDate.year, month, newDay);
+        this.updateCalendarGrid();
+        this.cdr.markForCheck();
+    }
+    // Date selection
+    selectDate(day) {
+        if (day === null || this.disabled)
+            return;
+        const newDate = new NepaliDate(this.viewDate.year, this.viewDate.month, day);
+        if (!this.isDateSelectable(day))
+            return;
+        this.selectedDate = newDate;
+        this.onChange(this.selectedDate);
+        this.dateChange.emit(this.selectedDate);
+        this.closeCalendar();
+        this.cdr.markForCheck();
+    }
+    selectToday() {
+        const today = this.dateConverter.getTodayBS();
+        if (this.dateConverter.isDateInRange(today, this.minDate, this.maxDate)) {
+            this.selectedDate = today;
+            this.viewDate = today.clone();
+            this.onChange(this.selectedDate);
+            this.dateChange.emit(this.selectedDate);
+            this.updateCalendarGrid();
+            this.closeCalendar();
+            this.cdr.markForCheck();
+        }
+    }
+    clearDate() {
+        this.selectedDate = null;
+        this.onChange(null);
+        this.dateChange.emit(null);
+        this.cdr.markForCheck();
+    }
+    // Helper methods
+    updateCalendarGrid() {
+        this.calendarGrid = this.dateConverter.getMonthCalendarGrid(this.viewDate.year, this.viewDate.month);
+    }
+    isDateSelectable(day) {
+        if (day === null)
+            return false;
+        const date = new NepaliDate(this.viewDate.year, this.viewDate.month, day);
+        return this.dateConverter.isDateInRange(date, this.minDate, this.maxDate);
+    }
+    isToday(day) {
+        if (day === null)
+            return false;
+        const today = this.dateConverter.getTodayBS();
+        return (this.viewDate.year === today.year && this.viewDate.month === today.month && day === today.day);
+    }
+    isSelected(day) {
+        if (day === null || !this.selectedDate)
+            return false;
+        return (this.viewDate.year === this.selectedDate.year &&
+            this.viewDate.month === this.selectedDate.month &&
+            day === this.selectedDate.day);
+    }
+    get displayValue() {
+        if (!this.selectedDate)
+            return '';
+        return this.selectedDate.format(this.displayFormat, this.useNepaliDigits);
+    }
+    get currentMonthName() {
+        return this.monthNames[this.viewDate.month - 1];
+    }
+    trackByWeek(index) {
+        return index;
+    }
+    trackByDay(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NepaliDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DateConverterService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NepaliDatePickerComponent, isStandalone: true, selector: "f1-nepali-date-picker", inputs: { minDate: "minDate", maxDate: "maxDate", placeholder: "placeholder", displayFormat: "displayFormat", theme: "theme", language: "language", showTodayButton: "showTodayButton", disabled: "disabled", useNepaliDigits: "useNepaliDigits" }, outputs: { dateChange: "dateChange" }, host: { listeners: { "document:click": "onClickOutside($event)", "document:keydown.escape": "onEscapeKey()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NepaliDatePickerComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"f1-datepicker\" [class.f1-datepicker--dark]=\"theme === 'dark'\" [class.f1-datepicker--disabled]=\"disabled\">\n    <!-- Input Field -->\n    <div class=\"f1-datepicker__input-wrapper\" (click)=\"toggleCalendar()\">\n        <input\n            type=\"text\"\n            class=\"f1-datepicker__input\"\n            [value]=\"displayValue\"\n            [placeholder]=\"placeholder\"\n            [disabled]=\"disabled\"\n            readonly\n        />\n        <span class=\"f1-datepicker__icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\n                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\n                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\n                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\n            </svg>\n        </span>\n        <button\n            *ngIf=\"selectedDate && !disabled\"\n            type=\"button\"\n            class=\"f1-datepicker__clear\"\n            (click)=\"clearDate(); $event.stopPropagation()\"\n            aria-label=\"Clear date\"\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n            </svg>\n        </button>\n    </div>\n\n    <!-- Calendar Dropdown -->\n    <div class=\"f1-datepicker__dropdown\" *ngIf=\"isOpen\" [@fadeIn]>\n        <!-- Header -->\n        <div class=\"f1-datepicker__header\">\n            <button\n                type=\"button\"\n                class=\"f1-datepicker__nav-btn\"\n                (click)=\"previousMonth()\"\n                aria-label=\"Previous month\"\n            >\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"15 18 9 12 15 6\"></polyline>\n                </svg>\n            </button>\n\n            <div class=\"f1-datepicker__selectors\">\n                <select\n                    class=\"f1-datepicker__select\"\n                    [value]=\"viewDate.month\"\n                    (change)=\"onMonthChange($event)\"\n                >\n                    <option *ngFor=\"let month of monthNames; let i = index\" [value]=\"i + 1\">\n                        {{ month }}\n                    </option>\n                </select>\n\n                <select\n                    class=\"f1-datepicker__select\"\n                    [value]=\"viewDate.year\"\n                    (change)=\"onYearChange($event)\"\n                >\n                    <option *ngFor=\"let year of years\" [value]=\"year\">\n                        {{ useNepaliDigits ? (year | number:'1.0-0') : year }}\n                    </option>\n                </select>\n            </div>\n\n            <button\n                type=\"button\"\n                class=\"f1-datepicker__nav-btn\"\n                (click)=\"nextMonth()\"\n                aria-label=\"Next month\"\n            >\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"9 18 15 12 9 6\"></polyline>\n                </svg>\n            </button>\n        </div>\n\n        <!-- Weekday Headers -->\n        <div class=\"f1-datepicker__weekdays\">\n            <div class=\"f1-datepicker__weekday\" *ngFor=\"let day of weekdayNames\">\n                {{ day }}\n            </div>\n        </div>\n\n        <!-- Calendar Grid -->\n        <div class=\"f1-datepicker__grid\">\n            <div class=\"f1-datepicker__week\" *ngFor=\"let week of calendarGrid; trackBy: trackByWeek\">\n                <button\n                    type=\"button\"\n                    class=\"f1-datepicker__day\"\n                    *ngFor=\"let day of week; trackBy: trackByDay\"\n                    [class.f1-datepicker__day--empty]=\"day === null\"\n                    [class.f1-datepicker__day--today]=\"day !== null && isToday(day)\"\n                    [class.f1-datepicker__day--selected]=\"day !== null && isSelected(day)\"\n                    [class.f1-datepicker__day--disabled]=\"day !== null && !isDateSelectable(day)\"\n                    [disabled]=\"day === null || !isDateSelectable(day)\"\n                    (click)=\"selectDate(day)\"\n                >\n                    {{ day !== null ? (useNepaliDigits ? day : day) : '' }}\n                </button>\n            </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"f1-datepicker__footer\" *ngIf=\"showTodayButton\">\n            <button\n                type=\"button\"\n                class=\"f1-datepicker__today-btn\"\n                (click)=\"selectToday()\"\n            >\n                {{ language === 'np' ? '\u0906\u091C' : 'Today' }}\n            </button>\n        </div>\n    </div>\n</div>\n", styles: [":host{display:inline-block;font-family:var(--f1-datepicker-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif)}.f1-datepicker{--f1-dp-bg: #ffffff;--f1-dp-text: #1a1a2e;--f1-dp-text-muted: #64748b;--f1-dp-border: #e2e8f0;--f1-dp-primary: #6366f1;--f1-dp-primary-hover: #4f46e5;--f1-dp-primary-text: #ffffff;--f1-dp-hover-bg: #f1f5f9;--f1-dp-today-bg: #eef2ff;--f1-dp-today-border: #6366f1;--f1-dp-disabled-text: #cbd5e1;--f1-dp-shadow: 0 10px 40px rgba(0, 0, 0, .12);--f1-dp-input-bg: #ffffff;--f1-dp-dropdown-bg: #ffffff;position:relative;width:280px}.f1-datepicker--dark{--f1-dp-bg: #1e1e2e;--f1-dp-text: #f8fafc;--f1-dp-text-muted: #94a3b8;--f1-dp-border: #334155;--f1-dp-primary: #818cf8;--f1-dp-primary-hover: #a5b4fc;--f1-dp-primary-text: #1e1e2e;--f1-dp-hover-bg: #2d2d44;--f1-dp-today-bg: #312e81;--f1-dp-today-border: #818cf8;--f1-dp-disabled-text: #475569;--f1-dp-shadow: 0 10px 40px rgba(0, 0, 0, .4);--f1-dp-input-bg: #1e1e2e;--f1-dp-dropdown-bg: #1e1e2e}.f1-datepicker--disabled{opacity:.6;cursor:not-allowed}.f1-datepicker__input-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.f1-datepicker--disabled .f1-datepicker__input-wrapper{cursor:not-allowed}.f1-datepicker__input{width:100%;padding:12px 44px 12px 14px;font-size:14px;font-weight:500;color:var(--f1-dp-text);background:var(--f1-dp-input-bg);border:2px solid var(--f1-dp-border);border-radius:10px;outline:none;cursor:pointer;transition:all .2s ease}.f1-datepicker__input::placeholder{color:var(--f1-dp-text-muted)}.f1-datepicker__input:hover:not(:disabled){border-color:var(--f1-dp-primary)}.f1-datepicker__input:focus{border-color:var(--f1-dp-primary);box-shadow:0 0 0 3px #6366f126}.f1-datepicker__input:disabled{cursor:not-allowed;background:var(--f1-dp-hover-bg)}.f1-datepicker__icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;color:var(--f1-dp-text-muted);pointer-events:none;transition:color .2s ease}.f1-datepicker__input-wrapper:hover .f1-datepicker__icon{color:var(--f1-dp-primary)}.f1-datepicker__clear{position:absolute;right:38px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--f1-dp-text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.f1-datepicker__clear:hover{color:var(--f1-dp-text);background:var(--f1-dp-hover-bg)}.f1-datepicker__dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:100%;min-width:300px;padding:16px;background:var(--f1-dp-dropdown-bg);border:1px solid var(--f1-dp-border);border-radius:14px;box-shadow:var(--f1-dp-shadow);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.f1-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.f1-datepicker__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--f1-dp-text);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.f1-datepicker__nav-btn:hover{background:var(--f1-dp-hover-bg);color:var(--f1-dp-primary)}.f1-datepicker__nav-btn:active{transform:scale(.95)}.f1-datepicker__selectors{display:flex;gap:8px}.f1-datepicker__select{padding:8px 28px 8px 12px;font-size:14px;font-weight:600;color:var(--f1-dp-text);background:var(--f1-dp-hover-bg);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 8px center}.f1-datepicker__select:hover{background-color:var(--f1-dp-border)}.f1-datepicker__select:focus{outline:none;box-shadow:0 0 0 2px var(--f1-dp-primary)}.f1-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.f1-datepicker__weekday{padding:8px 0;font-size:12px;font-weight:600;color:var(--f1-dp-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px}.f1-datepicker__grid{display:flex;flex-direction:column;gap:4px}.f1-datepicker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.f1-datepicker__day{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;font-weight:500;color:var(--f1-dp-text);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.f1-datepicker__day:hover:not(:disabled):not(.f1-datepicker__day--selected):not(.f1-datepicker__day--empty){background:var(--f1-dp-hover-bg)}.f1-datepicker__day--empty{visibility:hidden;cursor:default}.f1-datepicker__day--today{background:var(--f1-dp-today-bg);border:2px solid var(--f1-dp-today-border);font-weight:700}.f1-datepicker__day--selected{background:var(--f1-dp-primary)!important;color:var(--f1-dp-primary-text)!important;font-weight:700}.f1-datepicker__day--selected:hover{background:var(--f1-dp-primary-hover)!important}.f1-datepicker__day--disabled{color:var(--f1-dp-disabled-text);cursor:not-allowed}.f1-datepicker__day--disabled:hover{background:transparent}.f1-datepicker__footer{display:flex;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--f1-dp-border)}.f1-datepicker__today-btn{padding:8px 20px;font-size:13px;font-weight:600;color:var(--f1-dp-primary);background:transparent;border:2px solid var(--f1-dp-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.f1-datepicker__today-btn:hover{background:var(--f1-dp-primary);color:var(--f1-dp-primary-text)}.f1-datepicker__today-btn:active{transform:scale(.98)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NepaliDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'f1-nepali-date-picker', standalone: true, imports: [CommonModule, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NepaliDatePickerComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"f1-datepicker\" [class.f1-datepicker--dark]=\"theme === 'dark'\" [class.f1-datepicker--disabled]=\"disabled\">\n    <!-- Input Field -->\n    <div class=\"f1-datepicker__input-wrapper\" (click)=\"toggleCalendar()\">\n        <input\n            type=\"text\"\n            class=\"f1-datepicker__input\"\n            [value]=\"displayValue\"\n            [placeholder]=\"placeholder\"\n            [disabled]=\"disabled\"\n            readonly\n        />\n        <span class=\"f1-datepicker__icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect>\n                <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line>\n                <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line>\n                <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line>\n            </svg>\n        </span>\n        <button\n            *ngIf=\"selectedDate && !disabled\"\n            type=\"button\"\n            class=\"f1-datepicker__clear\"\n            (click)=\"clearDate(); $event.stopPropagation()\"\n            aria-label=\"Clear date\"\n        >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n            </svg>\n        </button>\n    </div>\n\n    <!-- Calendar Dropdown -->\n    <div class=\"f1-datepicker__dropdown\" *ngIf=\"isOpen\" [@fadeIn]>\n        <!-- Header -->\n        <div class=\"f1-datepicker__header\">\n            <button\n                type=\"button\"\n                class=\"f1-datepicker__nav-btn\"\n                (click)=\"previousMonth()\"\n                aria-label=\"Previous month\"\n            >\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"15 18 9 12 15 6\"></polyline>\n                </svg>\n            </button>\n\n            <div class=\"f1-datepicker__selectors\">\n                <select\n                    class=\"f1-datepicker__select\"\n                    [value]=\"viewDate.month\"\n                    (change)=\"onMonthChange($event)\"\n                >\n                    <option *ngFor=\"let month of monthNames; let i = index\" [value]=\"i + 1\">\n                        {{ month }}\n                    </option>\n                </select>\n\n                <select\n                    class=\"f1-datepicker__select\"\n                    [value]=\"viewDate.year\"\n                    (change)=\"onYearChange($event)\"\n                >\n                    <option *ngFor=\"let year of years\" [value]=\"year\">\n                        {{ useNepaliDigits ? (year | number:'1.0-0') : year }}\n                    </option>\n                </select>\n            </div>\n\n            <button\n                type=\"button\"\n                class=\"f1-datepicker__nav-btn\"\n                (click)=\"nextMonth()\"\n                aria-label=\"Next month\"\n            >\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polyline points=\"9 18 15 12 9 6\"></polyline>\n                </svg>\n            </button>\n        </div>\n\n        <!-- Weekday Headers -->\n        <div class=\"f1-datepicker__weekdays\">\n            <div class=\"f1-datepicker__weekday\" *ngFor=\"let day of weekdayNames\">\n                {{ day }}\n            </div>\n        </div>\n\n        <!-- Calendar Grid -->\n        <div class=\"f1-datepicker__grid\">\n            <div class=\"f1-datepicker__week\" *ngFor=\"let week of calendarGrid; trackBy: trackByWeek\">\n                <button\n                    type=\"button\"\n                    class=\"f1-datepicker__day\"\n                    *ngFor=\"let day of week; trackBy: trackByDay\"\n                    [class.f1-datepicker__day--empty]=\"day === null\"\n                    [class.f1-datepicker__day--today]=\"day !== null && isToday(day)\"\n                    [class.f1-datepicker__day--selected]=\"day !== null && isSelected(day)\"\n                    [class.f1-datepicker__day--disabled]=\"day !== null && !isDateSelectable(day)\"\n                    [disabled]=\"day === null || !isDateSelectable(day)\"\n                    (click)=\"selectDate(day)\"\n                >\n                    {{ day !== null ? (useNepaliDigits ? day : day) : '' }}\n                </button>\n            </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"f1-datepicker__footer\" *ngIf=\"showTodayButton\">\n            <button\n                type=\"button\"\n                class=\"f1-datepicker__today-btn\"\n                (click)=\"selectToday()\"\n            >\n                {{ language === 'np' ? '\u0906\u091C' : 'Today' }}\n            </button>\n        </div>\n    </div>\n</div>\n", styles: [":host{display:inline-block;font-family:var(--f1-datepicker-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif)}.f1-datepicker{--f1-dp-bg: #ffffff;--f1-dp-text: #1a1a2e;--f1-dp-text-muted: #64748b;--f1-dp-border: #e2e8f0;--f1-dp-primary: #6366f1;--f1-dp-primary-hover: #4f46e5;--f1-dp-primary-text: #ffffff;--f1-dp-hover-bg: #f1f5f9;--f1-dp-today-bg: #eef2ff;--f1-dp-today-border: #6366f1;--f1-dp-disabled-text: #cbd5e1;--f1-dp-shadow: 0 10px 40px rgba(0, 0, 0, .12);--f1-dp-input-bg: #ffffff;--f1-dp-dropdown-bg: #ffffff;position:relative;width:280px}.f1-datepicker--dark{--f1-dp-bg: #1e1e2e;--f1-dp-text: #f8fafc;--f1-dp-text-muted: #94a3b8;--f1-dp-border: #334155;--f1-dp-primary: #818cf8;--f1-dp-primary-hover: #a5b4fc;--f1-dp-primary-text: #1e1e2e;--f1-dp-hover-bg: #2d2d44;--f1-dp-today-bg: #312e81;--f1-dp-today-border: #818cf8;--f1-dp-disabled-text: #475569;--f1-dp-shadow: 0 10px 40px rgba(0, 0, 0, .4);--f1-dp-input-bg: #1e1e2e;--f1-dp-dropdown-bg: #1e1e2e}.f1-datepicker--disabled{opacity:.6;cursor:not-allowed}.f1-datepicker__input-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.f1-datepicker--disabled .f1-datepicker__input-wrapper{cursor:not-allowed}.f1-datepicker__input{width:100%;padding:12px 44px 12px 14px;font-size:14px;font-weight:500;color:var(--f1-dp-text);background:var(--f1-dp-input-bg);border:2px solid var(--f1-dp-border);border-radius:10px;outline:none;cursor:pointer;transition:all .2s ease}.f1-datepicker__input::placeholder{color:var(--f1-dp-text-muted)}.f1-datepicker__input:hover:not(:disabled){border-color:var(--f1-dp-primary)}.f1-datepicker__input:focus{border-color:var(--f1-dp-primary);box-shadow:0 0 0 3px #6366f126}.f1-datepicker__input:disabled{cursor:not-allowed;background:var(--f1-dp-hover-bg)}.f1-datepicker__icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;color:var(--f1-dp-text-muted);pointer-events:none;transition:color .2s ease}.f1-datepicker__input-wrapper:hover .f1-datepicker__icon{color:var(--f1-dp-primary)}.f1-datepicker__clear{position:absolute;right:38px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--f1-dp-text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.f1-datepicker__clear:hover{color:var(--f1-dp-text);background:var(--f1-dp-hover-bg)}.f1-datepicker__dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:100%;min-width:300px;padding:16px;background:var(--f1-dp-dropdown-bg);border:1px solid var(--f1-dp-border);border-radius:14px;box-shadow:var(--f1-dp-shadow);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.f1-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.f1-datepicker__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--f1-dp-text);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.f1-datepicker__nav-btn:hover{background:var(--f1-dp-hover-bg);color:var(--f1-dp-primary)}.f1-datepicker__nav-btn:active{transform:scale(.95)}.f1-datepicker__selectors{display:flex;gap:8px}.f1-datepicker__select{padding:8px 28px 8px 12px;font-size:14px;font-weight:600;color:var(--f1-dp-text);background:var(--f1-dp-hover-bg);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 8px center}.f1-datepicker__select:hover{background-color:var(--f1-dp-border)}.f1-datepicker__select:focus{outline:none;box-shadow:0 0 0 2px var(--f1-dp-primary)}.f1-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.f1-datepicker__weekday{padding:8px 0;font-size:12px;font-weight:600;color:var(--f1-dp-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px}.f1-datepicker__grid{display:flex;flex-direction:column;gap:4px}.f1-datepicker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.f1-datepicker__day{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:14px;font-weight:500;color:var(--f1-dp-text);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.f1-datepicker__day:hover:not(:disabled):not(.f1-datepicker__day--selected):not(.f1-datepicker__day--empty){background:var(--f1-dp-hover-bg)}.f1-datepicker__day--empty{visibility:hidden;cursor:default}.f1-datepicker__day--today{background:var(--f1-dp-today-bg);border:2px solid var(--f1-dp-today-border);font-weight:700}.f1-datepicker__day--selected{background:var(--f1-dp-primary)!important;color:var(--f1-dp-primary-text)!important;font-weight:700}.f1-datepicker__day--selected:hover{background:var(--f1-dp-primary-hover)!important}.f1-datepicker__day--disabled{color:var(--f1-dp-disabled-text);cursor:not-allowed}.f1-datepicker__day--disabled:hover{background:transparent}.f1-datepicker__footer{display:flex;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--f1-dp-border)}.f1-datepicker__today-btn{padding:8px 20px;font-size:13px;font-weight:600;color:var(--f1-dp-primary);background:transparent;border:2px solid var(--f1-dp-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.f1-datepicker__today-btn:hover{background:var(--f1-dp-primary);color:var(--f1-dp-primary-text)}.f1-datepicker__today-btn:active{transform:scale(.98)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: DateConverterService }]; }, propDecorators: { minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], displayFormat: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], showTodayButton: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], useNepaliDigits: [{
+                type: Input
+            }], dateChange: [{
+                type: Output
+            }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscapeKey: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+class F1NepaliDatePickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: F1NepaliDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: F1NepaliDatePickerModule, imports: [NepaliDatePickerComponent], exports: [NepaliDatePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: F1NepaliDatePickerModule, imports: [NepaliDatePickerComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: F1NepaliDatePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        NepaliDatePickerComponent, // Standalone component, import directly
+                    ],
+                    exports: [
+                        NepaliDatePickerComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of f1-nepali-date-picker
+ */
+// Module
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AD_EPOCH, BS_CALENDAR_DATA, BS_EPOCH, BS_MAX_YEAR, BS_MIN_YEAR, BS_MONTHS_EN, BS_MONTHS_NP, BS_WEEKDAYS_EN, BS_WEEKDAYS_NP, DateConverterService, F1NepaliDatePickerModule, NEPALI_DIGITS, NepaliDate, NepaliDatePickerComponent, getDaysInBSMonth, getTotalDaysInBSYear, toNepaliDigits };
+//# sourceMappingURL=f1softinternational-f1-nepali-date-picker.mjs.map