pyno-datepicker 1.0.0

package/README.md

@@ -0,0 +1,106 @@
+# 🗓️ pyno-datepicker
+
+A modern, standalone Angular datepicker component built entirely with Angular signals. It supports both Persian (Jalali/Shamsi) and Gregorian calendars, and can display a second calendar alongside the primary one — letting users see equivalent dates in both systems at a glance. With an inline or popup mode, a custom trigger element, and a flexible output that can be either a structured object or a formatted string, it adapts to a wide range of use cases. It's fully typed, tree-shakable, and designed for Angular 17+ applications.
+
+---
+## 📦 Installation
+This package requires **pyno-date** as a peer dependency. Install both together:
+```bash
+npm install pyno-date pyno-datepicker
+```
+> Make sure `pyno-date` is installed in the same project, otherwise the datepicker will not work.
+
+## ✨ Features
+
+### 🗓️ Dual Calendar Support
+- **Gregorian** and **Persian (Jalali/Shamsi)** calendars out of the box.
+- Switch between calendars with a single input.
+- Automatic **RTL layout** for the Jalali calendar.
+- Optional **second calendar** display alongside the primary one — each day shows the equivalent date in the other calendar system.
+
+### ⚡ Built with Angular Signals
+- Entire component state managed with **Angular signals** (`signal`, `computed`, `input`, `output`).
+- Fully **standalone** — no NgModule required.
+- Reactive and efficient change detection.
+- Modern Angular 17+ API (`input()`, `output()`).
+
+### 🎛️ Three View Modes
+- **Days view** – classic month grid with 42 cells.
+- **Months view** – click the month name in the header to pick a month.
+- **Years view** – paginated year selector (25 years per page) with next/previous navigation.
+
+### 🔄 Inline & Popup Modes
+- **Inline mode** – embed the calendar directly in the page.
+- **Popup mode** – attach to any element via `triggerFor` and open on click.
+- Click-outside overlay to close the popup.
+
+### 🎨 Flexible Output
+- Return the selected date as either a **structured object** (`PynoDatepickerDateObject`) or a **formatted string**.
+- Custom date format via the `format` input.
+- Separate `onInit` and `onSelect` outputs.
+
+### 🌐 Full Localization Support
+- Customize the **first day of the week** via `setFirstDayOfWeek()`.
+- Override **weekday names** via `setWeekdayName()`.
+- Override **month names** via `setMonthName()`.
+- Custom label for the "Today" button via `todayBtnText`.
+
+```typescript
+this.pynoDatepicker.setFirstDayOfWeek('sunday');
+this.pynoDatepicker.setWeekdayName('gregorian', 'saturday', 'Sat');
+this.pynoDatepicker.setMonthName('gregorian', 9, 'Sep');
+```
+
+### 🎯 Rich Inputs
+
+| Input | Type | Description                              |
+|-------|------|------------------------------------------|
+| `triggerFor` | `HTMLElement` | Element that opens the popup.            |
+| `inline` | `boolean` | Render inline instead of popup.          |
+| `initValue` | `string` | Initial selected date.                   |
+| `secondCalendar` | `boolean` | Show the opposite calendar's day values. |
+| `calendar` | `'gregorian' \| 'jalali'` | Primary calendar system.                 |
+| `format` | `string` | Date format string. See [pyno-date](https://www.npmjs.com/package/pyno-date) for available format tokens.                     |
+| `outputAs` | `'object' \| 'string'` | Output shape.                            |
+| `todayBtnText` | `string` | Label for the today button.              |
+
+### 📤 Outputs
+
+| Output | Payload | Description |
+|--------|---------|-------------|
+| `onInit` | `PynoDatepickerDateObject \| string \| null` | Emitted on initialization. |
+| `onSelect` | `PynoDatepickerDateObject \| string \| null` | Emitted when the user picks a date. |
+
+### ✨ UX Highlights
+- Highlighted **today** and **selected date**.
+- Visual distinction for **previous-month** and **next-month** days.
+- Smooth enter/leave animations (`animate.enter`, `animate.leave`).
+- "Today" shortcut button that jumps back to the current month.
+- Fully typed API with exported interfaces and union types.
+
+### 🧩 Service API (`PynoDatepickerService`)
+- Injectable, tree-shakable, `providedIn: 'root'`.
+- Public methods for customization:
+  - `setFirstDayOfWeek(day)`
+  - `setWeekdayName(calendar, weekday, name)`
+  - `setMonthName(calendar, month, name)`
+- Built-in month and weekday name dictionaries for both calendars.
+
+## 🎨 Styling & Theming
+
+`pyno-datepicker` is fully themeable through **CSS custom properties** and **class overrides**, giving you complete control over its appearance without touching the library's source.
+
+### CSS Variables
+All colors, spacing, radii, shadows, and transitions are exposed as CSS variables on the `:host`. Override any of them in your own stylesheet to instantly re-skin the datepicker:
+### Class Overrides
+Every part of the datepicker has its own dedicated class (topbar, weekdays, days, months, years, today button, etc.). If CSS variables aren't enough, you can target any of these classes directly to fully customize the layout and presentation.
+
+Combined, these two layers let you go from a simple color tweak to a completely custom-looking datepicker.
+
+---
+
+## 🧠 License
+
+MIT
+
+Designed & developed by [Amir Navidfar](https://github.com/amirhsnf)

package/fesm2022/pyno-datepicker.mjs

@@ -0,0 +1,343 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, signal, output, computed, Component } from '@angular/core';
+import { PynoDateService } from 'pyno-date';
+
+class PynoDatepickerService {
+    firstDayOfWeek = 'sunday';
+    date = inject(PynoDateService);
+    gWeekDays = {
+        sunday: 'Su',
+        monday: 'Mo',
+        tuesday: 'Te',
+        wednesday: 'We',
+        thursday: 'Th',
+        friday: 'Fr',
+        saturday: 'Sa',
+    };
+    jWeekDays = {
+        sunday: 'ی',
+        monday: 'د',
+        tuesday: 'س',
+        wednesday: 'چ',
+        thursday: 'پ',
+        friday: 'ج',
+        saturday: 'ش',
+    };
+    gMonths = {
+        1: 'January',
+        2: 'February',
+        3: 'March',
+        4: 'April',
+        5: 'May',
+        6: 'June',
+        7: 'July',
+        8: 'August',
+        9: 'September',
+        10: 'October',
+        11: 'November',
+        12: 'December',
+    };
+    jMonths = {
+        1: 'فروردین',
+        2: 'اردیبهشت',
+        3: 'خرداد',
+        4: 'تیر',
+        5: 'مرداد',
+        6: 'شهریور',
+        7: 'مهر',
+        8: 'آبان',
+        9: 'آذر',
+        10: 'دی',
+        11: 'بهمن',
+        12: 'اسفند',
+    };
+    setFirstDayOfWeek(day) {
+        this.firstDayOfWeek = day;
+    }
+    calcWeekdays(cal) {
+        const days = Object.keys((cal === 'gregorian' ? this.gWeekDays : this.jWeekDays));
+        while (days[0] !== this.firstDayOfWeek) {
+            const first = days.shift();
+            days.push(first);
+        }
+        return days;
+    }
+    getWeekdayName(item, cal) {
+        if (cal === 'gregorian')
+            return this.gWeekDays[item];
+        return this.jWeekDays[item];
+    }
+    calcDays(date, cal, weekdays) {
+        let firstDateTime = 0;
+        if (cal === 'gregorian') {
+            const firstDate = date.gYear + '-' + date.gMonth + '-01';
+            firstDateTime = this.date.strToTime(firstDate);
+        }
+        else {
+            const fdo = this.date.jalaliToGregorian(+date.jYear, +date.jMonth, 1);
+            firstDateTime = this.date.strToTime(fdo.gYear + '-' + fdo.gMonth + '-' + fdo.gDay);
+        }
+        const firstDateWeekday = this.date.gDate('l', firstDateTime).toLowerCase();
+        const numberOfPreDays = weekdays.findIndex((q) => q === firstDateWeekday);
+        const startingTime = firstDateTime - numberOfPreDays * 86400;
+        const output = [];
+        for (let i = 0; i < 42; i++) {
+            const time = startingTime + i * 86400;
+            output.push(this.getDateObject(time));
+        }
+        return output;
+    }
+    getDateObject(timestamp) {
+        const g = this.date.gDate('Y_n_j_l', timestamp).split('_');
+        const j = this.date.jDate('Y_n_j', timestamp).split('_');
+        return {
+            gYear: g[0],
+            gMonth: g[1],
+            gDay: g[2],
+            gDate: this.date.gDate('Y-m-d', timestamp),
+            jYear: j[0],
+            jMonth: j[1],
+            jDay: j[2],
+            jDate: this.date.jDate('Y/m/d', timestamp),
+            timestamp: timestamp,
+            weekday: g[3].toLowerCase(),
+        };
+    }
+    setWeekdayName(calendar, weekday, name) {
+        if (calendar === 'gregorian') {
+            this.gWeekDays[weekday] = name;
+        }
+        else {
+            this.jWeekDays[weekday] = name;
+        }
+    }
+    setMonthName(calendar, month, name) {
+        if (calendar === 'gregorain') {
+            if (month in this.gMonths) {
+                this.gMonths[month] = name;
+            }
+        }
+        else {
+            if (month in this.jMonths) {
+                this.jMonths[month] = name;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: PynoDatepickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: PynoDatepickerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: PynoDatepickerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class PynoDatepicker {
+    triggerFor = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "triggerFor" }] : /* istanbul ignore next */ []));
+    inline = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inline" }] : /* istanbul ignore next */ []));
+    initValue = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "initValue" }] : /* istanbul ignore next */ []));
+    secondCalendar = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "secondCalendar" }] : /* istanbul ignore next */ []));
+    today;
+    selectedDate = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedDate" }] : /* istanbul ignore next */ []));
+    selectedMonth = signal('01', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedMonth" }] : /* istanbul ignore next */ []));
+    selectedYear = signal('0001', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedYear" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    calendar = input('gregorian', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "calendar" }] : /* istanbul ignore next */ []));
+    format = input('Y-m-d H:i:s', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    weekdays = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "weekdays" }] : /* istanbul ignore next */ []));
+    monthDays = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "monthDays" }] : /* istanbul ignore next */ []));
+    outputAs = input('object', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "outputAs" }] : /* istanbul ignore next */ []));
+    onInit = output();
+    onSelect = output();
+    todayBtnText = input('Today', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "todayBtnText" }] : /* istanbul ignore next */ []));
+    mode = signal('days', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    yearPage = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "yearPage" }] : /* istanbul ignore next */ []));
+    month = computed(() => {
+        const cal = this.calendar();
+        const month = this.selectedMonth();
+        if (cal === 'gregorian' && (+month) in this.datepickerService.gMonths) {
+            return this.datepickerService.gMonths[+month];
+        }
+        if ((+month) in this.datepickerService.jMonths)
+            return this.datepickerService.jMonths[+month];
+        return '';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "month" }] : /* istanbul ignore next */ []));
+    isCurrentMonth = computed(() => {
+        const year = this.selectedYear();
+        const month = this.selectedMonth();
+        const cal = this.calendar();
+        console.log('sdsdsdsdsdsd');
+        if (cal === 'gregorian') {
+            const [cy, cm] = this.dateService.gDate('Y_m').split('_');
+            return +cm === +month && +cy === +year;
+        }
+        else {
+            const [cy, cm] = this.dateService.jDate('Y_m').split('_');
+            return +cm === +month && +cy === +year;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCurrentMonth" }] : /* istanbul ignore next */ []));
+    datepickerService = inject(PynoDatepickerService);
+    dateService = inject(PynoDateService);
+    disableToday = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableToday" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        if (this.inline())
+            this.init();
+        this.onInit.emit(this.output());
+    }
+    init() {
+        this.handleInitValue();
+        this.weekdays.set(this.datepickerService.calcWeekdays(this.calendar()));
+        this.today = signal(this.datepickerService.getDateObject(this.dateService.strToTime(this.dateService.gDate('Y-m-d'))), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
+        const fromObj = this.selectedDate() ?? this.today();
+        const cal = this.calendar();
+        this.selectedMonth.set(cal === 'gregorian' ? fromObj.gMonth : fromObj.jMonth);
+        this.selectedYear.set(cal === 'gregorian' ? fromObj.gYear : fromObj.jYear);
+        this.monthDays.set(this.datepickerService.calcDays(fromObj, this.calendar(), this.weekdays()));
+        console.log(this.monthDays());
+    }
+    handleInitValue() {
+        const initVal = this.initValue();
+        const cal = this.calendar();
+        if (initVal) {
+            const converted = this.dateService.convert(initVal, this.format(), cal === 'jalali' ? 'Y-m-d' : 'Y/m/d', cal, 'gregorian');
+            if (converted) {
+                this.selectedDate.set(this.datepickerService.getDateObject(this.dateService.strToTime(converted)));
+            }
+        }
+    }
+    ngAfterViewInit() {
+        const tf = this.triggerFor();
+        if (!tf)
+            return;
+        tf.addEventListener('click', () => this.open());
+    }
+    open() {
+        this.init();
+        this.isOpen.set(true);
+    }
+    close() {
+        this.isOpen.set(false);
+    }
+    onDate(item) {
+        this.selectedDate.set(item);
+        this.onInit.emit(this.output());
+        if (!this.inline())
+            this.close();
+    }
+    changeMonth(month, year) {
+        if (month > 12) {
+            month = 1;
+            year++;
+        }
+        else if (month < 1) {
+            month = 12;
+            year--;
+        }
+        this.selectedMonth.set(String(month).padStart(2, '0'));
+        this.selectedYear.set(String(year));
+        let from = '';
+        if (this.calendar() === 'gregorian') {
+            from = this.selectedYear() + '-' + this.selectedMonth() + '-' + '15';
+        }
+        else {
+            const jFrom = this.dateService.jalaliToGregorian(+this.selectedYear(), +this.selectedMonth(), 15);
+            from = jFrom.gYear + '-' + jFrom.gMonth + '-' + jFrom.gDay;
+        }
+        const fromTime = this.dateService.strToTime(from);
+        const fromObj = this.datepickerService.getDateObject(fromTime);
+        this.monthDays.set(this.datepickerService.calcDays(fromObj, this.calendar(), this.weekdays()));
+    }
+    getSecondMonth(number) {
+        const cal = this.calendar();
+        let val = '';
+        if (cal === 'gregorian') {
+            val = this.datepickerService.jMonths[number];
+        }
+        else {
+            val = this.datepickerService.gMonths[number];
+        }
+        return val.substring(0, 3);
+    }
+    output() {
+        const dateObj = this.selectedDate();
+        if (!dateObj)
+            return null;
+        if (this.outputAs() === 'object')
+            return dateObj;
+        const format = this.format();
+        const cal = this.calendar();
+        if (cal === 'gregorian')
+            return this.dateService.gDate(format, dateObj.timestamp);
+        return this.dateService.jDate(format, dateObj.timestamp);
+    }
+    goToCurrentMonth() {
+        const cal = this.calendar();
+        let [cy, cm] = ['', ''];
+        if (cal === 'gregorian') {
+            [cy, cm] = this.dateService.gDate('Y_m').split('_');
+        }
+        else {
+            [cy, cm] = this.dateService.jDate('Y_m').split('_');
+        }
+        this.changeMonth(+cm, +cy);
+    }
+    getMonths() {
+        const cal = this.calendar();
+        const months = cal === 'gregorian' ? this.datepickerService.gMonths : this.datepickerService.jMonths;
+        return Object.values(months).map((q, i) => {
+            return {
+                title: q,
+                val: i + 1,
+            };
+        });
+    }
+    years = computed(() => {
+        let offset = this.yearPage() * 25;
+        const year = +this.selectedYear() + offset;
+        const firstYear = Math.floor(year / 25) * 25;
+        return Array.from({ length: 25 }, (_, i) => firstYear + i);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "years" }] : /* istanbul ignore next */ []));
+    selectYear(item) {
+        this.selectedYear.set(String(item).padStart(4, '0'));
+        this.mode.set('months');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: PynoDatepicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: PynoDatepicker, isStandalone: true, selector: "pyno-datepicker", inputs: { triggerFor: { classPropertyName: "triggerFor", publicName: "triggerFor", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, initValue: { classPropertyName: "initValue", publicName: "initValue", isSignal: true, isRequired: false, transformFunction: null }, secondCalendar: { classPropertyName: "secondCalendar", publicName: "secondCalendar", isSignal: true, isRequired: false, transformFunction: null }, calendar: { classPropertyName: "calendar", publicName: "calendar", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, outputAs: { classPropertyName: "outputAs", publicName: "outputAs", isSignal: true, isRequired: false, transformFunction: null }, todayBtnText: { classPropertyName: "todayBtnText", publicName: "todayBtnText", isSignal: true, isRequired: false, transformFunction: null }, disableToday: { classPropertyName: "disableToday", publicName: "disableToday", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInit: "onInit", onSelect: "onSelect" }, ngImport: i0, template: "@if(isOpen() || inline()){\r\n  @let cal = calendar();\r\n  @if(!inline()){\r\n  <div class=\"pdp-overlay\" (click)=\"close()\"></div>\r\n  }\r\n  <div class=\"pyno-datepicker {{inline() ? 'pdp-inline' : ''}} {{cal === 'jalali' ? 'pdp-rtl' : ''}}\" animate.enter=\"pdp-fade-in\" animate.leave=\"pdp-fade-out\">\r\n    <div class=\"pdp-topbar\">\r\n      <div class=\"pdp-topbar-btn-wrapper\">\r\n        @if(mode() !== 'months'){\r\n          <div class=\"pdp-topbar-btn\" (click)=\"mode() === 'days' ? changeMonth(+selectedMonth() - 1, +this.selectedYear()) : yearPage.set(yearPage() - 1)\"></div>\r\n        }\r\n      </div>\r\n      <div class=\"pdp-month-year\">\r\n        <div class=\"pdp-month pdp-select\" (click)=\"mode.set('months')\">\r\n          {{month()}}\r\n        </div>\r\n        <div class=\"pdp-year pdp-select\" (click)=\"mode.set('years')\">\r\n          {{selectedYear()}}\r\n        </div>\r\n      </div>\r\n      <div class=\"pdp-topbar-btn-wrapper\">\r\n        @if(mode() !== 'months'){\r\n          <div class=\"pdp-topbar-btn pdp-topbar-btn-reverse\" (click)=\"mode() === 'days' ? changeMonth(+selectedMonth() + 1, +this.selectedYear()) : yearPage.set(yearPage() + 1)\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if(mode() === 'days'){\r\n      <div class=\"pdp-weekdays\">\r\n        @for(item of weekdays(); track item){\r\n          <div class=\"pdp-weekday pdp-weekday-{{item}}\">\r\n            {{datepickerService.getWeekdayName(item, cal)}}\r\n          </div>\r\n        }\r\n      </div>\r\n      <div class=\"pdp-days\">\r\n        @for(item of monthDays(); track item.timestamp){\r\n          @if(($index < 40 && !this.isCurrentMonth()) || this.isCurrentMonth()){\r\n            <div class=\"pdp-day-wrapper\">\r\n              <div class=\"pdp-day pdp-{{item.weekday}} pdp-{{item.gDate}} pdp-{{item.jDate}}\"\r\n                   [class.pdp-today]=\"today().timestamp === item.timestamp\"\r\n                   [class.pdp-day-pre-month]=\"(cal === 'gregorian' && +item.gMonth < +selectedMonth()) || (cal === 'jalali' && +item.jMonth < +selectedMonth())\"\r\n                   [class.pdp-day-next-month]=\"(cal === 'gregorian' && +item.gMonth > +selectedMonth()) || (cal === 'jalali' && +item.jMonth > +selectedMonth())\"\r\n                   [class.pdp-day-selected]=\"item.timestamp === selectedDate()?.timestamp\"\r\n                   (click)=\"onDate(item)\"\r\n              >\r\n                <div class=\"pdp-day-main-value\">\r\n                  {{cal === 'gregorian' ? item.gDay : item.jDay}}\r\n                  @if(secondCalendar()){\r\n                    <div class=\"pdp-day-second-value\">\r\n                      @let secondVal = +(cal === 'gregorian' ? item.jDay : item.gDay);\r\n                      @if(secondVal === 1 || $index == 0 || $index == 41){\r\n                        {{getSecondMonth((cal === 'gregorian' ? +item.jMonth : +item.gMonth)) + ' ' + secondVal}}\r\n                      } @else {\r\n                        {{secondVal}}\r\n                      }\r\n                    </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        @if(!this.isCurrentMonth()){\r\n          <div class=\"pdp-today-btn-wrapper\" (click)=\"goToCurrentMonth()\">\r\n            <div class=\"pdp-today-btn\">\r\n              {{todayBtnText()}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else if(mode() === 'months'){\r\n      <div class=\"pdp-months\">\r\n        @let months = getMonths();\r\n        @for(item of months; track item.val){\r\n          <div class=\"pdp-month-wrapper\">\r\n            <div class=\"pdp-month-each\" [class.pdp-month-selected]=\"item.val === +selectedMonth()\" (click)=\"changeMonth(+item.val, +this.selectedYear()); mode.set('days')\">\r\n              {{item.title}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <div class=\"pdp-years\">\r\n        @for(item of years(); track item){\r\n          <div class=\"pdp-year-wrapper\">\r\n            <div class=\"pdp-year-each\" [class.pdp-year-selected]=\"item === +selectedYear()\" (click)=\"selectYear(item)\">\r\n              {{item}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{--pdp-bg-color: white;--pdp-border-radius: 16px;--pdp-width: 350px;--pdp-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);--pdp-transition: all .3s ease;--pdp-select-bg: transparent;--pdb-select-bg-hover: #eee;--pdp-select-color: #222;--pdp-topbar-btn-icon-color: #666;--pdb-topbar-btn-bg: transparent;--pdb-topbar-btn-bg-hover: #eee;--pdp-weekday-color: #666;--pdp-day-bg: transparent;--pdp-day-bg-hover: #eee;--pdp-day-color: #666;--pdp-today-bg: rgba(179, 179, 22, .15);--pdp-today-color: #222;--pdp-selected-bg: #857fe6;--pdp-selected-color: white;--pdp-selected-bg-hover: #7772cf;--pdp-selected-color-hover: white;--today-btn-bg: #eee;--today-btn-color: #666}.pdp-overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9998}.pyno-datepicker{background-color:var(--pdp-bg-color);border-radius:var(--pdp-border-radius);width:var(--pdp-width);box-shadow:var(--pdp-shadow);overflow:hidden;font-family:inherit;z-index:9999;position:absolute}.pdp-fade-in{opacity:0;animation:pdp-fade-in ease-in .2s}.pdp-fade-out{opacity:1;animation:pdp-fade-in ease-out .2s reverse}@keyframes pdp-fade-in{0%{opacity:0}to{opacity:1}}.pyno-datepicker *{box-sizing:border-box}.pdp-rtl{direction:rtl}.pdp-inline{position:relative}.pdp-topbar{display:flex;height:50px;align-items:center}.pdp-topbar-btn-wrapper{width:50px;height:50px;padding:10px}.pdp-topbar-btn{width:100%;height:100%;background-color:var(--pdb-topbar-btn-bg);border-radius:6px;position:relative;cursor:pointer;transition:var(--pdp-transition)}.pdp-topbar-btn:hover{background-color:var(--pdb-topbar-btn-bg-hover)}.pdp-topbar-btn:before{content:\"\";display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Cpath d='M491.42,526.78l-176.78-176.78,176.78-176.78c19.53-19.53,19.53-51.18,0-70.71h0c-19.53-19.53-51.18-19.53-70.71,0l-212.13,212.13h0c-19.53,19.53-19.53,51.18,0,70.71h0l212.13,212.13c19.53,19.53,51.18,19.53,70.71,0h0c19.53-19.53,19.53-51.18,0-70.71Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Cpath d='M491.42,526.78l-176.78-176.78,176.78-176.78c19.53-19.53,19.53-51.18,0-70.71h0c-19.53-19.53-51.18-19.53-70.71,0l-212.13,212.13h0c-19.53,19.53-19.53,51.18,0,70.71h0l212.13,212.13c19.53,19.53,51.18,19.53,70.71,0h0c19.53-19.53,19.53-51.18,0-70.71Z'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--pdp-topbar-btn-icon-color);width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdp-rtl .pdp-topbar-btn:before{transform:translate(-50%,-50%) scaleX(-1)}.pdp-topbar-btn-reverse:before{transform:translate(-50%,-50%) scaleX(-1)}.pdp-rtl .pdp-topbar-btn-reverse:before{transform:translate(-50%,-50%)}.pdp-month-year{display:flex;align-items:center;justify-content:center;width:calc(100% - 100px);gap:2px}.pdp-select{background-color:var(--pdp-select-bg);border-radius:6px;padding:5px 10px;font-weight:700;cursor:pointer;transition:var(--pdp-transition);font-size:14px;color:var(--pdp-select-color)}.pdp-select:hover{background-color:var(--pdb-select-bg-hover)}.pdp-weekdays{display:flex;height:30px;align-items:center;padding:2px}.pdp-weekday{width:14.2857%;text-align:center;font-size:12px;font-weight:700;color:var(--pdp-weekday-color)}.pdp-days{display:flex;width:100%;flex-wrap:wrap;padding:2px;position:relative}.pdp-day-wrapper{width:14.2857%;padding:2px;aspect-ratio:1/1}.pdp-day{width:100%;height:100%;background-color:var(--pdp-day-bg);color:var(--pdp-day-color);position:relative;border-radius:6px;cursor:pointer;transition:var(--pdp-transition)}.pdp-day:hover{background-color:var(--pdp-day-bg-hover)}.pdp-day-main-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;text-align:center;width:100%}.pdp-day-second-value{font-size:10px;font-weight:700;opacity:.5;line-height:1;width:100%}.pdp-day-pre-month,.pdp-day-next-month{opacity:.4}.pdp-today{background-color:var(--pdp-today-bg);color:var(--pdp-today-color)}.pdp-day-selected{background-color:var(--pdp-selected-bg);color:var(--pdp-selected-color);border-radius:50%}.pdp-day-selected:hover{background-color:var(--pdp-selected-bg-hover);color:var(--pdp-selected-color-hover)}.pdp-today-btn-wrapper{width:28.5714%;padding:5px}.pdp-today-btn{background-color:var(--today-btn-bg);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;transition:var(--pdp-transition);color:var(--today-btn-color)}.pdp-today-btn:hover{opacity:.75}.pdp-months,.pdp-years{display:flex;width:100%;flex-wrap:wrap;padding:4px;position:relative}.pdp-month-wrapper{width:33.3333%;padding:2px}.pdp-month-each{width:100%;height:50px;background-color:var(--pdp-day-bg);position:relative;border-radius:6px;cursor:pointer;transition:var(--pdp-transition);text-align:center;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.pdp-month-each:hover{background-color:var(--pdp-day-bg-hover)}.pdp-month-selected{background-color:var(--pdp-selected-bg);color:var(--pdp-selected-color)}.pdp-month-selected:hover{background-color:var(--pdp-selected-bg-hover);color:var(--pdp-selected-color-hover)}.pdp-year-wrapper{width:20%;padding:2px}.pdp-year-each{display:flex;height:50px;align-items:center;justify-content:center;font-size:14px;font-weight:700;background-color:var(--pdp-day-bg);transition:var(--pdp-transition);cursor:pointer;border-radius:6px}.pdp-year-each:hover{background-color:var(--pdp-day-bg-hover)}.pdp-year-selected{background-color:var(--pdp-selected-bg);color:var(--pdp-selected-color)}.pdp-year-selected:hover{background-color:var(--pdp-selected-bg-hover);color:var(--pdp-selected-color-hover)}\n", ""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: PynoDatepicker, decorators: [{
+            type: Component,
+            args: [{ imports: [], selector: 'pyno-datepicker', template: "@if(isOpen() || inline()){\r\n  @let cal = calendar();\r\n  @if(!inline()){\r\n  <div class=\"pdp-overlay\" (click)=\"close()\"></div>\r\n  }\r\n  <div class=\"pyno-datepicker {{inline() ? 'pdp-inline' : ''}} {{cal === 'jalali' ? 'pdp-rtl' : ''}}\" animate.enter=\"pdp-fade-in\" animate.leave=\"pdp-fade-out\">\r\n    <div class=\"pdp-topbar\">\r\n      <div class=\"pdp-topbar-btn-wrapper\">\r\n        @if(mode() !== 'months'){\r\n          <div class=\"pdp-topbar-btn\" (click)=\"mode() === 'days' ? changeMonth(+selectedMonth() - 1, +this.selectedYear()) : yearPage.set(yearPage() - 1)\"></div>\r\n        }\r\n      </div>\r\n      <div class=\"pdp-month-year\">\r\n        <div class=\"pdp-month pdp-select\" (click)=\"mode.set('months')\">\r\n          {{month()}}\r\n        </div>\r\n        <div class=\"pdp-year pdp-select\" (click)=\"mode.set('years')\">\r\n          {{selectedYear()}}\r\n        </div>\r\n      </div>\r\n      <div class=\"pdp-topbar-btn-wrapper\">\r\n        @if(mode() !== 'months'){\r\n          <div class=\"pdp-topbar-btn pdp-topbar-btn-reverse\" (click)=\"mode() === 'days' ? changeMonth(+selectedMonth() + 1, +this.selectedYear()) : yearPage.set(yearPage() + 1)\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if(mode() === 'days'){\r\n      <div class=\"pdp-weekdays\">\r\n        @for(item of weekdays(); track item){\r\n          <div class=\"pdp-weekday pdp-weekday-{{item}}\">\r\n            {{datepickerService.getWeekdayName(item, cal)}}\r\n          </div>\r\n        }\r\n      </div>\r\n      <div class=\"pdp-days\">\r\n        @for(item of monthDays(); track item.timestamp){\r\n          @if(($index < 40 && !this.isCurrentMonth()) || this.isCurrentMonth()){\r\n            <div class=\"pdp-day-wrapper\">\r\n              <div class=\"pdp-day pdp-{{item.weekday}} pdp-{{item.gDate}} pdp-{{item.jDate}}\"\r\n                   [class.pdp-today]=\"today().timestamp === item.timestamp\"\r\n                   [class.pdp-day-pre-month]=\"(cal === 'gregorian' && +item.gMonth < +selectedMonth()) || (cal === 'jalali' && +item.jMonth < +selectedMonth())\"\r\n                   [class.pdp-day-next-month]=\"(cal === 'gregorian' && +item.gMonth > +selectedMonth()) || (cal === 'jalali' && +item.jMonth > +selectedMonth())\"\r\n                   [class.pdp-day-selected]=\"item.timestamp === selectedDate()?.timestamp\"\r\n                   (click)=\"onDate(item)\"\r\n              >\r\n                <div class=\"pdp-day-main-value\">\r\n                  {{cal === 'gregorian' ? item.gDay : item.jDay}}\r\n                  @if(secondCalendar()){\r\n                    <div class=\"pdp-day-second-value\">\r\n                      @let secondVal = +(cal === 'gregorian' ? item.jDay : item.gDay);\r\n                      @if(secondVal === 1 || $index == 0 || $index == 41){\r\n                        {{getSecondMonth((cal === 'gregorian' ? +item.jMonth : +item.gMonth)) + ' ' + secondVal}}\r\n                      } @else {\r\n                        {{secondVal}}\r\n                      }\r\n                    </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        @if(!this.isCurrentMonth()){\r\n          <div class=\"pdp-today-btn-wrapper\" (click)=\"goToCurrentMonth()\">\r\n            <div class=\"pdp-today-btn\">\r\n              {{todayBtnText()}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else if(mode() === 'months'){\r\n      <div class=\"pdp-months\">\r\n        @let months = getMonths();\r\n        @for(item of months; track item.val){\r\n          <div class=\"pdp-month-wrapper\">\r\n            <div class=\"pdp-month-each\" [class.pdp-month-selected]=\"item.val === +selectedMonth()\" (click)=\"changeMonth(+item.val, +this.selectedYear()); mode.set('days')\">\r\n              {{item.title}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <div class=\"pdp-years\">\r\n        @for(item of years(); track item){\r\n          <div class=\"pdp-year-wrapper\">\r\n            <div class=\"pdp-year-each\" [class.pdp-year-selected]=\"item === +selectedYear()\" (click)=\"selectYear(item)\">\r\n              {{item}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{--pdp-bg-color: white;--pdp-border-radius: 16px;--pdp-width: 350px;--pdp-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);--pdp-transition: all .3s ease;--pdp-select-bg: transparent;--pdb-select-bg-hover: #eee;--pdp-select-color: #222;--pdp-topbar-btn-icon-color: #666;--pdb-topbar-btn-bg: transparent;--pdb-topbar-btn-bg-hover: #eee;--pdp-weekday-color: #666;--pdp-day-bg: transparent;--pdp-day-bg-hover: #eee;--pdp-day-color: #666;--pdp-today-bg: rgba(179, 179, 22, .15);--pdp-today-color: #222;--pdp-selected-bg: #857fe6;--pdp-selected-color: white;--pdp-selected-bg-hover: #7772cf;--pdp-selected-color-hover: white;--today-btn-bg: #eee;--today-btn-color: #666}.pdp-overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9998}.pyno-datepicker{background-color:var(--pdp-bg-color);border-radius:var(--pdp-border-radius);width:var(--pdp-width);box-shadow:var(--pdp-shadow);overflow:hidden;font-family:inherit;z-index:9999;position:absolute}.pdp-fade-in{opacity:0;animation:pdp-fade-in ease-in .2s}.pdp-fade-out{opacity:1;animation:pdp-fade-in ease-out .2s reverse}@keyframes pdp-fade-in{0%{opacity:0}to{opacity:1}}.pyno-datepicker *{box-sizing:border-box}.pdp-rtl{direction:rtl}.pdp-inline{position:relative}.pdp-topbar{display:flex;height:50px;align-items:center}.pdp-topbar-btn-wrapper{width:50px;height:50px;padding:10px}.pdp-topbar-btn{width:100%;height:100%;background-color:var(--pdb-topbar-btn-bg);border-radius:6px;position:relative;cursor:pointer;transition:var(--pdp-transition)}.pdp-topbar-btn:hover{background-color:var(--pdb-topbar-btn-bg-hover)}.pdp-topbar-btn:before{content:\"\";display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Cpath d='M491.42,526.78l-176.78-176.78,176.78-176.78c19.53-19.53,19.53-51.18,0-70.71h0c-19.53-19.53-51.18-19.53-70.71,0l-212.13,212.13h0c-19.53,19.53-19.53,51.18,0,70.71h0l212.13,212.13c19.53,19.53,51.18,19.53,70.71,0h0c19.53-19.53,19.53-51.18,0-70.71Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Cpath d='M491.42,526.78l-176.78-176.78,176.78-176.78c19.53-19.53,19.53-51.18,0-70.71h0c-19.53-19.53-51.18-19.53-70.71,0l-212.13,212.13h0c-19.53,19.53-19.53,51.18,0,70.71h0l212.13,212.13c19.53,19.53,51.18,19.53,70.71,0h0c19.53-19.53,19.53-51.18,0-70.71Z'/%3E%3C/svg%3E\");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--pdp-topbar-btn-icon-color);width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdp-rtl .pdp-topbar-btn:before{transform:translate(-50%,-50%) scaleX(-1)}.pdp-topbar-btn-reverse:before{transform:translate(-50%,-50%) scaleX(-1)}.pdp-rtl .pdp-topbar-btn-reverse:before{transform:translate(-50%,-50%)}.pdp-month-year{display:flex;align-items:center;justify-content:center;width:calc(100% - 100px);gap:2px}.pdp-select{background-color:var(--pdp-select-bg);border-radius:6px;padding:5px 10px;font-weight:700;cursor:pointer;transition:var(--pdp-transition);font-size:14px;color:var(--pdp-select-color)}.pdp-select:hover{background-color:var(--pdb-select-bg-hover)}.pdp-weekdays{display:flex;height:30px;align-items:center;padding:2px}.pdp-weekday{width:14.2857%;text-align:center;font-size:12px;font-weight:700;color:var(--pdp-weekday-color)}.pdp-days{display:flex;width:100%;flex-wrap:wrap;padding:2px;position:relative}.pdp-day-wrapper{width:14.2857%;padding:2px;aspect-ratio:1/1}.pdp-day{width:100%;height:100%;background-color:var(--pdp-day-bg);color:var(--pdp-day-color);position:relative;border-radius:6px;cursor:pointer;transition:var(--pdp-transition)}.pdp-day:hover{background-color:var(--pdp-day-bg-hover)}.pdp-day-main-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;text-align:center;width:100%}.pdp-day-second-value{font-size:10px;font-weight:700;opacity:.5;line-height:1;width:100%}.pdp-day-pre-month,.pdp-day-next-month{opacity:.4}.pdp-today{background-color:var(--pdp-today-bg);color:var(--pdp-today-color)}.pdp-day-selected{background-color:var(--pdp-selected-bg);color:var(--pdp-selected-color);border-radius:50%}.pdp-day-selected:hover{background-color:var(--pdp-selected-bg-hover);color:var(--pdp-selected-color-hover)}.pdp-today-btn-wrapper{width:28.5714%;padding:5px}.pdp-today-btn{background-color:var(--today-btn-bg);height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:12px;cursor:pointer;transition:var(--pdp-transition);color:var(--today-btn-color)}.pdp-today-btn:hover{opacity:.75}.pdp-months,.pdp-years{display:flex;width:100%;flex-wrap:wrap;padding:4px;position:relative}.pdp-month-wrapper{width:33.3333%;padding:2px}.pdp-month-each{width:100%;height:50px;background-color:var(--pdp-day-bg);position:relative;border-radius:6px;cursor:pointer;transition:var(--pdp-transition);text-align:center;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.pdp-month-each:hover{background-color:var(--pdp-day-bg-hover)}.pdp-month-selected{background-color:var(--pdp-selected-bg);color:var(--pdp-selected-color)}.pdp-month-selected:hover{background-color:var(--pdp-selected-bg-hover);color:var(--pdp-selected-color-hover)}.pdp-year-wrapper{width:20%;padding:2px}.pdp-year-each{display:flex;height:50px;align-items:center;justify-content:center;font-size:14px;font-weight:700;background-color:var(--pdp-day-bg);transition:var(--pdp-transition);cursor:pointer;border-radius:6px}.pdp-year-each:hover{background-color:var(--pdp-day-bg-hover)}.pdp-year-selected{background-color:var(--pdp-selected-bg);color:var(--pdp-selected-color)}.pdp-year-selected:hover{background-color:var(--pdp-selected-bg-hover);color:var(--pdp-selected-color-hover)}\n"] }]
+        }], propDecorators: { triggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerFor", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], initValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "initValue", required: false }] }], secondCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondCalendar", required: false }] }], calendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendar", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], outputAs: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputAs", required: false }] }], onInit: [{ type: i0.Output, args: ["onInit"] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], todayBtnText: [{ type: i0.Input, args: [{ isSignal: true, alias: "todayBtnText", required: false }] }], disableToday: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableToday", required: false }] }] } });
+
+/*
+ * Public API Surface of pyno-datepicker
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PynoDatepicker, PynoDatepickerService };
+//# sourceMappingURL=pyno-datepicker.mjs.map

package/fesm2022/pyno-datepicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pyno-datepicker.mjs","sources":["../../../projects/pyno-datepicker/src/lib/pyno-datepicker.service.ts","../../../projects/pyno-datepicker/src/lib/pyno-datepicker.ts","../../../projects/pyno-datepicker/src/lib/pyno-datepicker.html","../../../projects/pyno-datepicker/src/public-api.ts","../../../projects/pyno-datepicker/src/pyno-datepicker.ts"],"sourcesContent":["import {inject, Injectable} from '@angular/core';\r\nimport {PynoDatepickerDateObject, PynoDatepickerDayOfWeek} from './pyno-datepicker.type';\r\nimport {PynoDateService} from 'pyno-date';\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class PynoDatepickerService {\r\n  private firstDayOfWeek: PynoDatepickerDayOfWeek = 'sunday';\r\n  date = inject(PynoDateService);\r\n  gWeekDays: Record<PynoDatepickerDayOfWeek, string> = {\r\n    sunday: 'Su',\r\n    monday: 'Mo',\r\n    tuesday: 'Te',\r\n    wednesday: 'We',\r\n    thursday: 'Th',\r\n    friday: 'Fr',\r\n    saturday: 'Sa',\r\n  };\r\n  jWeekDays: Record<PynoDatepickerDayOfWeek, string> = {\r\n    sunday: 'ی',\r\n    monday: 'د',\r\n    tuesday: 'س',\r\n    wednesday: 'چ',\r\n    thursday: 'پ',\r\n    friday: 'ج',\r\n    saturday: 'ش',\r\n  };\r\n  gMonths: Record<number, string> = {\r\n    1: 'January',\r\n    2: 'February',\r\n    3: 'March',\r\n    4: 'April',\r\n    5: 'May',\r\n    6: 'June',\r\n    7: 'July',\r\n    8: 'August',\r\n    9: 'September',\r\n    10: 'October',\r\n    11: 'November',\r\n    12: 'December',\r\n  };\r\n  jMonths: Record<number, string> = {\r\n    1: 'فروردین',\r\n    2: 'اردیبهشت',\r\n    3: 'خرداد',\r\n    4: 'تیر',\r\n    5: 'مرداد',\r\n    6: 'شهریور',\r\n    7: 'مهر',\r\n    8: 'آبان',\r\n    9: 'آذر',\r\n    10: 'دی',\r\n    11: 'بهمن',\r\n    12: 'اسفند',\r\n  };\r\n  setFirstDayOfWeek(day: PynoDatepickerDayOfWeek) {\r\n    this.firstDayOfWeek = day;\r\n  }\r\n  calcWeekdays(cal: 'gregorian' | 'jalali') {\r\n    const days: PynoDatepickerDayOfWeek[] = Object.keys(\r\n      (cal === 'gregorian' ? this.gWeekDays: this.jWeekDays),\r\n    ) as PynoDatepickerDayOfWeek[];\r\n    while (days[0] !== this.firstDayOfWeek) {\r\n      const first = days.shift()!;\r\n      days.push(first);\r\n    }\r\n    return days;\r\n  }\r\n  getWeekdayName(item: PynoDatepickerDayOfWeek, cal: 'gregorian' | 'jalali') {\r\n    if(cal === 'gregorian')\r\n      return this.gWeekDays[item];\r\n    return this.jWeekDays[item];\r\n  }\r\n  calcDays(\r\n    date: PynoDatepickerDateObject,\r\n    cal: 'gregorian' | 'jalali',\r\n    weekdays: PynoDatepickerDayOfWeek[],\r\n  ) {\r\n    let firstDateTime = 0;\r\n    if (cal === 'gregorian') {\r\n      const firstDate = date.gYear + '-' + date.gMonth + '-01';\r\n      firstDateTime = this.date.strToTime(firstDate)!;\r\n    } else {\r\n      const fdo = this.date.jalaliToGregorian(+date.jYear, +date.jMonth, 1);\r\n      firstDateTime = this.date.strToTime(fdo.gYear + '-' + fdo.gMonth + '-' + fdo.gDay)!;\r\n    }\r\n    const firstDateWeekday = this.date.gDate('l', firstDateTime).toLowerCase();\r\n    const numberOfPreDays = weekdays.findIndex((q: string) => q === firstDateWeekday);\r\n    const startingTime = firstDateTime - numberOfPreDays * 86400;\r\n    const output: PynoDatepickerDateObject[] = [];\r\n    for (let i = 0; i < 42; i++) {\r\n      const time = startingTime + i * 86400;\r\n      output.push(this.getDateObject(time));\r\n    }\r\n    return output;\r\n  }\r\n  getDateObject(timestamp: number): PynoDatepickerDateObject {\r\n    const g = this.date.gDate('Y_n_j_l', timestamp).split('_');\r\n    const j = this.date.jDate('Y_n_j', timestamp).split('_');\r\n    return {\r\n      gYear: g[0],\r\n      gMonth: g[1],\r\n      gDay: g[2],\r\n      gDate: this.date.gDate('Y-m-d', timestamp),\r\n      jYear: j[0],\r\n      jMonth: j[1],\r\n      jDay: j[2],\r\n      jDate: this.date.jDate('Y/m/d', timestamp),\r\n      timestamp: timestamp,\r\n      weekday: g[3].toLowerCase(),\r\n    };\r\n  }\r\n  setWeekdayName(calendar: 'jalali' | 'gregorian', weekday: PynoDatepickerDayOfWeek, name: string){\r\n    if(calendar === 'gregorian'){\r\n      this.gWeekDays[weekday] = name;\r\n    } else {\r\n      this.jWeekDays[weekday] = name;\r\n    }\r\n  }\r\n  setMonthName(calendar: 'jalali' | 'gregorain', month: number, name: string){\r\n    if(calendar === 'gregorain'){\r\n      if(month in this.gMonths){\r\n        this.gMonths[month] = name;\r\n      }\r\n    } else {\r\n      if (month in this.jMonths) {\r\n        this.jMonths[month] = name;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  AfterViewInit,\r\n  Component,\r\n  computed,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  WritableSignal,\r\n} from '@angular/core';\r\nimport {PynoDateService} from 'pyno-date';\r\nimport {PynoDatepickerService} from './pyno-datepicker.service';\r\nimport {PynoDatepickerDateObject, PynoDatepickerDayOfWeek} from './pyno-datepicker.type';\r\n\r\n@Component({\r\n  imports: [],\r\n  selector: 'pyno-datepicker',\r\n  styles: ``,\r\n  templateUrl: './pyno-datepicker.html',\r\n  styleUrl: './pyno-datepicker.css',\r\n})\r\nexport class PynoDatepicker implements AfterViewInit {\r\n  triggerFor = input<HTMLElement>();\r\n  inline = input<boolean>(false);\r\n  initValue = input<string | null | undefined>();\r\n  secondCalendar = input<boolean>(false);\r\n  today!: WritableSignal<PynoDatepickerDateObject>;\r\n  selectedDate = signal<PynoDatepickerDateObject | null>(null);\r\n  selectedMonth = signal('01');\r\n  selectedYear = signal('0001');\r\n  isOpen = signal(false);\r\n  calendar = input<'gregorian' | 'jalali'>('gregorian');\r\n  format = input('Y-m-d H:i:s');\r\n  weekdays = signal<PynoDatepickerDayOfWeek[]>([]);\r\n  monthDays = signal<PynoDatepickerDateObject[]>([]);\r\n  outputAs = input<'object' | 'string'>('object');\r\n  onInit = output<PynoDatepickerDateObject | string | null>();\r\n  onSelect = output<PynoDatepickerDateObject | string>();\r\n  todayBtnText = input<string>('Today');\r\n  mode = signal<'days' | 'months' | 'years'>('days');\r\n  yearPage = signal(0);\r\n  month = computed(() => {\r\n    const cal = this.calendar();\r\n    const month = this.selectedMonth();\r\n    if (cal === 'gregorian' && (+month) in this.datepickerService.gMonths) {\r\n      return this.datepickerService.gMonths[+month];\r\n    }\r\n    if ((+month) in this.datepickerService.jMonths) return this.datepickerService.jMonths[+month];\r\n    return '';\r\n  });\r\n  isCurrentMonth = computed(() => {\r\n    const year = this.selectedYear();\r\n    const month = this.selectedMonth();\r\n    const cal = this.calendar();\r\n    console.log('sdsdsdsdsdsd');\r\n    if (cal === 'gregorian') {\r\n      const [cy, cm] = this.dateService.gDate('Y_m').split('_');\r\n      return +cm === +month && +cy === +year;\r\n    } else {\r\n      const [cy, cm] = this.dateService.jDate('Y_m').split('_');\r\n      return +cm === +month && +cy === +year;\r\n    }\r\n  });\r\n  datepickerService = inject(PynoDatepickerService);\r\n  dateService = inject(PynoDateService);\r\n  disableToday = input<boolean>(false);\r\n  ngOnInit() {\r\n    if (this.inline()) this.init();\r\n    this.onInit.emit(this.output());\r\n  }\r\n  init() {\r\n    this.handleInitValue();\r\n    this.weekdays.set(this.datepickerService.calcWeekdays(this.calendar()));\r\n    this.today = signal(\r\n      this.datepickerService.getDateObject(\r\n        this.dateService.strToTime(this.dateService.gDate('Y-m-d'))!,\r\n      ),\r\n    );\r\n    const fromObj = this.selectedDate() ?? this.today();\r\n    const cal = this.calendar();\r\n    this.selectedMonth.set(cal === 'gregorian' ? fromObj.gMonth : fromObj.jMonth);\r\n    this.selectedYear.set(cal === 'gregorian' ? fromObj.gYear : fromObj.jYear);\r\n    this.monthDays.set(this.datepickerService.calcDays(fromObj, this.calendar(), this.weekdays()));\r\n    console.log(this.monthDays());\r\n  }\r\n\r\n  private handleInitValue() {\r\n    const initVal = this.initValue();\r\n    const cal = this.calendar();\r\n    if (initVal) {\r\n      const converted = this.dateService.convert(\r\n        initVal,\r\n        this.format(),\r\n        cal === 'jalali' ? 'Y-m-d' : 'Y/m/d',\r\n        cal,\r\n        'gregorian',\r\n      );\r\n      if (converted) {\r\n        this.selectedDate.set(\r\n          this.datepickerService.getDateObject(this.dateService.strToTime(converted)!),\r\n        );\r\n      }\r\n    }\r\n  }\r\n  ngAfterViewInit() {\r\n    const tf = this.triggerFor();\r\n    if (!tf) return;\r\n    tf.addEventListener('click', () => this.open());\r\n  }\r\n  open() {\r\n    this.init();\r\n    this.isOpen.set(true);\r\n  }\r\n  close() {\r\n    this.isOpen.set(false);\r\n  }\r\n  onDate(item: PynoDatepickerDateObject) {\r\n    this.selectedDate.set(item);\r\n    this.onInit.emit(this.output());\r\n    if (!this.inline()) this.close();\r\n  }\r\n  changeMonth(month: number, year: number) {\r\n    if (month > 12) {\r\n      month = 1;\r\n      year++;\r\n    } else if (month < 1) {\r\n      month = 12;\r\n      year--;\r\n    }\r\n    this.selectedMonth.set(String(month).padStart(2, '0'));\r\n    this.selectedYear.set(String(year));\r\n    let from = '';\r\n    if (this.calendar() === 'gregorian') {\r\n      from = this.selectedYear() + '-' + this.selectedMonth() + '-' + '15';\r\n    } else {\r\n      const jFrom = this.dateService.jalaliToGregorian(\r\n        +this.selectedYear(),\r\n        +this.selectedMonth(),\r\n        15,\r\n      );\r\n      from = jFrom.gYear + '-' + jFrom.gMonth + '-' + jFrom.gDay;\r\n    }\r\n    const fromTime = this.dateService.strToTime(from)!;\r\n    const fromObj = this.datepickerService.getDateObject(fromTime);\r\n    this.monthDays.set(this.datepickerService.calcDays(fromObj, this.calendar(), this.weekdays()));\r\n  }\r\n\r\n  getSecondMonth(number: number) {\r\n    const cal = this.calendar();\r\n    let val = '';\r\n    if (cal === 'gregorian') {\r\n      val = this.datepickerService.jMonths[number];\r\n    } else {\r\n      val = this.datepickerService.gMonths[number];\r\n    }\r\n    return val.substring(0, 3);\r\n  }\r\n  output(): PynoDatepickerDateObject | string | null {\r\n    const dateObj = this.selectedDate();\r\n    if (!dateObj) return null;\r\n    if (this.outputAs() === 'object') return dateObj;\r\n    const format = this.format();\r\n    const cal = this.calendar();\r\n    if (cal === 'gregorian') return this.dateService.gDate(format, dateObj.timestamp);\r\n    return this.dateService.jDate(format, dateObj.timestamp);\r\n  }\r\n\r\n  protected goToCurrentMonth() {\r\n    const cal = this.calendar();\r\n    let [cy, cm] = ['', ''];\r\n    if (cal === 'gregorian') {\r\n      [cy, cm] = this.dateService.gDate('Y_m').split('_');\r\n    } else {\r\n      [cy, cm] = this.dateService.jDate('Y_m').split('_');\r\n    }\r\n    this.changeMonth(+cm, +cy);\r\n  }\r\n  getMonths() {\r\n    const cal = this.calendar();\r\n    const months =\r\n      cal === 'gregorian' ? this.datepickerService.gMonths : this.datepickerService.jMonths;\r\n    return Object.values(months).map((q: string, i: number) => {\r\n      return {\r\n        title: q,\r\n        val: i + 1,\r\n      };\r\n    });\r\n  }\r\n  years = computed(() => {\r\n    let offset = this.yearPage() * 25;\r\n    const year = +this.selectedYear() + offset;\r\n    const firstYear = Math.floor(year / 25) * 25;\r\n    return Array.from({length: 25}, (_, i) => firstYear + i);\r\n  });\r\n\r\n  protected selectYear(item: number) {\r\n    this.selectedYear.set(String(item).padStart(4, '0'));\r\n    this.mode.set('months');\r\n  }\r\n}\r\n","@if(isOpen() || inline()){\r\n  @let cal = calendar();\r\n  @if(!inline()){\r\n  <div class=\"pdp-overlay\" (click)=\"close()\"></div>\r\n  }\r\n  <div class=\"pyno-datepicker {{inline() ? 'pdp-inline' : ''}} {{cal === 'jalali' ? 'pdp-rtl' : ''}}\" animate.enter=\"pdp-fade-in\" animate.leave=\"pdp-fade-out\">\r\n    <div class=\"pdp-topbar\">\r\n      <div class=\"pdp-topbar-btn-wrapper\">\r\n        @if(mode() !== 'months'){\r\n          <div class=\"pdp-topbar-btn\" (click)=\"mode() === 'days' ? changeMonth(+selectedMonth() - 1, +this.selectedYear()) : yearPage.set(yearPage() - 1)\"></div>\r\n        }\r\n      </div>\r\n      <div class=\"pdp-month-year\">\r\n        <div class=\"pdp-month pdp-select\" (click)=\"mode.set('months')\">\r\n          {{month()}}\r\n        </div>\r\n        <div class=\"pdp-year pdp-select\" (click)=\"mode.set('years')\">\r\n          {{selectedYear()}}\r\n        </div>\r\n      </div>\r\n      <div class=\"pdp-topbar-btn-wrapper\">\r\n        @if(mode() !== 'months'){\r\n          <div class=\"pdp-topbar-btn pdp-topbar-btn-reverse\" (click)=\"mode() === 'days' ? changeMonth(+selectedMonth() + 1, +this.selectedYear()) : yearPage.set(yearPage() + 1)\"></div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if(mode() === 'days'){\r\n      <div class=\"pdp-weekdays\">\r\n        @for(item of weekdays(); track item){\r\n          <div class=\"pdp-weekday pdp-weekday-{{item}}\">\r\n            {{datepickerService.getWeekdayName(item, cal)}}\r\n          </div>\r\n        }\r\n      </div>\r\n      <div class=\"pdp-days\">\r\n        @for(item of monthDays(); track item.timestamp){\r\n          @if(($index < 40 && !this.isCurrentMonth()) || this.isCurrentMonth()){\r\n            <div class=\"pdp-day-wrapper\">\r\n              <div class=\"pdp-day pdp-{{item.weekday}} pdp-{{item.gDate}} pdp-{{item.jDate}}\"\r\n                   [class.pdp-today]=\"today().timestamp === item.timestamp\"\r\n                   [class.pdp-day-pre-month]=\"(cal === 'gregorian' && +item.gMonth < +selectedMonth()) || (cal === 'jalali' && +item.jMonth < +selectedMonth())\"\r\n                   [class.pdp-day-next-month]=\"(cal === 'gregorian' && +item.gMonth > +selectedMonth()) || (cal === 'jalali' && +item.jMonth > +selectedMonth())\"\r\n                   [class.pdp-day-selected]=\"item.timestamp === selectedDate()?.timestamp\"\r\n                   (click)=\"onDate(item)\"\r\n              >\r\n                <div class=\"pdp-day-main-value\">\r\n                  {{cal === 'gregorian' ? item.gDay : item.jDay}}\r\n                  @if(secondCalendar()){\r\n                    <div class=\"pdp-day-second-value\">\r\n                      @let secondVal = +(cal === 'gregorian' ? item.jDay : item.gDay);\r\n                      @if(secondVal === 1 || $index == 0 || $index == 41){\r\n                        {{getSecondMonth((cal === 'gregorian' ? +item.jMonth : +item.gMonth)) + ' ' + secondVal}}\r\n                      } @else {\r\n                        {{secondVal}}\r\n                      }\r\n                    </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          }\r\n        }\r\n        @if(!this.isCurrentMonth()){\r\n          <div class=\"pdp-today-btn-wrapper\" (click)=\"goToCurrentMonth()\">\r\n            <div class=\"pdp-today-btn\">\r\n              {{todayBtnText()}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else if(mode() === 'months'){\r\n      <div class=\"pdp-months\">\r\n        @let months = getMonths();\r\n        @for(item of months; track item.val){\r\n          <div class=\"pdp-month-wrapper\">\r\n            <div class=\"pdp-month-each\" [class.pdp-month-selected]=\"item.val === +selectedMonth()\" (click)=\"changeMonth(+item.val, +this.selectedYear()); mode.set('days')\">\r\n              {{item.title}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <div class=\"pdp-years\">\r\n        @for(item of years(); track item){\r\n          <div class=\"pdp-year-wrapper\">\r\n            <div class=\"pdp-year-each\" [class.pdp-year-selected]=\"item === +selectedYear()\" (click)=\"selectYear(item)\">\r\n              {{item}}\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n","/*\n * Public API Surface of pyno-datepicker\n */\n\nexport * from './lib/pyno-datepicker';\nexport * from './lib/pyno-datepicker.service'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "pyno-datepicker",
+  "version": "1.0.0",
+  "description": "A modern, standalone Angular datepicker with Persian and Gregorian calendar support.",
+  "keywords": [
+    "angular",
+    "datepicker",
+    "jalali",
+    "shamsi",
+    "persian-date",
+    "gregorian",
+    "calendar",
+    "date-picker"
+  ],
+  "author": "Amir Navidfar <amirhsnf@gmail.com> (https://github.com/amirhsnf)",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/amirhsnf/pyno-datepicker"
+  },
+  "bugs": {
+    "url": "https://github.com/your-username/pyno-datepicker/issues"
+  },
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "pyno-date": "^2.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/pyno-datepicker.mjs",
+  "typings": "types/pyno-datepicker.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/pyno-datepicker.d.ts",
+      "default": "./fesm2022/pyno-datepicker.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/pyno-datepicker.d.ts

