ngx-kit 1.0.0 → 2.0.1

package/fesm2022/ngx-kit-date-picker.mjs

@@ -0,0 +1,2280 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, EventEmitter, forwardRef, Output, Input, Component, input, ViewContainerRef, Renderer2, HostListener, Directive, viewChild } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { BrowserService, OverlayService } from 'ngx-kit/shared';
+
+class NgxDatePickerConfig {
+    previousButtonTemplate;
+    nextButtonTemplate;
+    caretDownIconTemplate;
+    todayButton = true;
+    clearButton = true;
+    clearButtonText = 'Clear';
+    todayButtonText = 'Today';
+}
+
+/**
+ * Matches strings that have the form of a valid RFC 3339 string
+ * (https://tools.ietf.org/html/rfc3339). Note that the string may not actually be a valid date
+ * because the regex will match strings an with out of bounds month, date, etc.
+ */
+const ISO_8601_REGEX = /^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|(?:(?:\+|-)\d{2}:\d{2}))?)?$/;
+function deserialize(value) {
+    if (typeof value === 'string') {
+        if (!value) {
+            return null;
+        }
+        // The `Date` constructor accepts formats other than ISO 8601, so we need to make sure the
+        // string is the right format first.
+        if (ISO_8601_REGEX.test(value)) {
+            let date = new Date(value);
+            if (isValid(date)) {
+                return date;
+            }
+        }
+    }
+    if (isValid(value)) {
+        return value;
+    }
+    else {
+        return null;
+    }
+}
+function isValid(obj) {
+    return obj instanceof Date && !isNaN(obj.getTime());
+}
+/**
+ * Checks if two dates are equal.
+ * @param first The first date to check.
+ * @param second The second date to check.
+ * @returns Whether the two dates are equal.
+ *     Null dates are considered equal to other null dates.
+ */
+function sameDate(first, second) {
+    if (first && second) {
+        let firstValid = isValid(first);
+        let secondValid = isValid(second);
+        if (firstValid && secondValid) {
+            return !compareDate(first, second);
+        }
+        return firstValid == secondValid;
+    }
+    return first == second;
+}
+/**
+ * Compares two dates.
+ * @param first The first date to compare.
+ * @param second The second date to compare.
+ * @returns 0 if the dates are equal, a number less than 0 if the first date is earlier,
+ *     a number greater than 0 if the first date is later.
+ */
+function compareDate(first, second) {
+    if (!first || !second)
+        return 0;
+    return (first.getFullYear() - second.getFullYear() ||
+        first.getMonth() - second.getMonth() ||
+        first.getDate() - second.getDate());
+}
+/**
+ * Clamp the given date between min and max dates.
+ * @param date The date to clamp.
+ * @param min The minimum value to allow. If null or omitted no min is enforced.
+ * @param max The maximum value to allow. If null or omitted no max is enforced.
+ * @returns `min` if `date` is less than `min`, `max` if date is greater than `max`,
+ *     otherwise `date`.
+ */
+function clampDate(date, min, max) {
+    if (min && compareDate(date, min) < 0) {
+        return -1;
+    }
+    if (max && compareDate(date, max) > 0) {
+        return 1;
+    }
+    return 0;
+}
+//------------------------------------------------------------------------------------------------------------
+/**
+ * check only year and month
+ */
+function compareMonth(first, second) {
+    return first.getFullYear() - second.getFullYear() || first.getMonth() - second.getMonth();
+}
+function clampMonth(date, min, max) {
+    if (min && compareMonth(date, min) < 0) {
+        return -1;
+    }
+    if (max && compareMonth(date, max) > 0) {
+        return 1;
+    }
+    return 0;
+}
+//------------------------------------------------------------------------------------------------------------
+/**
+ * check only year
+ */
+function compareYear(first, second) {
+    return first.getFullYear() - second.getFullYear();
+}
+function clampYear(date, min, max) {
+    if (min && compareYear(date, min) < 0) {
+        return -1;
+    }
+    if (max && compareYear(date, max) > 0) {
+        return 1;
+    }
+    return 0;
+}
+
+// Date and Time Patterns
+// yy = 2-digit year; yyyy = full year
+// M = digit month; MM = 2-digit month; MMM = short month name; MMMM = full month name
+// EEEE = full weekday name; EEE = short weekday name
+// d = digit day; dd = 2-digit day
+// h = hours am/pm; hh = 2-digit hours am/pm; H = hours; HH = 2-digit hours
+// m = minutes; mm = 2-digit minutes; aaa = AM/PM
+// s = seconds; ss = 2-digit seconds
+// S = miliseconds
+function genFormatDate(date, pattern = 'M/d/yyyy', monthNames, dayNames) {
+    if (!date) {
+        return '';
+    }
+    const day = date.day ?? 0;
+    const month = date.month ?? 0;
+    const year = date.year ?? 0;
+    const hour24 = date.hours ?? 0;
+    const minute = date.minutes ?? 0;
+    const second = date.seconds ?? 0;
+    const ms = date.milliseconds ?? 0;
+    const dayOfWeek = date.dayOfWeek ?? 0;
+    const hour12 = hour24 % 12 || 12;
+    const tokens = {
+        yyyy: year.toString(),
+        yy: year.toString().slice(-2),
+        MMMM: monthNames[month] ?? '',
+        MMM: (monthNames[month] ?? '').substring(0, 3),
+        MM: twoDigitPad(month + 1),
+        M: (month + 1).toString(),
+        EEEE: dayNames[dayOfWeek] ?? '',
+        EEE: (dayNames[dayOfWeek] ?? '').substring(0, 3),
+        dd: twoDigitPad(day),
+        d: day.toString(),
+        HH: twoDigitPad(hour24),
+        H: hour24.toString(),
+        hh: twoDigitPad(hour12),
+        h: hour12.toString(),
+        mm: twoDigitPad(minute),
+        m: minute.toString(),
+        ss: twoDigitPad(second),
+        s: second.toString(),
+        S: ms.toString().padStart(3, '0'),
+        aaa: hour24 < 12 ? 'AM' : 'PM',
+    };
+    return pattern.replace(/yyyy|yy|MMMM|MMM|MM|M|EEEE|EEE|dd|d|HH|H|hh|h|mm|m|ss|s|S|aaa/g, (token) => tokens[token]);
+}
+function twoDigitPad(num) {
+    return num.toString().padStart(2, '0');
+}
+// console.log(formatDate(new Date())); // 12/19/2022
+// console.log(formatDate(new Date(), 'dd-MMM-yyyy')); //OP's request 19-Dec-2022
+// console.log(formatDate(new Date(), 'EEEE, MMMM d, yyyy HH:mm:ss.S aaa')); //  Monday, December 19, 2022 10:44:35.437 AM
+// console.log(formatDate(new Date(), 'EEE, MMM d, yyyy HH:mm')); //Mon, Dec 19, 2022 10:44
+// console.log(formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss.S')); //2022-12-19 10:44:35.438
+// console.log(formatDate(new Date(), 'M/dd/yyyy h:mmaaa')); //12/19/2022 10:44AM
+
+class GregorianAdapter {
+    startOfWeek = 0;
+    get longMonths() {
+        return [
+            'January',
+            'February',
+            'March',
+            'April',
+            'May',
+            'June',
+            'July',
+            'August',
+            'September',
+            'October',
+            'November',
+            'December',
+        ];
+    }
+    get narrowDays() {
+        return ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+    }
+    get shortDays() {
+        return ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
+    }
+    get longDays() {
+        return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+    }
+    toLocale(date) {
+        const d = date;
+        return {
+            locale: 'en',
+            day: d.getDate(),
+            month: d.getMonth(),
+            year: d.getFullYear(),
+            date: d,
+            hours: date.getHours(),
+            minutes: date.getMinutes(),
+            seconds: date.getSeconds(),
+            milliseconds: date.getMilliseconds(),
+            dayOfWeek: date.getDay(),
+        };
+    }
+    today() {
+        return this.toLocale(new Date());
+    }
+    /**
+     *  getting first day of month
+     */
+    firstDayofMonth(year, month) {
+        return new Date(year, month, 1).getDay();
+    }
+    /**
+     * getting last date of month
+     */
+    lastDateofMonth(year, month) {
+        return new Date(year, month + 1, 0).getDate();
+    }
+    /**
+     * getting last day of month
+     */
+    lastDayofMonth(year, month) {
+        return new Date(year, month, this.lastDateofMonth(year, month)).getDay();
+    }
+    /**
+     * getting last date of previous month
+     */
+    lastDateofLastMonth(year, month) {
+        return new Date(year, month, 0).getDate();
+    }
+    // TODO
+    /**
+     * month start with zero
+     * @param date
+     * @returns
+     */
+    getDate(date) {
+        let str = date.year + '-' + (date.month ? date.month + 1 : 1) + '-' + (date.day ?? 1);
+        str = str
+            .split('-')
+            .map((i) => {
+            return i.length < 2 ? '0' + i : i;
+        })
+            .join('-');
+        if (date.hours || date.minutes || date.seconds || date.milliseconds) {
+            str +=
+                ' ' +
+                    (date.hours ?? 0) +
+                    ':' +
+                    (date.minutes ?? 0) +
+                    ':' +
+                    (date.seconds ?? 0) +
+                    ':' +
+                    (date.milliseconds ?? 0);
+        }
+        return new Date(str);
+    }
+    formatDate(date, format) {
+        if (!date) {
+            return '';
+        }
+        // let option: Intl.DateTimeFormatOptions = {
+        //     year: 'numeric',
+        //     month: '2-digit',
+        //     day: '2-digit'
+        // };
+        // if (format === 'full') {
+        //     option = {
+        //         year: 'numeric',
+        //         month: 'long',
+        //         day: '2-digit',
+        //         weekday: 'long'
+        //     };
+        // }
+        // return new Date(date).toLocaleDateString('en-US', option);
+        return genFormatDate(date, format, this.longMonths, this.longDays);
+    }
+    getStartOf(date, t) {
+        if (!date) {
+            return date;
+        }
+        switch (t) {
+            case 'year':
+                return new Date(date.getFullYear(), 1, 1);
+            case 'month':
+                return new Date(date.getFullYear(), date.getMonth(), 1);
+            case 'day':
+                return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        }
+    }
+    getLastOf(date, t) {
+        if (!date) {
+            return date;
+        }
+        switch (t) {
+            case 'year':
+                return new Date(date.getFullYear(), 12, 0);
+            case 'month':
+                return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+            case 'day':
+                return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        }
+    }
+}
+
+var Jalali;
+(function (Jalali) {
+    /*
+    Jalaali years starting the 33-year rule.
+  */
+    Jalali.breaks = [-61, 9, 38, 199, 426, 686, 756, 818, 1111, 1181, 1210,
+        1635, 2060, 2097, 2192, 2262, 2324, 2394, 2456, 3178
+    ];
+    /*
+    Converts a Gregorian date to Jalaali.
+  */
+    function toJalaali(date) {
+        // if (Object.prototype.toString.call(date) === '[object Date]') {
+        let gd = date.getDate();
+        let gm = date.getMonth() + 1;
+        let gy = date.getFullYear();
+        return d2j(g2d(gy, gm, gd));
+        // }
+        // return null;
+    }
+    Jalali.toJalaali = toJalaali;
+    /*
+      Converts a Jalaali date to Gregorian.
+    */
+    function toGregorian(jy, jm, jd) {
+        return d2g(j2d(jy, jm, jd));
+    }
+    Jalali.toGregorian = toGregorian;
+    /*
+      Checks whether a Jalaali date is valid or not.
+    */
+    function isValidJalaaliDate(jy, jm, jd) {
+        return jy >= -61 && jy <= 3177 &&
+            jm >= 1 && jm <= 12 &&
+            jd >= 1 && jd <= jalaaliMonthLength(jy, jm);
+    }
+    Jalali.isValidJalaaliDate = isValidJalaaliDate;
+    /*
+      Is this a leap year or not?
+    */
+    function isLeapJalaaliYear(jy) {
+        return jalCalLeap(jy) === 0;
+    }
+    Jalali.isLeapJalaaliYear = isLeapJalaaliYear;
+    /*
+      Number of days in a given month in a Jalaali year.
+    */
+    function jalaaliMonthLength(jy, jm) {
+        if (jm <= 6)
+            return 31;
+        if (jm <= 11)
+            return 30;
+        if (isLeapJalaaliYear(jy))
+            return 30;
+        return 29;
+    }
+    Jalali.jalaaliMonthLength = jalaaliMonthLength;
+    /*
+        This function determines if the Jalaali (Persian) year is
+        leap (366-day long) or is the common year (365 days)
+        @param jy Jalaali calendar year (-61 to 3177)
+        @returns number of years since the last leap year (0 to 4)
+     */
+    function jalCalLeap(jy) {
+        var bl = Jalali.breaks.length, jp = Jalali.breaks[0], jm, jump = 0, leap, n, i;
+        if (jy < jp || jy >= Jalali.breaks[bl - 1])
+            throw new Error('Invalid Jalaali year ' + jy);
+        for (i = 1; i < bl; i += 1) {
+            jm = Jalali.breaks[i];
+            jump = jm - jp;
+            if (jy < jm)
+                break;
+            jp = jm;
+        }
+        n = jy - jp;
+        if (jump - n < 6)
+            n = n - jump + div(jump + 4, 33) * 33;
+        leap = mod(mod(n + 1, 33) - 1, 4);
+        if (leap === -1) {
+            leap = 4;
+        }
+        return leap;
+    }
+    Jalali.jalCalLeap = jalCalLeap;
+    /*
+      This function determines if the Jalaali (Persian) year is
+      leap (366-day long) or is the common year (365 days), and
+      finds the day in March (Gregorian calendar) of the first
+      day of the Jalaali year (jy).
+      @param jy Jalaali calendar year (-61 to 3177)
+      @param withoutLeap when don't need leap (true or false) default is false
+      @return
+        leap: number of years since the last leap year (0 to 4)
+        gy: Gregorian year of the beginning of Jalaali year
+        march: the March day of Farvardin the 1st (1st day of jy)
+      @see: http://www.astro.uni.torun.pl/~kb/Papers/EMP/PersianC-EMP.htm
+      @see: http://www.fourmilab.ch/documents/calendar/
+    */
+    function jalCal(jy, withoutLeap) {
+        var bl = Jalali.breaks.length, gy = jy + 621, leapJ = -14, jp = Jalali.breaks[0], jm, jump = 0, leap, leapG, march, n, i;
+        if (jy < jp || jy >= Jalali.breaks[bl - 1])
+            throw new Error('Invalid Jalaali year ' + jy);
+        // Find the limiting years for the Jalaali year jy.
+        for (i = 1; i < bl; i += 1) {
+            jm = Jalali.breaks[i];
+            jump = jm - jp;
+            if (jy < jm)
+                break;
+            leapJ = leapJ + div(jump, 33) * 8 + div(mod(jump, 33), 4);
+            jp = jm;
+        }
+        n = jy - jp;
+        // Find the number of leap years from AD 621 to the beginning
+        // of the current Jalaali year in the Persian calendar.
+        leapJ = leapJ + div(n, 33) * 8 + div(mod(n, 33) + 3, 4);
+        if (mod(jump, 33) === 4 && jump - n === 4)
+            leapJ += 1;
+        // And the same in the Gregorian calendar (until the year gy).
+        leapG = div(gy, 4) - div((div(gy, 100) + 1) * 3, 4) - 150;
+        // Determine the Gregorian date of Farvardin the 1st.
+        march = 20 + leapJ - leapG;
+        // return with gy and march when we don't need leap
+        if (withoutLeap)
+            return { gy: gy, march: march };
+        // Find how many years have passed since the last leap year.
+        if (jump - n < 6)
+            n = n - jump + div(jump + 4, 33) * 33;
+        leap = mod(mod(n + 1, 33) - 1, 4);
+        if (leap === -1) {
+            leap = 4;
+        }
+        return {
+            leap: leap,
+            gy: gy,
+            march: march
+        };
+    }
+    Jalali.jalCal = jalCal;
+    /*
+      Converts a date of the Jalaali calendar to the Julian Day number.
+      @param jy Jalaali year (1 to 3100)
+      @param jm Jalaali month (1 to 12)
+      @param jd Jalaali day (1 to 29/31)
+      @return Julian Day number
+    */
+    function j2d(jy, jm, jd) {
+        var r = jalCal(jy, true);
+        return g2d(r.gy, 3, r.march) + (jm - 1) * 31 - div(jm, 7) * (jm - 7) + jd - 1;
+    }
+    Jalali.j2d = j2d;
+    /*
+      Converts the Julian Day number to a date in the Jalaali calendar.
+      @param jdn Julian Day number
+      @return
+        jy: Jalaali year (1 to 3100)
+        jm: Jalaali month (1 to 12)
+        jd: Jalaali day (1 to 29/31)
+    */
+    function d2j(jdn) {
+        var gy = d2g(jdn).gy // Calculate Gregorian year (gy).
+        , jy = gy - 621, r = jalCal(jy, false), jdn1f = g2d(gy, 3, r.march), jd, jm, k;
+        // Find number of days that passed since 1 Farvardin.
+        k = jdn - jdn1f;
+        if (k >= 0) {
+            if (k <= 185) {
+                // The first 6 months.
+                jm = 1 + div(k, 31);
+                jd = mod(k, 31) + 1;
+                return {
+                    jy: jy,
+                    jm: jm,
+                    jd: jd
+                };
+            }
+            else {
+                // The remaining months.
+                k -= 186;
+            }
+        }
+        else {
+            // Previous Jalaali year.
+            jy -= 1;
+            k += 179;
+            if (r.leap === 1)
+                k += 1;
+        }
+        jm = 7 + div(k, 30);
+        jd = mod(k, 30) + 1;
+        return {
+            jy: jy,
+            jm: jm,
+            jd: jd
+        };
+    }
+    Jalali.d2j = d2j;
+    /*
+      Calculates the Julian Day number from Gregorian or Julian
+      calendar dates. This integer number corresponds to the noon of
+      the date (i.e. 12 hours of Universal Time).
+      The procedure was tested to be good since 1 March, -100100 (of both
+      calendars) up to a few million years into the future.
+      @param gy Calendar year (years BC numbered 0, -1, -2, ...)
+      @param gm Calendar month (1 to 12)
+      @param gd Calendar day of the month (1 to 28/29/30/31)
+      @return Julian Day number
+    */
+    function g2d(gy, gm, gd) {
+        var d = div((gy + div(gm - 8, 6) + 100100) * 1461, 4)
+            + div(153 * mod(gm + 9, 12) + 2, 5)
+            + gd - 34840408;
+        d = d - div(div(gy + 100100 + div(gm - 8, 6), 100) * 3, 4) + 752;
+        return d;
+    }
+    Jalali.g2d = g2d;
+    /*
+      Calculates Gregorian and Julian calendar dates from the Julian Day number
+      (jdn) for the period since jdn=-34839655 (i.e. the year -100100 of both
+      calendars) to some millions years ahead of the present.
+      @param jdn Julian Day number
+      @return
+        gy: Calendar year (years BC numbered 0, -1, -2, ...)
+        gm: Calendar month (1 to 12)
+        gd: Calendar day of the month M (1 to 28/29/30/31)
+    */
+    function d2g(jdn) {
+        var j, i, gd, gm, gy;
+        j = 4 * jdn + 139361631;
+        j = j + div(div(4 * jdn + 183187720, 146097) * 3, 4) * 4 - 3908;
+        i = div(mod(j, 1461), 4) * 5 + 308;
+        gd = div(mod(i, 153), 5) + 1;
+        gm = mod(div(i, 153), 12) + 1;
+        gy = div(j, 1461) - 100100 + div(8 - gm, 6);
+        return {
+            gy: gy,
+            gm: gm,
+            gd: gd
+        };
+    }
+    Jalali.d2g = d2g;
+    /**
+     * Return Saturday and Friday day of current week(week start in Saturday)
+     * @param {number} jy jalaali year
+     * @param {number} jm jalaali month
+     * @param {number} jd jalaali day
+     * @returns Saturday and Friday of current week
+     */
+    function jalaaliWeek(jy, jm, jd) {
+        var dayOfWeek = jalaaliToDateObject(jy, jm, jd).getDay();
+        var startDayDifference = dayOfWeek == 6 ? 0 : -(dayOfWeek + 1);
+        var endDayDifference = 6 + startDayDifference;
+        return {
+            saturday: d2j(j2d(jy, jm, jd + startDayDifference)),
+            friday: d2j(j2d(jy, jm, jd + endDayDifference))
+        };
+    }
+    Jalali.jalaaliWeek = jalaaliWeek;
+    /**
+     * Convert Jalaali calendar dates to javascript Date object
+     * @param {number} jy jalaali year
+     * @param {number} jm jalaali month
+     * @param {number} jd jalaali day
+     * @param {number} [h] hours
+     * @param {number} [m] minutes
+     * @param {number} [s] seconds
+     * @param {number} [ms] milliseconds
+     * @returns Date object of the jalaali calendar dates
+     */
+    function jalaaliToDateObject(jy, jm, jd, h, m, s, ms) {
+        var gregorianCalenderDate = toGregorian(jy, jm, jd);
+        return new Date(gregorianCalenderDate.gy, gregorianCalenderDate.gm - 1, gregorianCalenderDate.gd, h || 3, m || 30, s || 0, ms || 0);
+    }
+    Jalali.jalaaliToDateObject = jalaaliToDateObject;
+    /*
+      Utility helper functions.
+    */
+    function div(a, b) {
+        return ~~(a / b);
+    }
+    Jalali.div = div;
+    function mod(a, b) {
+        return a - ~~(a / b) * b;
+    }
+    Jalali.mod = mod;
+})(Jalali || (Jalali = {}));
+
+class JalaliAdapter {
+    // shanbeh
+    startOfWeek = 1;
+    dariMonth = false;
+    get longMonths() {
+        return [
+            'فروردین',
+            'اردیبهشت',
+            'خرداد',
+            'تیر',
+            'مرداد',
+            'شهریور',
+            'مهر',
+            'آبان',
+            'آذر',
+            'دی',
+            'بهمن',
+            'اسفند',
+        ];
+    }
+    get narrowDays() {
+        return ['شنبه', 'یک', 'دو', 'سه', 'چهار', 'پنج', 'جمعه'];
+    }
+    get shortDays() {
+        return ['ش', 'ی', 'د', 'س', 'چ', 'پ', 'ج'];
+    }
+    get longDays() {
+        return ['شنبه', 'یک شنبه', 'دوشنبه', 'سه شنبه', 'چهارشنبه', 'پنج شنبه', 'جمعه'];
+    }
+    constructor() { }
+    toLocale(date) {
+        let jd = Jalali.toJalaali(date);
+        return {
+            locale: 'fa',
+            day: jd.jd,
+            month: jd.jm - 1,
+            year: jd.jy,
+            date,
+            hours: date.getHours(),
+            minutes: date.getMinutes(),
+            seconds: date.getSeconds(),
+            milliseconds: date.getMilliseconds(),
+            dayOfWeek: date.getDay() + this.startOfWeek,
+        };
+    }
+    today() {
+        return this.toLocale(new Date());
+    }
+    /**
+     *  getting first day of month
+     */
+    firstDayofMonth(year, month) {
+        let gDate = Jalali.jalaaliToDateObject(year, month + 1, 1);
+        let day = gDate.getDay() + this.startOfWeek;
+        return day > 6 ? 0 : day;
+    }
+    /**
+     * getting last date of month
+     */
+    lastDateofMonth(year, month) {
+        const monthLengths = [
+            31,
+            31,
+            31,
+            31,
+            31,
+            31,
+            30,
+            30,
+            30,
+            30,
+            30,
+            (year - 1095) % 4 != 0 ? 29 : 30,
+        ];
+        return monthLengths[month];
+    }
+    /**
+     * getting last day of month
+     */
+    lastDayofMonth(year, month) {
+        let gDate = Jalali.jalaaliToDateObject(year, month + 1, this.lastDateofMonth(year, month));
+        let day = gDate.getDay() + this.startOfWeek;
+        return day > 6 ? 0 : day;
+    }
+    /**
+     * getting last date of previous month
+     */
+    lastDateofLastMonth(year, month) {
+        month--;
+        if (month < 0) {
+            month = 11;
+            year--;
+        }
+        const monthLengths = [
+            31,
+            31,
+            31,
+            31,
+            31,
+            31,
+            30,
+            30,
+            30,
+            30,
+            30,
+            (year - 1095) % 4 != 0 ? 29 : 30,
+        ];
+        return monthLengths[month];
+    }
+    /**
+     * تبدیل تاریخ جلالی به میلادی برای نمایش
+     * month start with zero
+     * @param date
+     * @returns
+     */
+    getDate(date) {
+        let d = Jalali.jalaaliToDateObject(date.year, date.month ? date.month + 1 : 1, date.day ?? 1, date.hours ?? 0, date.minutes ?? 0, date.seconds ?? 0, date.milliseconds ?? 0);
+        // {
+        //       locale: 'fa',
+        //       year: d.getFullYear(),
+        //       month: d.getMonth(),
+        //       day: d.getDate(),
+        //       hours: d.getHours(),
+        //       minutes: d.getMinutes(),
+        //       seconds: d.getSeconds(),
+        //       milliseconds: d.getMilliseconds(),
+        //       dayOfWeek: d.getDay() + this.startOfWeek,
+        //     }
+        return d;
+    }
+    formatDate(date, format) {
+        if (!date) {
+            return '';
+        }
+        // let option: Intl.DateTimeFormatOptions = {
+        //     year: 'numeric',
+        //     month: '2-digit',
+        //     day: '2-digit'
+        // };
+        // if (format === 'full') {
+        //     option = {
+        //         year: 'numeric',
+        //         month: 'long',
+        //         day: '2-digit',
+        //         weekday: 'long'
+        //     };
+        // }
+        // return new Date(date).toLocaleDateString('fa-IR-u-nu-latn', option);
+        return genFormatDate(date, format, this.longMonths, this.longDays);
+    }
+    // _______________________________________________________________________________________
+    getStartOf(date, t) {
+        if (!date) {
+            return date;
+        }
+        let jDate = Jalali.toJalaali(date);
+        switch (t) {
+            case 'year':
+                return Jalali.jalaaliToDateObject(jDate.jy, 1, 1);
+            case 'month':
+                // console.log(jDate.jy, '-', jDate.jm, '-', 1);
+                return Jalali.jalaaliToDateObject(jDate.jy, jDate.jm, 1);
+            case 'day':
+                return Jalali.jalaaliToDateObject(jDate.jy, jDate.jm, jDate.jd);
+        }
+    }
+    getLastOf(date, t) {
+        if (!date) {
+            return date;
+        }
+        let jDate = Jalali.toJalaali(date);
+        switch (t) {
+            case 'year':
+                return Jalali.jalaaliToDateObject(jDate.jy, 12, 0);
+            case 'month':
+                // console.log(jDate.jy, '-', jDate.jm, '-', this.lastDateofMonth(jDate.jy, jDate.jm));
+                return Jalali.jalaaliToDateObject(jDate.jy, jDate.jm, this.lastDateofMonth(jDate.jy, jDate.jm));
+            case 'day':
+                return Jalali.jalaaliToDateObject(jDate.jy, jDate.jm, jDate.jd);
+        }
+    }
+}
+
+/**
+ * منطق تبدیل تاریخ هجری قمری (Umm al-Qura) <-> میلادی
+ * جدا از آداپتر، تا قابل تست و استفاده‌ی مستقل باشد.
+ */
+const HIJRI_LOCALE = 'ar-SA-u-ca-islamic-umalqura';
+const ONE_DAY_MS = 86400000;
+var HijriConverter;
+(function (HijriConverter) {
+    const parser = new Intl.DateTimeFormat(HIJRI_LOCALE, {
+        day: 'numeric',
+        month: 'numeric',
+        year: 'numeric',
+    });
+    /** تبدیل اعداد عربی/فارسی به لاتین */
+    function toLatinDigits(str) {
+        return str
+            .replace(/[٠١٢٣٤٥٦٧٨٩]/g, (d) => '0123456789'['٠١٢٣٤٥٦٧٨٩'.indexOf(d)])
+            .replace(/[۰۱۲۳۴۵۶۷۸۹]/g, (d) => '0123456789'['۰۱۲۳۴۵۶۷۸۹'.indexOf(d)]);
+    }
+    /** استخراج تاریخ هجری از یک Date میلادی */
+    function parse(date) {
+        const parts = parser.formatToParts(date);
+        return {
+            day: parseInt(toLatinDigits(parts.find((p) => p.type === 'day').value), 10),
+            month: parseInt(toLatinDigits(parts.find((p) => p.type === 'month').value), 10) - 1,
+            year: parseInt(toLatinDigits(parts.find((p) => p.type === 'year').value), 10),
+        };
+    }
+    HijriConverter.parse = parse;
+    /**
+     * پیدا کردن آخرین «روز اول ماه هجری» که در همان روز seed یا
+     * قبل از آن باشد (جستجوی فقط روبه‌عقب، حداکثر 35 روز).
+     *
+     * نکته‌ی مهم: این جستجو باید فقط روبه‌عقب باشد، نه «نزدیک‌ترین
+     * در هر دو جهت». جستجوی دوجهته باعث می‌شد وقتی الگوریتم می‌خواهد
+     * یک قدم به عقب برود (-5 روز)، چون فاصله‌ی جلو هنوز کمتر بود،
+     * دوباره به همان ماهِ قبلی برگردد و لوپ هیچ‌وقت واقعاً عقب نرود.
+     */
+    function firstOfMonthAtOrBefore(seed) {
+        for (let i = 0; i <= 35; i++) {
+            const test = new Date(seed);
+            test.setDate(test.getDate() - i);
+            if (parse(test).day === 1) {
+                return test;
+            }
+        }
+        // عملاً نباید به اینجا برسیم
+        return seed;
+    }
+    /**
+     * پیدا کردن JS Date معادل «روز اول» یک ماه هجری دلخواه.
+     *
+     * به‌جای تکیه به یک فرمولِ تخمینیِ سال میلادی (که می‌تواند تا یک
+     * سال کامل خطا داشته باشد و جستجوی محدودِ ±35 روزه را شکست بدهد —
+     * همان باگی که باعث می‌شد lastDateofMonth عدد ۳۱ به‌جای ۲۹ بدهد)،
+     * از «امروز» -که همیشه با Intl به‌درستی قابل‌خواندن است- به‌عنوان
+     * لنگر شروع می‌کنیم و ماه‌به‌ماه جلو/عقب می‌رویم. هر قدم (چه
+     * `+30` چه `-5`) probe را به داخلِ بدنه‌ی ماهِ هدف می‌برد (نه قبل
+     * از آن)، پس جستجوی «آخرین day1 در همان روز یا قبل‌تر» همیشه
+     * دقیقاً day1 همان ماه هدف را پیدا می‌کند.
+     */
+    function firstDayOfMonth(year, month) {
+        let anchorDate = firstOfMonthAtOrBefore(new Date());
+        let h = parse(anchorDate);
+        // سقف ایمنی برای جلوگیری از لوپ بی‌نهایت (≈ 100 سال هجری)
+        let guard = 0;
+        while ((h.year !== year || h.month !== month) && guard < 1200) {
+            const targetIsLater = year > h.year || (year === h.year && month > h.month);
+            const probe = new Date(anchorDate);
+            // طول هر ماه هجری 29 یا 30 روز است؛ +30 همیشه به داخل ماه
+            // بعد می‌رسد و -5 همیشه داخل بدنه‌ی ماه قبل می‌ماند.
+            probe.setDate(probe.getDate() + (targetIsLater ? 30 : -5));
+            anchorDate = firstOfMonthAtOrBefore(probe);
+            h = parse(anchorDate);
+            guard++;
+        }
+        return anchorDate;
+    }
+    HijriConverter.firstDayOfMonth = firstDayOfMonth;
+    /** تبدیل سال/ماه/روز هجری به Date میلادی */
+    function toGregorian(year, month, day) {
+        const first = firstDayOfMonth(year, month);
+        const result = new Date(first);
+        result.setDate(result.getDate() + (day - 1));
+        return result;
+    }
+    HijriConverter.toGregorian = toGregorian;
+    /**
+     * تعداد واقعیِ روزهای یک ماه هجری.
+     *
+     * نکته‌ی مهم (باگ قبلی): نباید از `Date.getDate()` روی «روز قبل از
+     * شروع ماه بعد» استفاده کرد، چون آن عدد، شماره‌ی روز در تقویم
+     * میلادیِ همان Date است، نه طول ماه هجری.
+     * روش درست: فاصله‌ی روزها بین «اول این ماه» و «اول ماه بعد».
+     */
+    function daysInMonth(year, month) {
+        const nextMonth = (month + 1) % 12;
+        const nextYear = month === 11 ? year + 1 : year;
+        const first = firstDayOfMonth(year, month);
+        const nextFirst = firstDayOfMonth(nextYear, nextMonth);
+        const diffMs = nextFirst.getTime() - first.getTime();
+        return Math.round(diffMs / ONE_DAY_MS);
+    }
+    HijriConverter.daysInMonth = daysInMonth;
+})(HijriConverter || (HijriConverter = {}));
+
+/**
+ * تقویم هجری قمری - Umm al-Qura (تقویم رسمی عربستان)
+ * نیاز به ICU ≥ 56 دارد (تمام مرورگرهای مدرن)
+ *
+ * منطق تبدیل تاریخ در HijriConverter (helpers/hijri-converter.helper.ts) است.
+ */
+class HijriAdapter {
+    /** یکشنبه = 0 (هم‌خوان با تقویم میلادی برای سادگی) */
+    startOfWeek = 0;
+    get longMonths() {
+        return [
+            'محرم',
+            'صفر',
+            'ربيع الأول',
+            'ربيع الثاني',
+            'جمادى الأولى',
+            'جمادى الثانية',
+            'رجب',
+            'شعبان',
+            'رمضان',
+            'شوال',
+            'ذو القعدة',
+            'ذو الحجة',
+        ];
+    }
+    get narrowDays() {
+        return ['أحد', 'إثن', 'ثلا', 'أرب', 'خمي', 'جمع', 'سبت'];
+    }
+    get shortDays() {
+        return ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'];
+    }
+    get longDays() {
+        return ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'];
+    }
+    toLocale(date) {
+        const h = HijriConverter.parse(date);
+        return {
+            locale: 'ar',
+            day: h.day,
+            month: h.month,
+            year: h.year,
+            date,
+            hours: date.getHours(),
+            minutes: date.getMinutes(),
+            seconds: date.getSeconds(),
+            milliseconds: date.getMilliseconds(),
+            dayOfWeek: date.getDay(),
+        };
+    }
+    today() {
+        return this.toLocale(new Date());
+    }
+    firstDayofMonth(year, month) {
+        return HijriConverter.firstDayOfMonth(year, month).getDay();
+    }
+    lastDateofMonth(year, month) {
+        return HijriConverter.daysInMonth(year, month);
+    }
+    lastDayofMonth(year, month) {
+        const lastDate = this.lastDateofMonth(year, month);
+        return HijriConverter.toGregorian(year, month, lastDate).getDay();
+    }
+    lastDateofLastMonth(year, month) {
+        const prevMonth = month === 0 ? 11 : month - 1;
+        const prevYear = month === 0 ? year - 1 : year;
+        return this.lastDateofMonth(prevYear, prevMonth);
+    }
+    /** month start with zero */
+    getDate(date) {
+        const jsDate = HijriConverter.toGregorian(date.year, date.month ?? 0, date.day ?? 1);
+        if (date.hours !== undefined)
+            jsDate.setHours(date.hours);
+        if (date.minutes !== undefined)
+            jsDate.setMinutes(date.minutes);
+        if (date.seconds !== undefined)
+            jsDate.setSeconds(date.seconds);
+        if (date.milliseconds !== undefined)
+            jsDate.setMilliseconds(date.milliseconds);
+        return jsDate;
+    }
+    formatDate(date, format) {
+        if (!date)
+            return null;
+        const jsDate = this.getDate(date);
+        const options = {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        };
+        if (format === 'full') {
+            options.weekday = 'long';
+        }
+        return new Intl.DateTimeFormat('ar-SA-u-ca-islamic-umalqura', options).format(jsDate);
+    }
+    getStartOf(date, t) {
+        if (!date)
+            return date;
+        const h = HijriConverter.parse(date);
+        switch (t) {
+            case 'year':
+                return HijriConverter.toGregorian(h.year, 0, 1);
+            case 'month':
+                return HijriConverter.toGregorian(h.year, h.month, 1);
+            case 'day':
+                return HijriConverter.toGregorian(h.year, h.month, h.day);
+        }
+    }
+    getLastOf(date, t) {
+        if (!date)
+            return date;
+        const h = HijriConverter.parse(date);
+        switch (t) {
+            case 'year':
+                return HijriConverter.toGregorian(h.year, 11, HijriConverter.daysInMonth(h.year, 11));
+            case 'month':
+                return HijriConverter.toGregorian(h.year, h.month, HijriConverter.daysInMonth(h.year, h.month));
+            case 'day':
+                return HijriConverter.toGregorian(h.year, h.month, h.day);
+        }
+    }
+}
+
+/**
+ * منطق تبدیل تاریخ سنتی چینی (农历) <-> میلادی
+ * جدا از آداپتر، تا قابل تست و استفاده‌ی مستقل باشد.
+ *
+ * ⚠️ محدودیت شناخته‌شده: ماه‌های کبیسه (闰)
+ * در تقویم چینی، یک ماه کبیسه همان شماره‌ی ماه عادیِ قبل از خودش را
+ * دارد (مثلاً «闰七月» هم month=6 می‌شود، دقیقاً مثل «七月» عادی).
+ * چون CalendarDate در این پروژه فیلدی برای isLeapMonth ندارد، این
+ * پیاده‌سازی -مثل نسخه‌ی قبلی- در سال‌های کبیسه، ماه کبیسه را به ماه
+ * عادیِ هم‌نام نگاشت می‌کند و کاربر نمی‌تواند مستقیماً وارد ماه کبیسه
+ * شود. این یک محدودیتِ آگاهانه است، نه باگ سهوی؛ برای رفع کامل باید
+ * فیلد isLeapMonth به CalendarDate اضافه و در همه‌جا (toLocale,
+ */
+const CHINESE_LOCALE = 'zh-CN-u-ca-chinese';
+/**
+ * نام ماه چینی -> شماره (صفر-پایه)
+ * ماه‌های عادی: 正月(0) .. 腊月(11)
+ *
+ * نکته‌ی مهمِ این باگ: Intl برای ماه یازدهم رشته‌ی «十一月» را
+ * برمی‌گرداند، نه «冬月» (که فقط یک نام جایگزینِ ادبی/سنتی است و
+ * توسط Intl.DateTimeFormat تولید نمی‌شود). نسخه‌ی قبلی این نقشه
+ * فقط «冬月» را داشت، پس برای هر آذر/دی‌ماهی mismatch رخ می‌داد و
+ * شماره‌ی ماه به‌اشتباه با مقدار پیش‌فرض `?? 0` صفر می‌شد. همین
+ * باعث می‌شد طول ماه‌های اطراف آن بازه کاملاً غلط محاسبه شود.
+ *
+ * ماه‌های کبیسه روی همان شماره‌ی ماه عادیِ هم‌نام نگاشت می‌شوند
+ * (به توضیح بالای فایل مراجعه کنید).
+ */
+const CHINESE_MONTH_MAP = {
+    正月: 0,
+    二月: 1,
+    三月: 2,
+    四月: 3,
+    五月: 4,
+    六月: 5,
+    七月: 6,
+    八月: 7,
+    九月: 8,
+    十月: 9,
+    十一月: 10,
+    腊月: 11,
+    闰正月: 0,
+    闰二月: 1,
+    闰三月: 2,
+    闰四月: 3,
+    闰五月: 4,
+    闰六月: 5,
+    闰七月: 6,
+    闰八月: 7,
+    闰九月: 8,
+    闰十月: 9,
+    闰十一月: 10,
+    闰腊月: 11,
+};
+var ChineseConverter;
+(function (ChineseConverter) {
+    const parser = new Intl.DateTimeFormat(CHINESE_LOCALE, {
+        day: 'numeric',
+        month: 'numeric',
+        year: 'numeric',
+    });
+    /** تبدیل ارقام تمام‌عرض/فول‌ویدث به لاتین */
+    function toLatinDigits(str) {
+        return str.replace(/[０-９]/g, (d) => String.fromCharCode(d.charCodeAt(0) - 0xfee0));
+    }
+    /** استخراج تاریخ چینی از یک Date میلادی - با تشخیص ماه کبیسه */
+    function parse(date) {
+        const parts = parser.formatToParts(date);
+        const dayPart = parts.find((p) => p.type === 'day');
+        const monthPart = parts.find((p) => p.type === 'month');
+        const yearPart = parts.find((p) => p.type === 'year' || p.type === 'relatedYear');
+        const day = parseInt(toLatinDigits(dayPart.value), 10);
+        const isLeapMonth = monthPart.value.includes('闰');
+        const month = CHINESE_MONTH_MAP[monthPart.value] ?? 0;
+        const year = parseInt(toLatinDigits(yearPart.value), 10);
+        return { day, month, year, isLeapMonth };
+    }
+    ChineseConverter.parse = parse;
+    /**
+     * پیدا کردن آخرین «روز اول ماهِ چینیِ غیرکبیسه» که در همان روز
+     * seed یا قبل از آن باشد (جستجوی فقط روبه‌عقب، حداکثر 45 روز).
+     *
+     * نکته‌ی مهم: این جستجو باید فقط روبه‌عقب باشد، نه «نزدیک‌ترین
+     * در هر دو جهت». نسخه‌ی قبلی نزدیک‌ترین day1 را در هر دو جهت
+     * برمی‌گرداند که باعث می‌شد وقتی الگوریتم می‌خواهد یک قدم به
+     * عقب برود (-5 روز)، چون فاصله‌ی جلو هنوز کمتر بود، دوباره به
+     * همان ماهِ قبلی برگردد و لوپ هیچ‌وقت واقعاً عقب نرود (لوپ
+     * بی‌نهایت/گیر کردن روی یک ماه ثابت).
+     */
+    function firstOfMonthAtOrBefore(seed) {
+        for (let i = 0; i <= 65; i++) {
+            const test = new Date(seed);
+            test.setDate(test.getDate() - i);
+            const c = parse(test);
+            if (c.day === 1 && !c.isLeapMonth) {
+                return test;
+            }
+        }
+        // عملاً نباید به اینجا برسیم
+        return seed;
+    }
+    /**
+     * پیدا کردن JS Date معادل «روز اول» یک ماه چینیِ غیرکبیسه‌ی دلخواه.
+     *
+     * نسخه‌ی قبلی فرض می‌کرد فیلد `year` بازگشتی از Intl برای
+     * `zh-CN-u-ca-chinese` همان شماره‌ی سال در دوره‌ی ۶۰ساله است
+     * (epoch هوانگ‌دی)، در حالی‌که در عمل همان سال میلادی برمی‌گردد
+     * (مثلاً 2026). با فرمول `year - 2697` این عدد منفی و کاملاً
+     * نادرست می‌شد (مثلاً ‎-671‎) و جستجوی ±45 روزه همیشه شکست
+     * می‌خورد و روی fallback (یک تاریخ کاملاً غلط) می‌افتاد —
+     * همان باگی که باعث می‌شد طول ماه فقط چند روز نمایش داده شود.
+     *
+     * راه‌حل: مثل آداپتر هجری، از «امروز» -که همیشه با Intl به‌درستی
+     * قابل‌خواندن است- به‌عنوان لنگر شروع می‌کنیم و ماه‌به‌ماه
+     * جلو/عقب می‌رویم.
+     *
+     * نکته‌ی اضافیِ مخصوص تقویم چینی: بر خلاف هجری، اینجا «ماه
+     * کبیسه» هم وجود دارد. وقتی دقیقاً بین دو ماهِ عادیِ متوالی یک
+     * ماه کبیسه فاصله افتاده باشد (مثلاً 五月 عادی -> 闰五月 -> 五月
+     * بعدی، یعنی واقعاً ماه پنجم بعدی)، فاصله‌ی واقعی حدود 59 روز
+     * می‌شود نه ~30 روز، و یک قدمِ ثابتِ `+30` فقط وسطِ همان ماه
+     * کبیسه می‌افتد؛ چون جستجوی عقب ماه کبیسه را نادیده می‌گیرد،
+     * به همان ماهِ عادیِ قبلی برمی‌گردد و پیشرفتی حاصل نمی‌شود.
+     * برای همین، اگر یک قدم هیچ پیشرفتی نداشت (anchor عوض نشد)،
+     * قدم را بزرگ‌تر می‌کنیم تا از روی ماه کبیسه‌ی احتمالی بپرد.
+     */
+    function firstDayOfMonth(year, month) {
+        let anchorDate = firstOfMonthAtOrBefore(new Date());
+        let c = parse(anchorDate);
+        // سقف ایمنی برای جلوگیری از لوپ بی‌نهایت (≈ 100 سال چینی)
+        let guard = 0;
+        while ((c.year !== year || c.month !== month) && guard < 1300) {
+            const targetIsLater = year > c.year || (year === c.year && month > c.month);
+            let newAnchor = anchorDate;
+            // طول هر ماه عادی 29 یا 30 روز است؛ اما اگر بینِ این ماه و
+            // ماهِ بعد/قبل یک ماه کبیسه فاصله افتاده باشد، باید قدم را
+            // بزرگ‌تر کنیم (به اندازه‌ی حداکثر یک ماهِ کبیسه‌ی اضافه).
+            for (const step of targetIsLater ? [30, 60, 90] : [-5, -35, -65]) {
+                const probe = new Date(anchorDate);
+                probe.setDate(probe.getDate() + step);
+                newAnchor = firstOfMonthAtOrBefore(probe);
+                if (newAnchor.getTime() !== anchorDate.getTime()) {
+                    break;
+                }
+            }
+            anchorDate = newAnchor;
+            c = parse(anchorDate);
+            guard++;
+        }
+        return anchorDate;
+    }
+    ChineseConverter.firstDayOfMonth = firstDayOfMonth;
+    /** تبدیل سال/ماه/روز چینی به Date میلادی */
+    function toGregorian(year, month, day) {
+        const first = firstDayOfMonth(year, month);
+        const result = new Date(first);
+        result.setDate(result.getDate() + (day - 1));
+        return result;
+    }
+    ChineseConverter.toGregorian = toGregorian;
+    /**
+     * تعداد واقعیِ روزهای یک ماه چینی (۲۹ یا ۳۰).
+     *
+     * نکته: بر خلاف نسخه‌ی هجری، اینجا از شماره‌ی روزِ خروجیِ خودِ
+     * تقویم چینی (`parse(test).day`) استفاده می‌کنیم نه از
+     * `Date.getDate()` میلادی، چون آن مقدار به اشتباه طول ماه را
+     * بر اساس تقویم میلادی محاسبه می‌کرد.
+     */
+    function daysInMonth(year, month) {
+        const first = firstDayOfMonth(year, month);
+        for (let i = 1; i <= 31; i++) {
+            const test = new Date(first);
+            test.setDate(test.getDate() + i);
+            const c = parse(test);
+            if (c.year !== year || c.month !== month || c.isLeapMonth) {
+                const last = new Date(test);
+                last.setDate(last.getDate() - 1);
+                return parse(last).day;
+            }
+        }
+        return 29; // fallback ایمن
+    }
+    ChineseConverter.daysInMonth = daysInMonth;
+})(ChineseConverter || (ChineseConverter = {}));
+
+/**
+ * تقویم سنتی چینی (农历)
+ * منطق تبدیل تاریخ در ChineseConverter (helpers/chinese-converter.helper.ts) است.
+ *
+ * ⚠️ محدودیت شناخته‌شده: ماه‌های کبیسه (闰) فعلاً به ماه عادیِ هم‌نام
+ * نگاشت می‌شوند؛ جزئیات در chinese-converter.helper.ts.
+ */
+class ChineseAdapter {
+    /** یکشنبه = 0 */
+    startOfWeek = 0;
+    get longMonths() {
+        return [
+            '正月',
+            '二月',
+            '三月',
+            '四月',
+            '五月',
+            '六月',
+            '七月',
+            '八月',
+            '九月',
+            '十月',
+            '冬月',
+            '腊月',
+        ];
+    }
+    get narrowDays() {
+        return ['日', '一', '二', '三', '四', '五', '六'];
+    }
+    get shortDays() {
+        return ['日', '一', '二', '三', '四', '五', '六'];
+    }
+    get longDays() {
+        return ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+    }
+    toLocale(date) {
+        const c = ChineseConverter.parse(date);
+        return {
+            locale: 'zh',
+            day: c.day,
+            month: c.month,
+            year: c.year,
+            date,
+            hours: date.getHours(),
+            minutes: date.getMinutes(),
+            seconds: date.getSeconds(),
+            milliseconds: date.getMilliseconds(),
+            dayOfWeek: date.getDay(),
+        };
+    }
+    today() {
+        return this.toLocale(new Date());
+    }
+    firstDayofMonth(year, month) {
+        return ChineseConverter.firstDayOfMonth(year, month).getDay();
+    }
+    lastDateofMonth(year, month) {
+        return ChineseConverter.daysInMonth(year, month);
+    }
+    lastDayofMonth(year, month) {
+        const lastDate = this.lastDateofMonth(year, month);
+        return ChineseConverter.toGregorian(year, month, lastDate).getDay();
+    }
+    /**
+     * روز آخر ماه قبل - با یک ترفند ساده:
+     * روز قبل از روز اول ماه فعلی، حتماً آخرین روز ماه قبل است.
+     */
+    lastDateofLastMonth(year, month) {
+        const firstOfThis = ChineseConverter.firstDayOfMonth(year, month);
+        const lastOfPrev = new Date(firstOfThis);
+        lastOfPrev.setDate(lastOfPrev.getDate() - 1);
+        return ChineseConverter.parse(lastOfPrev).day;
+    }
+    /** month start with zero */
+    getDate(date) {
+        const jsDate = ChineseConverter.toGregorian(date.year, date.month ?? 0, date.day ?? 1);
+        if (date.hours !== undefined)
+            jsDate.setHours(date.hours);
+        if (date.minutes !== undefined)
+            jsDate.setMinutes(date.minutes);
+        if (date.seconds !== undefined)
+            jsDate.setSeconds(date.seconds);
+        if (date.milliseconds !== undefined)
+            jsDate.setMilliseconds(date.milliseconds);
+        return jsDate;
+    }
+    formatDate(date, format) {
+        if (!date)
+            return null;
+        const jsDate = this.getDate(date);
+        const options = {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        };
+        if (format === 'full') {
+            options.weekday = 'long';
+        }
+        return new Intl.DateTimeFormat('zh-CN-u-ca-chinese', options).format(jsDate);
+    }
+    getStartOf(date, t) {
+        if (!date)
+            return date;
+        const c = ChineseConverter.parse(date);
+        switch (t) {
+            case 'year':
+                return ChineseConverter.firstDayOfMonth(c.year, 0);
+            case 'month':
+                return ChineseConverter.firstDayOfMonth(c.year, c.month);
+            case 'day':
+                return ChineseConverter.toGregorian(c.year, c.month, c.day);
+        }
+    }
+    getLastOf(date, t) {
+        if (!date)
+            return date;
+        const c = ChineseConverter.parse(date);
+        switch (t) {
+            case 'year':
+                return ChineseConverter.toGregorian(c.year, 11, ChineseConverter.daysInMonth(c.year, 11));
+            case 'month':
+                return ChineseConverter.toGregorian(c.year, c.month, ChineseConverter.daysInMonth(c.year, c.month));
+            case 'day':
+                return ChineseConverter.toGregorian(c.year, c.month, c.day);
+        }
+    }
+}
+
+const DATE_ADAPTERS = new InjectionToken('DATE_ADAPTERS');
+const DEFAULT_DATE_ADAPTERS = Object.freeze([
+    { locale: 'en', useClass: GregorianAdapter },
+    { locale: 'fa', useClass: JalaliAdapter },
+    { locale: 'hi', useClass: HijriAdapter },
+    { locale: 'zh', useClass: ChineseAdapter },
+]);
+function getLocals() {
+    const adapters = inject(DATE_ADAPTERS);
+    return adapters.map((m) => m.locale);
+}
+
+class DateAdapterRegistry {
+    adapters = inject(DATE_ADAPTERS);
+    resolve(locale) {
+        const type = this.adapters?.find((x) => x.locale == locale)?.useClass;
+        if (!type) {
+            console.warn(`Date adapter "${locale}" not registred!`);
+            return new GregorianAdapter();
+        }
+        else {
+            return new type();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DateAdapterRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DateAdapterRegistry });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DateAdapterRegistry, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * convert 300s to 5:00
+ */
+function convertSecondsToTime(givenSeconds) {
+    const dateObj = new Date(givenSeconds * 1000);
+    const hours = dateObj.getUTCHours();
+    const minutes = dateObj.getUTCMinutes();
+    const seconds = dateObj.getSeconds();
+    const h = hours > 0 ? hours.toString().padStart(2, '0') + ':' : '';
+    const timeString = h + minutes.toString().padStart(2, '0') + ':' + seconds.toString().padStart(2, '0');
+    return timeString;
+}
+/**
+ * convert 0 to 00:00 , 1 to 01:00 , 1.5 => 01:30
+ */
+function convertNumberToTime(num) {
+    const hour = Math.floor(num);
+    const min = 60 * (num - hour);
+    const t = `${hour.toString().padStart(2, '0')}:${min.toString().padStart(2, '0')}`;
+    return t;
+}
+
+class NgxDatePickerBase {
+    _locale = 'en';
+    dateAdapterRegistry = inject(DateAdapterRegistry);
+    adapter = this.dateAdapterRegistry.resolve(this._locale);
+    currYear;
+    currMonth;
+    currentWeek;
+    months = [];
+    weeks = [];
+    viewDays = [];
+    viewMonths = [];
+    viewYears = [];
+    viewWeeks = [];
+    displayMonth = '';
+    minDate = null;
+    maxDate = null;
+    renderCalendar(view, selected, events, callback) {
+        switch (view) {
+            case 'day':
+                this.renderDay(selected, events);
+                break;
+            case 'month':
+                this.renderMonth();
+                break;
+            case 'year':
+                this.renderYear();
+                break;
+            case 'week':
+                this.renderWeek();
+                break;
+        }
+        this.displayMonth = this.months[this.currMonth];
+        if (callback) {
+            callback();
+        }
+    }
+    renderYear() {
+        this.viewYears = [];
+        const s = this.currYear - 10;
+        const e = this.currYear + 10;
+        for (let i = s; i < e; i++) {
+            this.viewYears.push({
+                year: i,
+                selected: i === this.currYear,
+                active: this.checkActiveYear(i),
+            });
+        }
+    }
+    renderMonth() {
+        this.viewMonths = [];
+        for (let i = 0; i < this.months.length; i++) {
+            this.viewMonths.push({
+                month: i,
+                displayMonth: this.months[i],
+                selected: i === this.currMonth,
+                active: this.checkActiveMonth(this.currYear, i),
+            });
+        }
+    }
+    /** only in calendar view */
+    renderWeek() {
+        this.viewWeeks = [];
+        for (let t = 0; t <= 24; t = t + 0.5) {
+            this.viewWeeks.push({
+                time: t,
+                displayTime: convertNumberToTime(t),
+                weeks: this.weeks,
+                active: true,
+                selected: false,
+            });
+        }
+    }
+    renderDay(selected, _events) {
+        this.viewDays = [];
+        let firstDayofMonth = this.adapter.firstDayofMonth(this.currYear, this.currMonth);
+        let lastDateofMonth = this.adapter.lastDateofMonth(this.currYear, this.currMonth);
+        let lastDayofMonth = this.adapter.lastDayofMonth(this.currYear, this.currMonth);
+        let lastDateofLastMonth = this.adapter.lastDateofLastMonth(this.currYear, this.currMonth);
+        for (let i = firstDayofMonth; i > 0; i--) {
+            const d = lastDateofLastMonth - i + 1;
+            const date = this.adapter.getDate({
+                locale: this._locale,
+                year: this.currYear,
+                month: this.currMonth - 1,
+                day: d,
+            });
+            this.viewDays.push({
+                day: d,
+                active: false,
+                isToday: false,
+                selected: false,
+                date,
+            });
+        }
+        // console.log('selected', this.selected);
+        for (let i = 1; i <= lastDateofMonth; i++) {
+            let today = this.adapter.today();
+            let isToday = i === today.day && this.currMonth === today.month && this.currYear === today.year;
+            const date = this.adapter.getDate({
+                locale: this._locale,
+                year: this.currYear,
+                month: this.currMonth,
+                day: i,
+            });
+            const events = this.getEvents(date, _events);
+            this.viewDays.push({
+                day: i,
+                active: this.checkActiveDate(date),
+                isToday: isToday,
+                selected: i === selected?.day &&
+                    selected.month === this.currMonth &&
+                    selected.year === this.currYear,
+                date,
+                events,
+            });
+        }
+        for (let i = lastDayofMonth; i < 6; i++) {
+            const d = i - lastDayofMonth + 1;
+            const date = this.adapter.getDate({
+                locale: this._locale,
+                year: this.currYear,
+                month: this.currMonth + 1,
+                day: d,
+            });
+            this.viewDays.push({
+                day: d,
+                active: false,
+                isToday: false,
+                selected: false,
+                date,
+            });
+        }
+    }
+    checkActiveDate(date) {
+        let c = clampDate(date, this.minDate, this.maxDate);
+        if (c < 0) {
+            return false;
+        }
+        else if (c > 0) {
+            return false;
+        }
+        return true;
+    }
+    checkActiveMonth(year, month) {
+        let fd = this.adapter.getDate({ locale: this._locale, year, month, day: 1 });
+        let ld = this.adapter.getDate({
+            locale: this._locale,
+            year,
+            month,
+            day: this.adapter.lastDateofMonth(year, month),
+        });
+        let min = this.adapter.getStartOf(this.minDate, 'month');
+        let max = this.adapter.getLastOf(this.maxDate, 'month');
+        return clampMonth(fd, min, max) === 0 && clampMonth(ld, min, max) === 0;
+    }
+    // g(d: Date | null) {
+    //   if (d)
+    //     return d.getFullYear() + '/' + d.getMonth() + '/' + d.getDate();
+    //   else return '';
+    // }
+    checkActiveYear(year) {
+        const d = this.adapter.getDate({ locale: this._locale, year, month: 1, day: 1 });
+        let c = clampYear(d, this.minDate, this.maxDate);
+        if (c < 0) {
+            return false;
+        }
+        else if (c > 0) {
+            return false;
+        }
+        return true;
+    }
+    getEvents(date, events) {
+        if (!events || events.length == 0)
+            return [];
+        let eventList = [];
+        eventList = events.filter((x) => {
+            let s = compareDate(date, x.start);
+            let e = x.end ? compareDate(date, x.end) : s;
+            //  console.info('compare', date, '<=>', x.start, 's', s, e);
+            if (s >= 0 && e <= 0)
+                return true;
+            else
+                return false;
+        });
+        // console.log('event', date, eventList);
+        return eventList;
+    }
+}
+
+class NgxInputDatePickerComponent extends NgxDatePickerBase {
+    browserService = inject(BrowserService);
+    theme = this.browserService.prefersDarkMode ? 'dark' : 'light';
+    set setTheme(val) {
+        if (!val || val == 'auto') {
+            this.theme = this.browserService.prefersDarkMode ? 'dark' : 'light';
+        }
+        else {
+            this.theme = val;
+        }
+    }
+    config = new NgxDatePickerConfig();
+    set setConfig(val) {
+        this.config = { ...new NgxDatePickerConfig(), ...val };
+    }
+    set locale(val) {
+        this._locale = val;
+        this.adapter = this.dateAdapterRegistry.resolve(this._locale);
+        this.init();
+    }
+    /** The minimum valid date. */
+    set setMin(value) {
+        const validValue = deserialize(value);
+        if (!sameDate(validValue, this.minDate)) {
+            this.minDate = validValue;
+            this._validatorOnChange();
+            this.init();
+        }
+    }
+    /** The maximum valid date. */
+    set setMax(value) {
+        const validValue = deserialize(value);
+        if (!sameDate(validValue, this.maxDate)) {
+            this.maxDate = validValue;
+            this._validatorOnChange();
+            this.init();
+        }
+    }
+    view = 'day';
+    change = new EventEmitter();
+    wrapperWidth = 40 * 7 + 20;
+    selected;
+    calendarHeader = '';
+    isDisabled = false;
+    weekDays = [];
+    _onChange = (value) => { };
+    _onTouched = () => { };
+    _validatorOnChange = () => { };
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.init();
+    }
+    updateConfig(val) {
+        this.config = { ...new NgxDatePickerConfig(), ...val };
+    }
+    init() {
+        this.months = this.adapter.longMonths;
+        let sDays = this.adapter.shortDays;
+        let lDays = this.adapter.longDays;
+        this.weekDays = sDays.map((m, i) => ({ min: m, name: lDays[i] }));
+        if (!this.selected?.date) {
+            this.gotoToday();
+        }
+        else {
+            let l = this.adapter.toLocale(this.selected.date);
+            this.currYear = l.year;
+            this.currMonth = l.month ?? 1;
+            this.renderCalendar(this.view);
+        }
+    }
+    writeValue(value) {
+        const validValue = deserialize(value);
+        if (validValue) {
+            this.selected = this.adapter.toLocale(validValue);
+        }
+        else {
+            this.selected = undefined;
+        }
+        this.init();
+    }
+    validate(control) {
+        if (this.selected?.date) {
+            if (!isValid(this.selected.date)) {
+                return {
+                    invalid: true,
+                };
+            }
+            let c = clampDate(this.selected?.date, this.minDate, this.maxDate);
+            if (c < 0) {
+                return {
+                    invalid: true,
+                    min: this.minDate,
+                };
+            }
+            else if (c > 0) {
+                return {
+                    invalid: true,
+                    max: this.maxDate,
+                };
+            }
+        }
+        return null;
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    registerOnValidatorChange(fn) {
+        this._validatorOnChange = fn;
+    }
+    setDisabledState(disabled) {
+        this.isDisabled = disabled;
+    }
+    renderCalendar(view) {
+        super.renderCalendar(view, this.selected, [], () => {
+            let d = this.selected?.date;
+            this.calendarHeader =
+                (d && this.adapter.formatDate(this.adapter.toLocale(d), 'EEEE - d MMMM, yyyy')) ?? '';
+        });
+    }
+    gotoToday() {
+        let today = this.adapter.today();
+        this.selected = today;
+        this.currYear = today.year;
+        this.currMonth = today.month ?? 1;
+        this.calendarHeader = this.adapter.formatDate(today, 'EEEE, d MMMM, yyyy') ?? '';
+        this.changeView('day');
+    }
+    changeView(v) {
+        this.view = v;
+        this.renderCalendar(this.view);
+    }
+    next() {
+        if (this.view === 'year') {
+            this.currYear += 20;
+        }
+        else if (this.view === 'month') {
+            this.currYear++;
+        }
+        else {
+            this.currMonth++;
+        }
+        if (this.currMonth < 0 || this.currMonth > 11) {
+            let date = new Date(this.currYear, this.currMonth);
+            this.currYear = date.getFullYear();
+            this.currMonth = date.getMonth();
+        }
+        this.renderCalendar(this.view);
+    }
+    previous() {
+        if (this.view === 'year') {
+            this.currYear -= 20;
+        }
+        else if (this.view === 'month') {
+            this.currYear--;
+        }
+        else {
+            this.currMonth--;
+        }
+        if (this.currMonth < 0 || this.currMonth > 11) {
+            let date = new Date(this.currYear, this.currMonth);
+            this.currYear = date.getFullYear();
+            this.currMonth = date.getMonth();
+        }
+        this.renderCalendar(this.view);
+    }
+    selectDay(ev, item) {
+        ev.stopPropagation();
+        if (item.active) {
+            this.selected = {
+                locale: this._locale,
+                year: this.currYear,
+                month: this.currMonth,
+                day: item.day,
+                date: item.date,
+            };
+            this.change.emit(this.selected.date);
+        }
+    }
+    selectMonth(ev, item) {
+        ev.stopPropagation();
+        if (item.active) {
+            this.currMonth = item.month;
+            this.changeView('day');
+        }
+    }
+    selectYear(ev, item) {
+        ev.stopPropagation();
+        if (item.active) {
+            this.currYear = item.year;
+            this.changeView('month');
+        }
+    }
+    clear() {
+        this.selected = undefined;
+        this.change.emit(null);
+    }
+    stopPagination(ev) {
+        ev.stopPropagation();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxInputDatePickerComponent, isStandalone: true, selector: "ngx-datepicker", inputs: { setTheme: ["theme", "setTheme"], setConfig: ["config", "setConfig"], locale: "locale", setMin: ["min", "setMin"], setMax: ["max", "setMax"], view: "view" }, outputs: { change: "change" }, host: { properties: { "class.dark": "theme==\"dark\"" } }, providers: [
+            DateAdapterRegistry,
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NgxInputDatePickerComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => NgxInputDatePickerComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"wrapper\"\n  #datepickerWrapper\n  [style.width.px]=\"wrapperWidth\"\n  (click)=\"stopPagination($event)\">\n  <div class=\"header\">\n    {{ calendarHeader }}\n  </div>\n  <div class=\"sub-header\">\n    <div class=\"icons\">\n      <span id=\"prev\" class=\"material-symbols-rounded\" (click)=\"previous()\">\n        <ng-template\n          [ngTemplateOutlet]=\"\n            config.previousButtonTemplate || defaultPreviousBTNTemplate\n          \"></ng-template>\n      </span>\n    </div>\n    <span class=\"current-date\">\n      <span (click)=\"changeView('year')\">\n        {{ currYear }}\n        <ng-template\n          [ngTemplateOutlet]=\"config.caretDownIconTemplate || defaultCaretDownIcon\"></ng-template>\n      </span>\n      <span (click)=\"changeView('month')\">\n        {{ displayMonth }}\n        <ng-template\n          [ngTemplateOutlet]=\"config.caretDownIconTemplate || defaultCaretDownIcon\"></ng-template>\n      </span>\n    </span>\n    <div class=\"icons\">\n      <span id=\"next\" class=\"material-symbols-rounded\" (click)=\"next()\">\n        <ng-template\n          [ngTemplateOutlet]=\"config.nextButtonTemplate || defaultNextBTNTemplate\"></ng-template>\n      </span>\n    </div>\n  </div>\n  <div class=\"calendar\">\n    @if (view === 'day') {\n      <ul class=\"weeks\">\n        @for (w of weekDays; track $index) {\n          <li [title]=\"w.name\">\n            {{ w.min }}\n          </li>\n        }\n      </ul>\n      <ul class=\"days\">\n        @for (item of viewDays; track $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectDay($event, item)\">\n            {{ item.day }}\n          </li>\n        }\n      </ul>\n    } @else if (view === 'month') {\n      <ul class=\"months\">\n        @for (item of viewMonths; track $index; let i = $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectMonth($event, item)\">\n            {{ i + 1 }}.{{ item.displayMonth }}\n          </li>\n        }\n      </ul>\n    } @else if (view === 'year') {\n      <ul class=\"years\">\n        @for (item of viewYears; track $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectYear($event, item)\">\n            {{ item.year }}\n          </li>\n        }\n      </ul>\n    }\n    <!-- <pre>\n      currYear={{currYear}}\n      currMonth={{currMonth}}\n      {{selected|json}}\n    </pre> -->\n    <div class=\"calendar-footer\">\n      @if (config.clearButton) {\n        <button class=\"today dtp-btn\" (click)=\"clear()\">\n          {{ config.clearButtonText }}\n        </button>\n      }\n      @if (config.todayButton) {\n        <button class=\"today dtp-btn\" (click)=\"gotoToday()\">\n          {{ config.todayButtonText }}\n        </button>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultPreviousBTNTemplate>\n  <svg width=\"15px\" height=\"40px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultNextBTNTemplate>\n  <svg width=\"15px\" height=\"40px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultCaretDownIcon>\n  <svg width=\"10px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z\" />\n  </svg>\n</ng-template>\n", styles: [":host{--ngx-color-bg: #fff;--ngx-color-text: #000;--ngx-border-color: #c0c0c0;--ngx-datepicker-header-bg: #6200ee;--ngx-datepicker-header-text: #fff;--ngx-datepicker-subheader-bg: #e0d5ef;--ngx-datepicker-subheader-text: #272727}:host-context(.dark){--ngx-color-bg: #222;--ngx-color-text: #fff;--ngx-border-color: #c0c0c0;--ngx-datepicker-header-bg: #6200ee;--ngx-datepicker-header-text: #fff;--ngx-datepicker-subheader-bg: #8e819e;--ngx-datepicker-subheader-text: #272727}.wrapper{background:var(--ngx-color-bg);box-shadow:0 15px 40px #0000001f;color:var(--ngx-color-text);border-radius:6px;overflow:hidden}.wrapper .header{display:block;padding:15px 15px 10px;background-color:var(--ngx-datepicker-header-bg);color:var(--ngx-datepicker-header-text);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.wrapper .sub-header{display:flex;align-items:center;padding:5px 10px;background-color:var(--ngx-datepicker-subheader-bg);color:var(--ngx-datepicker-subheader-text)}.wrapper .sub-header .current-date{font-size:1rem;font-weight:800;flex:auto;display:flex;align-items:center}.wrapper .sub-header .current-date span{flex:auto;text-align:center}.wrapper .sub-header .icons{display:flex}.wrapper .sub-header .icons span{height:38px;width:38px;margin:0 1px;cursor:pointer;color:#878787;text-align:center;line-height:38px;font-size:1.9rem;-webkit-user-select:none;user-select:none;border-radius:50%}.wrapper .sub-header .icons span:hover{background:#f2f2f272}.wrapper .calendar-footer{display:flex;justify-content:space-between;gap:5px}.wrapper .calendar-footer .dtp-btn{background:none;color:inherit;border:1px rgba(159,159,159,.5450980392) solid;border-radius:3px;padding:3px 15px;box-shadow:0 0 4px #0003;transition:all .3s}.wrapper .calendar-footer .dtp-btn:not([disabled]):hover{cursor:pointer;background:#87879e}.calendar{padding:10px}.calendar ul{display:flex;flex-wrap:wrap;list-style:none;text-align:center;padding:0;margin:0}.calendar .days{margin-bottom:20px}.calendar .days li{height:40px;width:40px}.calendar .months{margin-bottom:20px}.calendar .months li{height:40px;width:33%}.calendar .years{margin-bottom:20px}.calendar .years li{height:40px;width:25%}.calendar li{z-index:1;cursor:pointer;position:relative;color:#333;font-size:12px;border-radius:50px;display:flex;align-items:center;justify-content:center;border:1px transparent solid;transition:all .3s;color:inherit}.calendar li:not(.active):hover{background:#dfdfdf68}.calendar li.de-active{opacity:.2}.calendar li.selected{border:1px #1216fa solid}.calendar li.today{background-color:#9b59b6}.calendar .weeks{border-bottom:1px rgba(231,231,231,.3450980392) solid;margin-bottom:10px;padding-bottom:5px}.calendar .weeks li{font-weight:500;cursor:default;flex:auto;flex-wrap:nowrap}.calendar .weeks li:hover{background:none}::ng-deep body[dir=rtl] .wrapper .sub-header .icons #next,::ng-deep body[dir=rtl] .wrapper .sub-header .icons #prev,::ng-deep html[dir=rtl] .wrapper .sub-header .icons #next,::ng-deep html[dir=rtl] .wrapper .sub-header .icons #prev{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-datepicker', imports: [CommonModule], providers: [
+                        DateAdapterRegistry,
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NgxInputDatePickerComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => NgxInputDatePickerComponent),
+                            multi: true,
+                        },
+                    ], host: {
+                        '[class.dark]': 'theme=="dark"',
+                    }, template: "<div\n  class=\"wrapper\"\n  #datepickerWrapper\n  [style.width.px]=\"wrapperWidth\"\n  (click)=\"stopPagination($event)\">\n  <div class=\"header\">\n    {{ calendarHeader }}\n  </div>\n  <div class=\"sub-header\">\n    <div class=\"icons\">\n      <span id=\"prev\" class=\"material-symbols-rounded\" (click)=\"previous()\">\n        <ng-template\n          [ngTemplateOutlet]=\"\n            config.previousButtonTemplate || defaultPreviousBTNTemplate\n          \"></ng-template>\n      </span>\n    </div>\n    <span class=\"current-date\">\n      <span (click)=\"changeView('year')\">\n        {{ currYear }}\n        <ng-template\n          [ngTemplateOutlet]=\"config.caretDownIconTemplate || defaultCaretDownIcon\"></ng-template>\n      </span>\n      <span (click)=\"changeView('month')\">\n        {{ displayMonth }}\n        <ng-template\n          [ngTemplateOutlet]=\"config.caretDownIconTemplate || defaultCaretDownIcon\"></ng-template>\n      </span>\n    </span>\n    <div class=\"icons\">\n      <span id=\"next\" class=\"material-symbols-rounded\" (click)=\"next()\">\n        <ng-template\n          [ngTemplateOutlet]=\"config.nextButtonTemplate || defaultNextBTNTemplate\"></ng-template>\n      </span>\n    </div>\n  </div>\n  <div class=\"calendar\">\n    @if (view === 'day') {\n      <ul class=\"weeks\">\n        @for (w of weekDays; track $index) {\n          <li [title]=\"w.name\">\n            {{ w.min }}\n          </li>\n        }\n      </ul>\n      <ul class=\"days\">\n        @for (item of viewDays; track $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectDay($event, item)\">\n            {{ item.day }}\n          </li>\n        }\n      </ul>\n    } @else if (view === 'month') {\n      <ul class=\"months\">\n        @for (item of viewMonths; track $index; let i = $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectMonth($event, item)\">\n            {{ i + 1 }}.{{ item.displayMonth }}\n          </li>\n        }\n      </ul>\n    } @else if (view === 'year') {\n      <ul class=\"years\">\n        @for (item of viewYears; track $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectYear($event, item)\">\n            {{ item.year }}\n          </li>\n        }\n      </ul>\n    }\n    <!-- <pre>\n      currYear={{currYear}}\n      currMonth={{currMonth}}\n      {{selected|json}}\n    </pre> -->\n    <div class=\"calendar-footer\">\n      @if (config.clearButton) {\n        <button class=\"today dtp-btn\" (click)=\"clear()\">\n          {{ config.clearButtonText }}\n        </button>\n      }\n      @if (config.todayButton) {\n        <button class=\"today dtp-btn\" (click)=\"gotoToday()\">\n          {{ config.todayButtonText }}\n        </button>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultPreviousBTNTemplate>\n  <svg width=\"15px\" height=\"40px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultNextBTNTemplate>\n  <svg width=\"15px\" height=\"40px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultCaretDownIcon>\n  <svg width=\"10px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z\" />\n  </svg>\n</ng-template>\n", styles: [":host{--ngx-color-bg: #fff;--ngx-color-text: #000;--ngx-border-color: #c0c0c0;--ngx-datepicker-header-bg: #6200ee;--ngx-datepicker-header-text: #fff;--ngx-datepicker-subheader-bg: #e0d5ef;--ngx-datepicker-subheader-text: #272727}:host-context(.dark){--ngx-color-bg: #222;--ngx-color-text: #fff;--ngx-border-color: #c0c0c0;--ngx-datepicker-header-bg: #6200ee;--ngx-datepicker-header-text: #fff;--ngx-datepicker-subheader-bg: #8e819e;--ngx-datepicker-subheader-text: #272727}.wrapper{background:var(--ngx-color-bg);box-shadow:0 15px 40px #0000001f;color:var(--ngx-color-text);border-radius:6px;overflow:hidden}.wrapper .header{display:block;padding:15px 15px 10px;background-color:var(--ngx-datepicker-header-bg);color:var(--ngx-datepicker-header-text);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.wrapper .sub-header{display:flex;align-items:center;padding:5px 10px;background-color:var(--ngx-datepicker-subheader-bg);color:var(--ngx-datepicker-subheader-text)}.wrapper .sub-header .current-date{font-size:1rem;font-weight:800;flex:auto;display:flex;align-items:center}.wrapper .sub-header .current-date span{flex:auto;text-align:center}.wrapper .sub-header .icons{display:flex}.wrapper .sub-header .icons span{height:38px;width:38px;margin:0 1px;cursor:pointer;color:#878787;text-align:center;line-height:38px;font-size:1.9rem;-webkit-user-select:none;user-select:none;border-radius:50%}.wrapper .sub-header .icons span:hover{background:#f2f2f272}.wrapper .calendar-footer{display:flex;justify-content:space-between;gap:5px}.wrapper .calendar-footer .dtp-btn{background:none;color:inherit;border:1px rgba(159,159,159,.5450980392) solid;border-radius:3px;padding:3px 15px;box-shadow:0 0 4px #0003;transition:all .3s}.wrapper .calendar-footer .dtp-btn:not([disabled]):hover{cursor:pointer;background:#87879e}.calendar{padding:10px}.calendar ul{display:flex;flex-wrap:wrap;list-style:none;text-align:center;padding:0;margin:0}.calendar .days{margin-bottom:20px}.calendar .days li{height:40px;width:40px}.calendar .months{margin-bottom:20px}.calendar .months li{height:40px;width:33%}.calendar .years{margin-bottom:20px}.calendar .years li{height:40px;width:25%}.calendar li{z-index:1;cursor:pointer;position:relative;color:#333;font-size:12px;border-radius:50px;display:flex;align-items:center;justify-content:center;border:1px transparent solid;transition:all .3s;color:inherit}.calendar li:not(.active):hover{background:#dfdfdf68}.calendar li.de-active{opacity:.2}.calendar li.selected{border:1px #1216fa solid}.calendar li.today{background-color:#9b59b6}.calendar .weeks{border-bottom:1px rgba(231,231,231,.3450980392) solid;margin-bottom:10px;padding-bottom:5px}.calendar .weeks li{font-weight:500;cursor:default;flex:auto;flex-wrap:nowrap}.calendar .weeks li:hover{background:none}::ng-deep body[dir=rtl] .wrapper .sub-header .icons #next,::ng-deep body[dir=rtl] .wrapper .sub-header .icons #prev,::ng-deep html[dir=rtl] .wrapper .sub-header .icons #next,::ng-deep html[dir=rtl] .wrapper .sub-header .icons #prev{transform:rotate(180deg)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { setTheme: [{
+                type: Input,
+                args: ['theme']
+            }], setConfig: [{
+                type: Input,
+                args: ['config']
+            }], locale: [{
+                type: Input
+            }], setMin: [{
+                type: Input,
+                args: ['min']
+            }], setMax: [{
+                type: Input,
+                args: ['max']
+            }], view: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
+class NgxInputDatePicker {
+    el;
+    dateAdapterRegistry = inject(DateAdapterRegistry);
+    theme = 'auto';
+    openOnCLick = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openOnCLick" }] : /* istanbul ignore next */ []));
+    change = new EventEmitter();
+    value;
+    pickerRef;
+    adapter;
+    _locale = 'en';
+    set locale(val) {
+        this._locale = val;
+        this.adapter = this.dateAdapterRegistry.resolve(this._locale);
+    }
+    _onChange = (value) => { };
+    _onTouched = () => { };
+    _validatorOnChange = () => { };
+    /**
+     * display format in input
+     */
+    displayFormat = 'yyyy/MM/dd';
+    min = null;
+    /** The minimum valid date. */
+    set setMin(value) {
+        const validValue = deserialize(value);
+        if (!sameDate(validValue, this.min)) {
+            this.min = validValue;
+            this._validatorOnChange();
+        }
+    }
+    max = null;
+    /** The maximum valid date. */
+    set setMax(value) {
+        const validValue = deserialize(value);
+        if (!sameDate(validValue, this.max)) {
+            this.max = validValue;
+            this._validatorOnChange();
+        }
+    }
+    config = new NgxDatePickerConfig();
+    set setConfig(val) {
+        this.config = { ...new NgxDatePickerConfig(), ...val };
+    }
+    isDisabled = false;
+    overlayService = inject(OverlayService);
+    viewContainerRef = inject(ViewContainerRef);
+    renderer = inject(Renderer2);
+    constructor(el) {
+        this.el = el;
+    }
+    updateConfig(val) {
+        this.config = { ...new NgxDatePickerConfig(), ...val };
+        if (this.pickerRef && this.pickerRef.componentRef) {
+            this.pickerRef.componentRef.instance.updateConfig(this.config);
+        }
+    }
+    ngOnDestroy() {
+        this.destroyDatePicker();
+    }
+    onClick(ev) {
+        if (this.openOnCLick() && !this.isDisabled) {
+            ev.stopPropagation();
+            ev.preventDefault();
+            this.toggle();
+        }
+    }
+    onInput(event) {
+        const input = event.target;
+        const validValue = deserialize(input.value);
+        this.value = validValue;
+        this._formatValue(this.value);
+        this._onChange(this.value);
+    }
+    onBlur() {
+        this._onTouched();
+    }
+    writeValue(value) {
+        const validValue = deserialize(value);
+        this.value = validValue;
+        this._formatValue(this.value);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    registerOnValidatorChange(fn) {
+        this._validatorOnChange = fn;
+    }
+    setDisabledState(disabled) {
+        this.isDisabled = disabled;
+        if (disabled) {
+            this.renderer.setProperty(this.el.nativeElement, 'disabled', disabled);
+        }
+        else {
+            this.renderer.removeAttribute(this.el.nativeElement, 'disabled');
+        }
+    }
+    toggle() {
+        if (this.pickerRef || this.isDisabled) {
+            this.destroyDatePicker();
+            return;
+        }
+        this.pickerRef = this.overlayService.open({
+            anchor: this.el.nativeElement,
+            component: NgxInputDatePickerComponent,
+            viewContainerRef: this.viewContainerRef,
+            alignment: 'center',
+            placement: 'bottom',
+            margin: 2,
+            configure: (instance, ref) => {
+                instance.locale = this._locale;
+                instance.minDate = this.min;
+                instance.maxDate = this.max;
+                instance.setTheme = this.theme;
+                instance.updateConfig(this.config);
+                instance.writeValue(this.value);
+                instance.change.subscribe((c) => {
+                    this.value = c;
+                    this.emitChange(c);
+                    this.destroyDatePicker();
+                });
+                // instance.closed.subscribe(() => ref.close());
+            },
+            onClosed: () => {
+                this.pickerRef = undefined;
+            },
+        });
+    }
+    destroyDatePicker() {
+        this.pickerRef?.close();
+        this.pickerRef = undefined;
+    }
+    async emitChange(c) {
+        this._formatValue(c);
+        this._onChange(c);
+        this.change.emit(c);
+        this._onTouched();
+    }
+    validate(control) {
+        if (this.value) {
+            if (!isValid(this.value)) {
+                return {
+                    invalid: true,
+                };
+            }
+            let c = clampDate(this.value, this.min, this.max);
+            if (c < 0) {
+                return {
+                    invalid: true,
+                    min: this.min,
+                };
+            }
+            else if (c > 0) {
+                return {
+                    invalid: true,
+                    max: this.max,
+                };
+            }
+        }
+        return null;
+    }
+    /** Formats a value and sets it on the input element. */
+    _formatValue(value, setChange = false) {
+        let val = '';
+        if (value && this.adapter) {
+            let o = this.adapter.toLocale(value);
+            val = (value && this.adapter.formatDate(o, this.displayFormat)) ?? '';
+        }
+        this.renderer.setProperty(this.el.nativeElement, 'value', val);
+        if (setChange) {
+            this._onChange(this.value);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputDatePicker, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxInputDatePicker, isStandalone: true, selector: "[ngxInputDatePicker]", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, openOnCLick: { classPropertyName: "openOnCLick", publicName: "openOnCLick", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: false, isRequired: false, transformFunction: null }, displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: false, isRequired: false, transformFunction: null }, setMin: { classPropertyName: "setMin", publicName: "min", isSignal: false, isRequired: false, transformFunction: null }, setMax: { classPropertyName: "setMax", publicName: "max", isSignal: false, isRequired: false, transformFunction: null }, setConfig: { classPropertyName: "setConfig", publicName: "config", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { listeners: { "click": "onClick($event)", "input": "onInput($event)", "blur": "onBlur()" }, properties: { "attr.readOnly": "true" }, classAttribute: "ngx-datepicker-input" }, providers: [
+            DateAdapterRegistry,
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => NgxInputDatePicker),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => NgxInputDatePicker),
+                multi: true,
+            },
+        ], exportAs: ["ngxInputDatePicker"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxInputDatePicker, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngxInputDatePicker]',
+                    exportAs: 'ngxInputDatePicker',
+                    host: {
+                        class: 'ngx-datepicker-input',
+                        '[attr.readOnly]': 'true',
+                    },
+                    providers: [
+                        DateAdapterRegistry,
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => NgxInputDatePicker),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => NgxInputDatePicker),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { theme: [{
+                type: Input
+            }], openOnCLick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnCLick", required: false }] }], change: [{
+                type: Output
+            }], locale: [{
+                type: Input
+            }], displayFormat: [{
+                type: Input
+            }], setMin: [{
+                type: Input,
+                args: ['min']
+            }], setMax: [{
+                type: Input,
+                args: ['max']
+            }], setConfig: [{
+                type: Input,
+                args: ['config']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onInput: [{
+                type: HostListener,
+                args: ['input', ['$event']]
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+class NgxCalendarComponent extends NgxDatePickerBase {
+    browserService = inject(BrowserService);
+    theme = this.browserService.prefersDarkMode ? 'dark' : 'light';
+    set setTheme(val) {
+        if (!val || val == 'auto') {
+            this.theme = this.browserService.prefersDarkMode ? 'dark' : 'light';
+        }
+        else {
+            this.theme = val;
+        }
+    }
+    _config = new NgxDatePickerConfig();
+    set config(val) {
+        this._config = { ...new NgxDatePickerConfig(), ...val };
+    }
+    set locale(val) {
+        this._locale = val;
+        this.adapter = this.dateAdapterRegistry.resolve(this._locale);
+        this.ngOnInit();
+    }
+    /** The minimum valid date. */
+    set setMin(value) {
+        const validValue = deserialize(value);
+        if (!sameDate(validValue, this.minDate)) {
+            this.minDate = validValue;
+        }
+    }
+    /** The maximum valid date. */
+    set setMax(value) {
+        const validValue = deserialize(value);
+        if (!sameDate(validValue, this.maxDate)) {
+            this.maxDate = validValue;
+        }
+    }
+    view = 'day';
+    _events = [];
+    set events(val) {
+        if (val && Array.isArray(val)) {
+            this._events = val;
+        }
+    }
+    dateChange = new EventEmitter();
+    selectEvent = new EventEmitter();
+    defaultHeight = 600;
+    minHeight = this.defaultHeight;
+    selected;
+    calendarWrapper = viewChild('calendarWrapper', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "calendarWrapper" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.months = this.adapter.longMonths;
+        this.weeks = this.adapter.longDays;
+        if (this.selected) {
+            let converted = this.adapter.toLocale(this.selected);
+            this.currYear = converted.year;
+            this.currMonth = converted.month;
+            this.renderCalendar(this.view);
+        }
+        else {
+            this.gotoToday();
+        }
+    }
+    ngAfterViewInit() {
+        this.calcCellSize();
+    }
+    onResize(ev) {
+        this.calcCellSize();
+    }
+    calcCellSize() {
+        const fullWidth = this.calendarWrapper()?.nativeElement?.clientWidth ?? 0;
+        const cellHeight = fullWidth / 6;
+        this.minHeight = fullWidth > this.defaultHeight ? this.defaultHeight : fullWidth;
+        if (fullWidth <= 500) {
+            this.weeks = this.adapter.shortDays;
+        }
+        else if (fullWidth > 500) {
+            this.weeks = this.adapter.longDays;
+        }
+    }
+    renderCalendar(view) {
+        // console.log('_events', this._events);
+        super.renderCalendar(view, undefined, this._events, () => { });
+    }
+    changeView(v) {
+        this.view = v;
+        this.renderCalendar(this.view);
+    }
+    gotoToday() {
+        let today = this.adapter.today();
+        this.selected = this.adapter.getDate(today);
+        this.currYear = today.year;
+        this.currMonth = today.month ?? 1;
+        this.changeView(this.view);
+    }
+    selectDay(ev, item) {
+        ev.stopPropagation();
+        if (item.active) {
+            this.dateChange.emit(item);
+        }
+    }
+    selectMonth(ev, item) {
+        ev.stopPropagation();
+        if (item.active) {
+            this.currMonth = item.month;
+            this.changeView('day');
+        }
+    }
+    selectYear(ev, item) {
+        ev.stopPropagation();
+        if (item.active) {
+            this.currYear = item.year;
+            this.changeView('month');
+        }
+    }
+    next() {
+        if (this.view === 'month' || this.view == 'event') {
+            this.currMonth++;
+        }
+        else if (this.view == 'day' || this.view == 'week') {
+            this.currentWeek++;
+        }
+        if (this.currMonth < 0 || this.currMonth > 11) {
+            let date = new Date(this.currYear, this.currMonth);
+            this.currYear = date.getFullYear();
+            this.currMonth = date.getMonth();
+        }
+        this.renderCalendar(this.view);
+    }
+    previous() {
+        if (this.view === 'month' || this.view == 'event') {
+            this.currMonth--;
+        }
+        else if (this.view == 'day' || this.view == 'week') {
+            this.currentWeek--;
+        }
+        if (this.currMonth < 0 || this.currMonth > 11) {
+            let date = new Date(this.currYear, this.currMonth);
+            this.currYear = date.getFullYear();
+            this.currMonth = date.getMonth();
+        }
+        this.renderCalendar(this.view);
+    }
+    onclickEvent(item, event) {
+        this.selectEvent.emit({
+            date: item.date,
+            event: event,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: NgxCalendarComponent, isStandalone: true, selector: "ngx-calendar", inputs: { setTheme: ["theme", "setTheme"], config: "config", locale: "locale", setMin: ["min", "setMin"], setMax: ["max", "setMax"], view: "view", events: "events" }, outputs: { dateChange: "dateChange", selectEvent: "selectEvent" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.dark": "theme==\"dark\"" } }, providers: [DateAdapterRegistry], viewQueries: [{ propertyName: "calendarWrapper", first: true, predicate: ["calendarWrapper"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wrapper\" #datepickerWrapper>\n  <div class=\"header\">\n    <div class=\"nxt-prv-buttons\">\n      <button id=\"prev\" class=\"previous dtp-btn\" (click)=\"previous()\" title=\"Previous\">\n        <ng-template\n          [ngTemplateOutlet]=\"\n            _config.previousButtonTemplate || defaultPreviousBTNTemplate\n          \"></ng-template>\n      </button>\n      @if (_config.todayButton) {\n        <button class=\"today dtp-btn\" (click)=\"gotoToday()\">\n          {{ _config.todayButtonText }}\n        </button>\n      }\n      <button id=\"next\" class=\"next dtp-btn\" (click)=\"next()\" title=\"Next\">\n        <ng-template\n          [ngTemplateOutlet]=\"_config.nextButtonTemplate || defaultNextBTNTemplate\"></ng-template>\n      </button>\n    </div>\n    <div class=\"current-date\">\n      <span>\n        {{ currYear }}\n      </span>\n      <span>\n        {{ displayMonth }}\n      </span>\n    </div>\n    <div class=\"view-mode\">\n      {{ view }}\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('day')\"\n        [class.active]=\"view == 'day'\"\n        title=\"Month View\">\n        Month\n      </button>\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('week')\"\n        [class.active]=\"view == 'week'\"\n        title=\"Week View\">\n        Week\n      </button>\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('day')\"\n        [class.active]=\"view == 'day'\"\n        title=\"Day View\">\n        Day\n      </button>\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('event')\"\n        [class.active]=\"view == 'event'\"\n        title=\"Day View\">\n        Event\n      </button>\n    </div>\n  </div>\n  <div class=\"calendar\" #calendarWrapper>\n    @if (view === 'day') {\n      <ul class=\"weeks\">\n        @for (w of weeks; track $index) {\n          <li>\n            {{ w }}\n          </li>\n        }\n      </ul>\n      <ul class=\"days\" [style.minHeight.px]=\"minHeight\">\n        @for (item of viewDays; track $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectDay($event, item)\">\n            <div>{{ item.day }}</div>\n            @if (item.events) {\n              <div class=\"ms-day-events\">\n                @for (event of item.events; track $index) {\n                  <a\n                    tabindex=\"0\"\n                    class=\"ms-day-event\"\n                    [title]=\"event.title\"\n                    (click)=\"onclickEvent(item, event)\">\n                    {{ event.title }}\n                  </a>\n                }\n              </div>\n            }\n          </li>\n        }\n      </ul>\n    } @else if (view == 'week' || view == 'month') {\n      <table>\n        <thead>\n          <tr>\n            <th></th>\n            @for (w of weeks; track $index) {\n              <th>{{ w }}</th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (item of viewWeeks; track $index; let i = $index) {\n            <tr>\n              <td [title]=\"item.displayTime\">{{ item.time % 1 == 0 ? item.time : '' }}</td>\n              @for (w of item.weeks; track $index) {\n                <td></td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    } @else if (view == 'event') {\n      not implemented\n    }\n  </div>\n</div>\n\n<ng-template #defaultPreviousBTNTemplate>\n  <svg width=\"15px\" height=\"30px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultNextBTNTemplate>\n  <svg width=\"15px\" height=\"30px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultCaretDownIcon>\n  <svg width=\"10px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z\" />\n  </svg>\n</ng-template>\n", styles: [":host{--ngx-color-bg: #fff;--ngx-color-text: #000;--ngx-border-color: #c0c0c0}:host-context(.dark){--ngx-color-bg: #222;--ngx-color-text: #fff;--ngx-border-color: #c0c0c0}.wrapper{background-color:var(--ngx-color-bg);color:var(--ngx-color-text);border-radius:5px}.wrapper .dtp-btn{background:none;border:none;color:inherit;border-radius:3px;padding:3px 15px;box-shadow:0 0 4px #0003;transition:all .3s;display:inline-flex;align-items:center}.wrapper .dtp-btn:not([disabled]):hover{cursor:pointer;background:#87879e}.wrapper .dtp-btn.active{background:#87879e}.wrapper .dtp-btn svg{fill:var(--ngx-color-text)}.wrapper .header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 0}.wrapper .header .current-date{text-align:center;flex:auto}.wrapper .nxt-prv-buttons{display:flex;align-items:center}.wrapper .nxt-prv-buttons .dtp-btn{border-radius:0}.wrapper .nxt-prv-buttons .dtp-btn:first-child{border-radius:5px 0 0 5px}.wrapper .nxt-prv-buttons .dtp-btn:last-child{border-radius:0 5px 5px 0}.calendar{padding:10px}.calendar ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;border:1px var(--ngx-border-color) solid;border-bottom:none}.calendar .days{margin-bottom:20px}.calendar .days li{width:14.2857142857%;text-align:end;max-height:300px;overflow:auto}.calendar .months{margin-bottom:20px}.calendar .months li{height:40px;width:33%}.calendar .years{margin-bottom:20px}.calendar .years li{height:40px;width:25%}.calendar li{position:relative;border-right:1px var(--ngx-border-color) solid;border-bottom:1px var(--ngx-border-color) solid;padding:4px}.calendar li.de-active{color:#cbcbcb}.calendar li.selected{border:1px #1216fa solid}.calendar li.today{background-color:#ff9d0130}.calendar .weeks li{cursor:default;width:14.2857142857%;text-align:center;font-weight:700}.calendar .weeks li:hover{background:none}.ms-day-events .ms-day-event{color:#3f51b5;background:var(--ngx-color-bg);border:1px rgba(63,81,181,.1215686275) solid;border-radius:4px;min-height:25px;padding:4px;margin:4px 0;text-decoration:none;display:block}::ng-deep html[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:first-child,::ng-deep body[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:first-child{border-radius:0 5px 5px 0!important}::ng-deep html[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:last-child,::ng-deep body[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:last-child{border-radius:5px 0 0 5px!important}::ng-deep html[dir=rtl] .wrapper .wrapper .dtp-btn.next,::ng-deep html[dir=rtl] .wrapper .wrapper .dtp-btn.previous,::ng-deep body[dir=rtl] .wrapper .wrapper .dtp-btn.next,::ng-deep body[dir=rtl] .wrapper .wrapper .dtp-btn.previous{transform:rotate(180deg)}table{width:100%;border-collapse:collapse}table td,table th{border:1px rgb(158,158,158) solid;padding:5px;height:1.5em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-calendar', imports: [CommonModule], providers: [DateAdapterRegistry], host: {
+                        '[class.dark]': 'theme=="dark"',
+                    }, template: "<div class=\"wrapper\" #datepickerWrapper>\n  <div class=\"header\">\n    <div class=\"nxt-prv-buttons\">\n      <button id=\"prev\" class=\"previous dtp-btn\" (click)=\"previous()\" title=\"Previous\">\n        <ng-template\n          [ngTemplateOutlet]=\"\n            _config.previousButtonTemplate || defaultPreviousBTNTemplate\n          \"></ng-template>\n      </button>\n      @if (_config.todayButton) {\n        <button class=\"today dtp-btn\" (click)=\"gotoToday()\">\n          {{ _config.todayButtonText }}\n        </button>\n      }\n      <button id=\"next\" class=\"next dtp-btn\" (click)=\"next()\" title=\"Next\">\n        <ng-template\n          [ngTemplateOutlet]=\"_config.nextButtonTemplate || defaultNextBTNTemplate\"></ng-template>\n      </button>\n    </div>\n    <div class=\"current-date\">\n      <span>\n        {{ currYear }}\n      </span>\n      <span>\n        {{ displayMonth }}\n      </span>\n    </div>\n    <div class=\"view-mode\">\n      {{ view }}\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('day')\"\n        [class.active]=\"view == 'day'\"\n        title=\"Month View\">\n        Month\n      </button>\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('week')\"\n        [class.active]=\"view == 'week'\"\n        title=\"Week View\">\n        Week\n      </button>\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('day')\"\n        [class.active]=\"view == 'day'\"\n        title=\"Day View\">\n        Day\n      </button>\n      <button\n        class=\"dayview dtp-btn\"\n        (click)=\"changeView('event')\"\n        [class.active]=\"view == 'event'\"\n        title=\"Day View\">\n        Event\n      </button>\n    </div>\n  </div>\n  <div class=\"calendar\" #calendarWrapper>\n    @if (view === 'day') {\n      <ul class=\"weeks\">\n        @for (w of weeks; track $index) {\n          <li>\n            {{ w }}\n          </li>\n        }\n      </ul>\n      <ul class=\"days\" [style.minHeight.px]=\"minHeight\">\n        @for (item of viewDays; track $index) {\n          <li\n            [class.de-active]=\"!item.active\"\n            [class.today]=\"item.isToday\"\n            [class.selected]=\"item.selected\"\n            (click)=\"selectDay($event, item)\">\n            <div>{{ item.day }}</div>\n            @if (item.events) {\n              <div class=\"ms-day-events\">\n                @for (event of item.events; track $index) {\n                  <a\n                    tabindex=\"0\"\n                    class=\"ms-day-event\"\n                    [title]=\"event.title\"\n                    (click)=\"onclickEvent(item, event)\">\n                    {{ event.title }}\n                  </a>\n                }\n              </div>\n            }\n          </li>\n        }\n      </ul>\n    } @else if (view == 'week' || view == 'month') {\n      <table>\n        <thead>\n          <tr>\n            <th></th>\n            @for (w of weeks; track $index) {\n              <th>{{ w }}</th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (item of viewWeeks; track $index; let i = $index) {\n            <tr>\n              <td [title]=\"item.displayTime\">{{ item.time % 1 == 0 ? item.time : '' }}</td>\n              @for (w of item.weeks; track $index) {\n                <td></td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    } @else if (view == 'event') {\n      not implemented\n    }\n  </div>\n</div>\n\n<ng-template #defaultPreviousBTNTemplate>\n  <svg width=\"15px\" height=\"30px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultNextBTNTemplate>\n  <svg width=\"15px\" height=\"30px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z\" />\n  </svg>\n</ng-template>\n\n<ng-template #defaultCaretDownIcon>\n  <svg width=\"10px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n    <path\n      class=\"fa-secondary\"\n      d=\"M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z\" />\n  </svg>\n</ng-template>\n", styles: [":host{--ngx-color-bg: #fff;--ngx-color-text: #000;--ngx-border-color: #c0c0c0}:host-context(.dark){--ngx-color-bg: #222;--ngx-color-text: #fff;--ngx-border-color: #c0c0c0}.wrapper{background-color:var(--ngx-color-bg);color:var(--ngx-color-text);border-radius:5px}.wrapper .dtp-btn{background:none;border:none;color:inherit;border-radius:3px;padding:3px 15px;box-shadow:0 0 4px #0003;transition:all .3s;display:inline-flex;align-items:center}.wrapper .dtp-btn:not([disabled]):hover{cursor:pointer;background:#87879e}.wrapper .dtp-btn.active{background:#87879e}.wrapper .dtp-btn svg{fill:var(--ngx-color-text)}.wrapper .header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 0}.wrapper .header .current-date{text-align:center;flex:auto}.wrapper .nxt-prv-buttons{display:flex;align-items:center}.wrapper .nxt-prv-buttons .dtp-btn{border-radius:0}.wrapper .nxt-prv-buttons .dtp-btn:first-child{border-radius:5px 0 0 5px}.wrapper .nxt-prv-buttons .dtp-btn:last-child{border-radius:0 5px 5px 0}.calendar{padding:10px}.calendar ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;border:1px var(--ngx-border-color) solid;border-bottom:none}.calendar .days{margin-bottom:20px}.calendar .days li{width:14.2857142857%;text-align:end;max-height:300px;overflow:auto}.calendar .months{margin-bottom:20px}.calendar .months li{height:40px;width:33%}.calendar .years{margin-bottom:20px}.calendar .years li{height:40px;width:25%}.calendar li{position:relative;border-right:1px var(--ngx-border-color) solid;border-bottom:1px var(--ngx-border-color) solid;padding:4px}.calendar li.de-active{color:#cbcbcb}.calendar li.selected{border:1px #1216fa solid}.calendar li.today{background-color:#ff9d0130}.calendar .weeks li{cursor:default;width:14.2857142857%;text-align:center;font-weight:700}.calendar .weeks li:hover{background:none}.ms-day-events .ms-day-event{color:#3f51b5;background:var(--ngx-color-bg);border:1px rgba(63,81,181,.1215686275) solid;border-radius:4px;min-height:25px;padding:4px;margin:4px 0;text-decoration:none;display:block}::ng-deep html[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:first-child,::ng-deep body[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:first-child{border-radius:0 5px 5px 0!important}::ng-deep html[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:last-child,::ng-deep body[dir=rtl] .wrapper .nxt-prv-buttons .dtp-btn:last-child{border-radius:5px 0 0 5px!important}::ng-deep html[dir=rtl] .wrapper .wrapper .dtp-btn.next,::ng-deep html[dir=rtl] .wrapper .wrapper .dtp-btn.previous,::ng-deep body[dir=rtl] .wrapper .wrapper .dtp-btn.next,::ng-deep body[dir=rtl] .wrapper .wrapper .dtp-btn.previous{transform:rotate(180deg)}table{width:100%;border-collapse:collapse}table td,table th{border:1px rgb(158,158,158) solid;padding:5px;height:1.5em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { setTheme: [{
+                type: Input,
+                args: ['theme']
+            }], config: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], setMin: [{
+                type: Input,
+                args: ['min']
+            }], setMax: [{
+                type: Input,
+                args: ['max']
+            }], view: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], dateChange: [{
+                type: Output
+            }], selectEvent: [{
+                type: Output
+            }], calendarWrapper: [{ type: i0.ViewChild, args: ['calendarWrapper', { isSignal: true }] }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+function dedupeAdapters(adapters) {
+    return Array.from(new Map(adapters.map((a) => [a.locale, a])).values());
+}
+function provideDateAdapters(...additional) {
+    const all = dedupeAdapters([...DEFAULT_DATE_ADAPTERS, ...additional]);
+    return all.map((adapter) => ({
+        provide: DATE_ADAPTERS,
+        multi: true,
+        useValue: adapter,
+    }));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DATE_ADAPTERS, DEFAULT_DATE_ADAPTERS, NgxCalendarComponent, NgxDatePickerConfig, NgxInputDatePicker, NgxInputDatePickerComponent, getLocals, provideDateAdapters };
+//# sourceMappingURL=ngx-kit-date-picker.mjs.map