@@ -0,0 +1,83 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, WritableSignal } from '@angular/core';
+import { PynoDateService } from 'pyno-date';
+
+type PynoDatepickerDayOfWeek = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
+type PynoDatepickerDateObject = {
+    gYear: string;
+    gMonth: string;
+    gDay: string;
+    gDate: string;
+    jYear: string;
+    jMonth: string;
+    jDay: string;
+    jDate: string;
+    timestamp: number;
+    weekday: string;
+};
+
+declare class PynoDatepickerService {
+    private firstDayOfWeek;
+    date: PynoDateService;
+    gWeekDays: Record<PynoDatepickerDayOfWeek, string>;
+    jWeekDays: Record<PynoDatepickerDayOfWeek, string>;
+    gMonths: Record<number, string>;
+    jMonths: Record<number, string>;
+    setFirstDayOfWeek(day: PynoDatepickerDayOfWeek): void;
+    calcWeekdays(cal: 'gregorian' | 'jalali'): PynoDatepickerDayOfWeek[];
+    getWeekdayName(item: PynoDatepickerDayOfWeek, cal: 'gregorian' | 'jalali'): string;
+    calcDays(date: PynoDatepickerDateObject, cal: 'gregorian' | 'jalali', weekdays: PynoDatepickerDayOfWeek[]): PynoDatepickerDateObject[];
+    getDateObject(timestamp: number): PynoDatepickerDateObject;
+    setWeekdayName(calendar: 'jalali' | 'gregorian', weekday: PynoDatepickerDayOfWeek, name: string): void;
+    setMonthName(calendar: 'jalali' | 'gregorain', month: number, name: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PynoDatepickerService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+
+declare class PynoDatepicker implements AfterViewInit {
+    triggerFor: _angular_core.InputSignal<HTMLElement | undefined>;
+    inline: _angular_core.InputSignal<boolean>;
+    initValue: _angular_core.InputSignal<string | null | undefined>;
+    secondCalendar: _angular_core.InputSignal<boolean>;
+    today: WritableSignal<PynoDatepickerDateObject>;
+    selectedDate: WritableSignal<PynoDatepickerDateObject | null>;
+    selectedMonth: WritableSignal<string>;
+    selectedYear: WritableSignal<string>;
+    isOpen: WritableSignal<boolean>;
+    calendar: _angular_core.InputSignal<"gregorian" | "jalali">;
+    format: _angular_core.InputSignal<string>;
+    weekdays: WritableSignal<PynoDatepickerDayOfWeek[]>;
+    monthDays: WritableSignal<PynoDatepickerDateObject[]>;
+    outputAs: _angular_core.InputSignal<"string" | "object">;
+    onInit: _angular_core.OutputEmitterRef<string | PynoDatepickerDateObject | null>;
+    onSelect: _angular_core.OutputEmitterRef<string | PynoDatepickerDateObject>;
+    todayBtnText: _angular_core.InputSignal<string>;
+    mode: WritableSignal<"days" | "months" | "years">;
+    yearPage: WritableSignal<number>;
+    month: _angular_core.Signal<string>;
+    isCurrentMonth: _angular_core.Signal<boolean>;
+    datepickerService: PynoDatepickerService;
+    dateService: PynoDateService;
+    disableToday: _angular_core.InputSignal<boolean>;
+    ngOnInit(): void;
+    init(): void;
+    private handleInitValue;
+    ngAfterViewInit(): void;
+    open(): void;
+    close(): void;
+    onDate(item: PynoDatepickerDateObject): void;
+    changeMonth(month: number, year: number): void;
+    getSecondMonth(number: number): string;
+    output(): PynoDatepickerDateObject | string | null;
+    protected goToCurrentMonth(): void;
+    getMonths(): {
+        title: string;
+        val: number;
+    }[];
+    years: _angular_core.Signal<number[]>;
+    protected selectYear(item: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PynoDatepicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PynoDatepicker, "pyno-datepicker", never, { "triggerFor": { "alias": "triggerFor"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "initValue": { "alias": "initValue"; "required": false; "isSignal": true; }; "secondCalendar": { "alias": "secondCalendar"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "outputAs": { "alias": "outputAs"; "required": false; "isSignal": true; }; "todayBtnText": { "alias": "todayBtnText"; "required": false; "isSignal": true; }; "disableToday": { "alias": "disableToday"; "required": false; "isSignal": true; }; }, { "onInit": "onInit"; "onSelect": "onSelect"; }, never, never, true, never>;
+}
+
+export { PynoDatepicker, PynoDatepickerService };