hijri-date-time-picker 1.0.0 → 1.0.2

package/dist/lib/hijri-date-picker.component.js

@@ -7,31 +7,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import HijriDate, { toHijri } from 'hijri-date/lib/safe';
-import { GREGORIAN_MONTHS_EN, GREGORIAN_MONTHS_AR, HIJRI_MONTHS_EN, HIJRI_MONTHS_AR, WEEKDAY_NAMES_EN, WEEKDAY_NAMES_AR } from './hijri-date-picker.types';
+import { Component, Input, Output, EventEmitter, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import HijriDate, { toHijri } from "hijri-date/lib/safe";
+import { GREGORIAN_MONTHS_EN, GREGORIAN_MONTHS_AR, HIJRI_MONTHS_EN, HIJRI_MONTHS_AR, WEEKDAY_NAMES_EN, WEEKDAY_NAMES_AR, } from "./hijri-date-picker.types";
 let HijriDatePickerComponent = class HijriDatePickerComponent {
     // Mode & Configuration
     canChangeMode = true;
-    mode = 'greg';
-    dir = 'ltr';
-    locale = 'en';
+    mode = "greg";
+    dir = "ltr";
+    locale = "en";
     // Validation
     futureValidation = true;
     futureYearsLimit = 10;
     isRequired = false;
+    minDate; // Minimum selectable date
+    maxDate; // Maximum selectable date
     // Selection
     multiple = false;
     showConfirmButton = false;
     initialSelectedDate; // For single selection mode - bind initial date
     initialSelectedDates; // For multiple selection mode - bind initial dates
     // Labels
-    submitTextButton = 'Submit';
-    todaysDateText = 'Today';
-    ummAlQuraDateText = 'Umm Al-Qura Calendar';
-    yearSelectLabel = 'Year';
-    monthSelectLabel = 'Month';
+    submitTextButton = "Submit";
+    todaysDateText = "Today";
+    ummAlQuraDateText = "Umm Al-Qura Calendar";
+    yearSelectLabel = "Year";
+    monthSelectLabel = "Month";
     // Display Options
     todaysDateSection = true;
     markToday = true;
@@ -42,7 +44,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
     styles = {};
     // Time Configuration
     enableTime = false;
-    timeFormat = '24';
+    timeFormat = "24";
     minuteStep = 1;
     enableSeconds = false;
     defaultTime;
@@ -61,12 +63,15 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
     months = [];
     weekdays = [];
     // Time state
-    selectedTime = {
-        hours: 0,
-        minutes: 0,
-        seconds: 0
-    };
-    isPM = false;
+    selectedTime = (() => {
+        const now = new Date();
+        return {
+            hours: now.getHours(),
+            minutes: now.getMinutes(),
+            seconds: now.getSeconds(),
+        };
+    })();
+    isPM = new Date().getHours() >= 12;
     ngOnInit() {
         this.initializeCalendar();
         this.initializeSelectedDates();
@@ -74,22 +79,50 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         this.updateLocaleData();
         this.generateYears();
         this.generateCalendar();
+        this.submitTextButton = this.locale === "ar" ? "تأكيد" : "Submit";
+        this.todaysDateText = this.locale === "ar" ? "اليوم" : "Today";
+        this.ummAlQuraDateText =
+            this.locale === "ar" ? "تقويم أم القرى" : "Umm Al-Qura Calendar";
+        this.yearSelectLabel = this.locale === "ar" ? "السنة" : "Year";
+        this.monthSelectLabel = this.locale === "ar" ? "الشهر" : "Month";
     }
     ngOnChanges(changes) {
-        if (changes['mode'] || changes['locale']) {
+        if (changes["mode"] || changes["locale"]) {
             this.updateLocaleData();
             this.generateCalendar();
         }
         // Handle changes to initial selected dates
-        if (changes['initialSelectedDate'] || changes['initialSelectedDates']) {
+        if (changes["initialSelectedDate"] || changes["initialSelectedDates"]) {
             this.initializeSelectedDates();
             this.generateCalendar();
         }
+        // Handle changes to minDate or maxDate
+        if (changes["minDate"] || changes["maxDate"]) {
+            this.generateYears();
+            this.generateCalendar();
+        }
     }
     initializeCalendar() {
-        const hijriToday = new HijriDate();
-        this.currentHijriYear = hijriToday.getFullYear();
-        this.currentHijriMonth = hijriToday.getMonth();
+        // If initialSelectedDate is provided, use it to set the calendar month
+        let targetDate;
+        if (!this.multiple && this.initialSelectedDate) {
+            targetDate = this.initialSelectedDate;
+        }
+        else if (this.multiple &&
+            this.initialSelectedDates &&
+            this.initialSelectedDates.length > 0) {
+            targetDate = this.initialSelectedDates[0];
+        }
+        else {
+            targetDate = new Date();
+        }
+        // Set Gregorian calendar to the target date's month
+        this.currentYear = targetDate.getFullYear();
+        this.currentMonth = targetDate.getMonth();
+        // Set Hijri calendar to the target date's month
+        const hijriDate = toHijri(targetDate);
+        this.currentHijriYear = hijriDate.getFullYear();
+        this.currentHijriMonth = hijriDate.getMonth();
     }
     initializeSelectedDates() {
         // Handle single selection mode
@@ -97,8 +130,10 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
             this.selectedDates = [this.createSelectedDate(this.initialSelectedDate)];
         }
         // Handle multiple selection mode
-        if (this.multiple && this.initialSelectedDates && this.initialSelectedDates.length > 0) {
-            this.selectedDates = this.initialSelectedDates.map(date => this.createSelectedDate(date));
+        if (this.multiple &&
+            this.initialSelectedDates &&
+            this.initialSelectedDates.length > 0) {
+            this.selectedDates = this.initialSelectedDates.map((date) => this.createSelectedDate(date));
         }
     }
     initializeTime() {
@@ -110,10 +145,10 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
             this.selectedTime = {
                 hours: this.defaultTime.hours,
                 minutes: this.defaultTime.minutes,
-                seconds: this.defaultTime.seconds || 0
+                seconds: this.defaultTime.seconds || 0,
             };
             // Set AM/PM for 12-hour format
-            if (this.timeFormat === '12') {
+            if (this.timeFormat === "12") {
                 this.isPM = this.selectedTime.hours >= 12;
             }
         }
@@ -123,26 +158,46 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
             this.selectedTime = {
                 hours: now.getHours(),
                 minutes: now.getMinutes(),
-                seconds: now.getSeconds()
+                seconds: now.getSeconds(),
             };
             this.isPM = this.selectedTime.hours >= 12;
         }
     }
     updateLocaleData() {
         // Update weekday names
-        this.weekdays = this.locale === 'ar' ? WEEKDAY_NAMES_AR : WEEKDAY_NAMES_EN;
+        this.weekdays = this.locale === "ar" ? WEEKDAY_NAMES_AR : WEEKDAY_NAMES_EN;
         // Update month names based on mode and locale
-        if (this.mode === 'hijri') {
-            this.months = this.locale === 'ar' ? HIJRI_MONTHS_AR : HIJRI_MONTHS_EN;
+        if (this.mode === "hijri") {
+            this.months = this.locale === "ar" ? HIJRI_MONTHS_AR : HIJRI_MONTHS_EN;
         }
         else {
-            this.months = this.locale === 'ar' ? GREGORIAN_MONTHS_AR : GREGORIAN_MONTHS_EN;
+            this.months =
+                this.locale === "ar" ? GREGORIAN_MONTHS_AR : GREGORIAN_MONTHS_EN;
         }
     }
     generateYears() {
-        const currentYear = this.mode === 'hijri' ? this.currentHijriYear : this.currentYear;
-        const startYear = currentYear - 100;
-        const endYear = currentYear + this.futureYearsLimit;
+        const currentYear = this.mode === "hijri" ? this.currentHijriYear : this.currentYear;
+        let startYear = currentYear - 100;
+        let endYear = currentYear + this.futureYearsLimit;
+        // Adjust year range based on minDate and maxDate
+        if (this.mode === "greg") {
+            if (this.minDate) {
+                startYear = Math.max(startYear, this.minDate.getFullYear());
+            }
+            if (this.maxDate) {
+                endYear = Math.min(endYear, this.maxDate.getFullYear());
+            }
+        }
+        else if (this.mode === "hijri") {
+            if (this.minDate) {
+                const minHijri = toHijri(this.minDate);
+                startYear = Math.max(startYear, minHijri.getFullYear());
+            }
+            if (this.maxDate) {
+                const maxHijri = toHijri(this.maxDate);
+                endYear = Math.min(endYear, maxHijri.getFullYear());
+            }
+        }
         this.years = [];
         for (let year = startYear; year <= endYear; year++) {
             this.years.push(year);
@@ -150,7 +205,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
     }
     generateCalendar() {
         this.calendarDays = [];
-        if (this.mode === 'hijri') {
+        if (this.mode === "hijri") {
             this.generateHijriCalendar();
         }
         else {
@@ -178,7 +233,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
                 isToday,
                 isDisabled,
                 isSelected,
-                disabled: false
+                disabled: false,
             });
         }
     }
@@ -206,7 +261,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
                 isToday,
                 isDisabled,
                 isSelected,
-                disabled: false
+                disabled: false,
             });
         }
     }
@@ -221,11 +276,28 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         }
     }
     isSameDay(date1, date2) {
-        return date1.getFullYear() === date2.getFullYear() &&
+        return (date1.getFullYear() === date2.getFullYear() &&
             date1.getMonth() === date2.getMonth() &&
-            date1.getDate() === date2.getDate();
+            date1.getDate() === date2.getDate());
     }
     isDateDisabled(date) {
+        // Check minDate constraint
+        if (this.minDate) {
+            const minDateOnly = new Date(this.minDate.getFullYear(), this.minDate.getMonth(), this.minDate.getDate());
+            const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+            if (dateOnly < minDateOnly) {
+                return true;
+            }
+        }
+        // Check maxDate constraint
+        if (this.maxDate) {
+            const maxDateOnly = new Date(this.maxDate.getFullYear(), this.maxDate.getMonth(), this.maxDate.getDate());
+            const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+            if (dateOnly > maxDateOnly) {
+                return true;
+            }
+        }
+        // Check futureValidation constraint
         if (this.futureValidation) {
             const maxDate = new Date();
             maxDate.setFullYear(maxDate.getFullYear() + this.futureYearsLimit);
@@ -234,7 +306,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         return false;
     }
     isDateSelected(date) {
-        return this.selectedDates.some(selected => this.isSameDay(selected.gregorian, date));
+        return this.selectedDates.some((selected) => this.isSameDay(selected.gregorian, date));
     }
     onDayClick(dayInfo) {
         if (dayInfo.disabled || dayInfo.isDisabled) {
@@ -242,12 +314,23 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         }
         const selectedDate = this.createSelectedDate(dayInfo.date);
         if (this.multiple) {
-            const index = this.selectedDates.findIndex(d => this.isSameDay(d.gregorian, dayInfo.date));
+            const index = this.selectedDates.findIndex((d) => this.isSameDay(d.gregorian, dayInfo.date));
             if (index > -1) {
+                // Remove the clicked date if already selected
                 this.selectedDates.splice(index, 1);
             }
             else {
-                this.selectedDates.push(selectedDate);
+                // If we already have 2 or more dates, clear and start new range
+                if (this.selectedDates.length >= 2) {
+                    this.selectedDates = [selectedDate];
+                }
+                else {
+                    this.selectedDates.push(selectedDate);
+                    // Auto-fill range if exactly 2 dates are selected
+                    if (this.selectedDates.length === 2) {
+                        this.fillDateRange();
+                    }
+                }
             }
             if (!this.showConfirmButton) {
                 this.dateSelected.emit([...this.selectedDates]);
@@ -261,12 +344,31 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         }
         this.generateCalendar();
     }
+    fillDateRange() {
+        if (this.selectedDates.length !== 2)
+            return;
+        // Sort the two dates
+        const dates = [...this.selectedDates].sort((a, b) => a.gregorian.getTime() - b.gregorian.getTime());
+        const startDate = dates[0].gregorian;
+        const endDate = dates[1].gregorian;
+        // Clear current selection
+        this.selectedDates = [];
+        // Fill all dates between start and end (inclusive)
+        const currentDate = new Date(startDate);
+        while (currentDate <= endDate) {
+            const dateToAdd = new Date(currentDate);
+            this.selectedDates.push(this.createSelectedDate(dateToAdd));
+            currentDate.setDate(currentDate.getDate() + 1);
+        }
+    }
     createSelectedDate(date) {
-        const hijriDate = toHijri(date);
+        // Create a new Date object to avoid mutating the original
+        const dateObj = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        const hijriDate = toHijri(dateObj);
         // If time is enabled, set the time on the date object
         if (this.enableTime) {
             let hours24 = this.selectedTime.hours;
-            if (this.timeFormat === '12') {
+            if (this.timeFormat === "12") {
                 if (this.isPM && this.selectedTime.hours !== 12) {
                     hours24 = this.selectedTime.hours + 12;
                 }
@@ -274,48 +376,54 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
                     hours24 = 0;
                 }
             }
-            date.setHours(hours24, this.selectedTime.minutes, this.selectedTime.seconds);
+            dateObj.setHours(hours24, this.selectedTime.minutes, this.selectedTime.seconds);
         }
         return {
-            gregorian: date,
+            gregorian: dateObj,
             hijri: {
                 year: hijriDate.getFullYear(),
                 month: hijriDate.getMonth(),
-                day: hijriDate.getDate()
+                day: hijriDate.getDate(),
             },
-            time: this.enableTime ? {
-                hours: date.getHours(),
-                minutes: date.getMinutes(),
-                seconds: date.getSeconds()
-            } : undefined,
+            time: this.enableTime
+                ? {
+                    hours: dateObj.getHours(),
+                    minutes: dateObj.getMinutes(),
+                    seconds: dateObj.getSeconds(),
+                }
+                : undefined,
             formatted: {
-                gregorian: this.formatGregorianDate(date),
+                gregorian: this.formatGregorianDate(dateObj),
                 hijri: this.formatHijriDate(hijriDate),
-                time: this.enableTime ? this.formatTime(date.getHours(), date.getMinutes(), date.getSeconds()) : undefined
-            }
+                time: this.enableTime
+                    ? this.formatTime(dateObj.getHours(), dateObj.getMinutes(), dateObj.getSeconds())
+                    : undefined,
+            },
         };
     }
     formatGregorianDate(date) {
         const day = date.getDate();
-        const month = this.locale === 'ar' ? GREGORIAN_MONTHS_AR[date.getMonth()] : GREGORIAN_MONTHS_EN[date.getMonth()];
+        const month = this.locale === "ar"
+            ? GREGORIAN_MONTHS_AR[date.getMonth()]
+            : GREGORIAN_MONTHS_EN[date.getMonth()];
         const year = date.getFullYear();
-        return this.locale === 'ar'
+        return this.locale === "ar"
             ? `${day} ${month} ${year}`
             : `${month} ${day}, ${year}`;
     }
     formatHijriDate(hijriDate) {
         const day = hijriDate.getDate();
-        const month = this.locale === 'ar'
+        const month = this.locale === "ar"
             ? HIJRI_MONTHS_AR[hijriDate.getMonth()]
             : HIJRI_MONTHS_EN[hijriDate.getMonth()];
         const year = hijriDate.getFullYear();
-        return this.locale === 'ar'
+        return this.locale === "ar"
             ? `${day} ${month} ${year} هـ`
             : `${day} ${month} ${year} AH`;
     }
     onYearChange(event) {
         const year = parseInt(event.target.value);
-        if (this.mode === 'hijri') {
+        if (this.mode === "hijri") {
             this.currentHijriYear = year;
         }
         else {
@@ -325,7 +433,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
     }
     onMonthChange(event) {
         const month = parseInt(event.target.value);
-        if (this.mode === 'hijri') {
+        if (this.mode === "hijri") {
             this.currentHijriMonth = month;
         }
         else {
@@ -334,7 +442,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         this.generateCalendar();
     }
     previousMonth() {
-        if (this.mode === 'hijri') {
+        if (this.mode === "hijri") {
             if (this.currentHijriMonth === 0) {
                 this.currentHijriMonth = 11;
                 this.currentHijriYear--;
@@ -355,7 +463,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         this.generateCalendar();
     }
     nextMonth() {
-        if (this.mode === 'hijri') {
+        if (this.mode === "hijri") {
             if (this.currentHijriMonth === 11) {
                 this.currentHijriMonth = 0;
                 this.currentHijriYear++;
@@ -379,7 +487,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         if (!this.canChangeMode) {
             return;
         }
-        this.mode = this.mode === 'greg' ? 'hijri' : 'greg';
+        this.mode = this.mode === "greg" ? "hijri" : "greg";
         this.updateLocaleData();
         this.generateYears();
         this.generateCalendar();
@@ -402,43 +510,54 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
     }
     // Time handling methods
     incrementTime(type) {
-        if (type === 'hours') {
-            const max = this.timeFormat === '12' ? 12 : 23;
-            this.selectedTime.hours = (this.selectedTime.hours + 1) > max ? (this.timeFormat === '12' ? 1 : 0) : this.selectedTime.hours + 1;
-        }
-        else if (type === 'minutes') {
-            this.selectedTime.minutes = (this.selectedTime.minutes + this.minuteStep) > 59 ? 0 : this.selectedTime.minutes + this.minuteStep;
-        }
-        else if (type === 'seconds') {
-            this.selectedTime.seconds = (this.selectedTime.seconds + 1) > 59 ? 0 : this.selectedTime.seconds + 1;
+        if (type === "hours") {
+            const max = this.timeFormat === "12" ? 12 : 23;
+            const min = this.timeFormat === "12" ? 1 : 0;
+            this.selectedTime.hours =
+                this.selectedTime.hours >= max ? min : this.selectedTime.hours + 1;
+        }
+        else if (type === "minutes") {
+            this.selectedTime.minutes =
+                this.selectedTime.minutes + this.minuteStep > 59
+                    ? 0
+                    : this.selectedTime.minutes + this.minuteStep;
+        }
+        else if (type === "seconds") {
+            this.selectedTime.seconds =
+                this.selectedTime.seconds + 1 > 59 ? 0 : this.selectedTime.seconds + 1;
         }
         this.updateSelectedDateTime();
     }
     decrementTime(type) {
-        if (type === 'hours') {
-            const min = this.timeFormat === '12' ? 1 : 0;
-            const max = this.timeFormat === '12' ? 12 : 23;
-            this.selectedTime.hours = (this.selectedTime.hours - 1) < min ? max : this.selectedTime.hours - 1;
-        }
-        else if (type === 'minutes') {
-            this.selectedTime.minutes = (this.selectedTime.minutes - this.minuteStep) < 0 ? 59 : this.selectedTime.minutes - this.minuteStep;
-        }
-        else if (type === 'seconds') {
-            this.selectedTime.seconds = (this.selectedTime.seconds - 1) < 0 ? 59 : this.selectedTime.seconds - 1;
+        if (type === "hours") {
+            const min = this.timeFormat === "12" ? 1 : 0;
+            const max = this.timeFormat === "12" ? 12 : 23;
+            this.selectedTime.hours =
+                this.selectedTime.hours - 1 < min ? max : this.selectedTime.hours - 1;
+        }
+        else if (type === "minutes") {
+            this.selectedTime.minutes =
+                this.selectedTime.minutes - this.minuteStep < 0
+                    ? 59
+                    : this.selectedTime.minutes - this.minuteStep;
+        }
+        else if (type === "seconds") {
+            this.selectedTime.seconds =
+                this.selectedTime.seconds - 1 < 0 ? 59 : this.selectedTime.seconds - 1;
         }
         this.updateSelectedDateTime();
     }
     onTimeChange(type, event) {
         const value = parseInt(event.target.value) || 0;
-        if (type === 'hours') {
-            const min = this.timeFormat === '12' ? 1 : 0;
-            const max = this.timeFormat === '12' ? 12 : 23;
+        if (type === "hours") {
+            const min = this.timeFormat === "12" ? 1 : 0;
+            const max = this.timeFormat === "12" ? 12 : 23;
             this.selectedTime.hours = Math.max(min, Math.min(max, value));
         }
-        else if (type === 'minutes') {
+        else if (type === "minutes") {
             this.selectedTime.minutes = Math.max(0, Math.min(59, value));
         }
-        else if (type === 'seconds') {
+        else if (type === "seconds") {
             this.selectedTime.seconds = Math.max(0, Math.min(59, value));
         }
         this.updateSelectedDateTime();
@@ -448,21 +567,21 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         this.updateSelectedDateTime();
     }
     formatTime(hours, minutes, seconds) {
-        if (this.timeFormat === '12') {
+        if (this.timeFormat === "12") {
             const displayHours = hours % 12 || 12;
-            const ampm = hours >= 12 ? 'PM' : 'AM';
-            const minutesStr = minutes.toString().padStart(2, '0');
+            const ampm = hours >= 12 ? "PM" : "AM";
+            const minutesStr = minutes.toString().padStart(2, "0");
             if (this.enableSeconds) {
-                const secondsStr = seconds.toString().padStart(2, '0');
+                const secondsStr = seconds.toString().padStart(2, "0");
                 return `${displayHours}:${minutesStr}:${secondsStr} ${ampm}`;
             }
             return `${displayHours}:${minutesStr} ${ampm}`;
         }
         else {
-            const hoursStr = hours.toString().padStart(2, '0');
-            const minutesStr = minutes.toString().padStart(2, '0');
+            const hoursStr = hours.toString().padStart(2, "0");
+            const minutesStr = minutes.toString().padStart(2, "0");
             if (this.enableSeconds) {
-                const secondsStr = seconds.toString().padStart(2, '0');
+                const secondsStr = seconds.toString().padStart(2, "0");
                 return `${hoursStr}:${minutesStr}:${secondsStr}`;
             }
             return `${hoursStr}:${minutesStr}`;
@@ -474,7 +593,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
         }
         // Convert 12-hour to 24-hour if needed
         let hours24 = this.selectedTime.hours;
-        if (this.timeFormat === '12') {
+        if (this.timeFormat === "12") {
             if (this.isPM && this.selectedTime.hours !== 12) {
                 hours24 = this.selectedTime.hours + 12;
             }
@@ -483,7 +602,7 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
             }
         }
         // Update all selected dates with new time
-        this.selectedDates = this.selectedDates.map(selectedDate => {
+        this.selectedDates = this.selectedDates.map((selectedDate) => {
             const newDate = new Date(selectedDate.gregorian);
             newDate.setHours(hours24, this.selectedTime.minutes, this.selectedTime.seconds);
             return {
@@ -492,30 +611,30 @@ let HijriDatePickerComponent = class HijriDatePickerComponent {
                 time: {
                     hours: hours24,
                     minutes: this.selectedTime.minutes,
-                    seconds: this.selectedTime.seconds
+                    seconds: this.selectedTime.seconds,
                 },
                 formatted: {
                     ...selectedDate.formatted,
-                    time: this.formatTime(hours24, this.selectedTime.minutes, this.selectedTime.seconds)
-                }
+                    time: this.formatTime(hours24, this.selectedTime.minutes, this.selectedTime.seconds),
+                },
             };
         });
     }
     getCustomStyles() {
         return {
-            '--primary-color': this.styles.primaryColor || '#4f46e5',
-            '--secondary-color': this.styles.secondaryColor || '#818cf8',
-            '--background-color': this.styles.backgroundColor || '#ffffff',
-            '--text-color': this.styles.textColor || '#1f2937',
-            '--selected-date-color': this.styles.selectedDateColor || '#ffffff',
-            '--selected-date-background': this.styles.selectedDateBackground || '#4f46e5',
-            '--today-color': this.styles.todayColor || '#10b981',
-            '--disabled-color': this.styles.disabledColor || '#d1d5db',
-            '--border-color': this.styles.borderColor || '#e5e7eb',
-            '--hover-color': this.styles.hoverColor || '#f3f4f6',
-            '--font-family': this.styles.fontFamily || 'system-ui, -apple-system, sans-serif',
-            '--font-size': this.styles.fontSize || '14px',
-            '--border-radius': this.styles.borderRadius || '8px'
+            "--primary-color": this.styles.primaryColor || "#4f46e5",
+            "--secondary-color": this.styles.secondaryColor || "#818cf8",
+            "--background-color": this.styles.backgroundColor || "#ffffff",
+            "--text-color": this.styles.textColor || "#1f2937",
+            "--selected-date-color": this.styles.selectedDateColor || "#ffffff",
+            "--selected-date-background": this.styles.selectedDateBackground || "#4f46e5",
+            "--today-color": this.styles.todayColor || "#10b981",
+            "--disabled-color": this.styles.disabledColor || "#d1d5db",
+            "--border-color": this.styles.borderColor || "#e5e7eb",
+            "--hover-color": this.styles.hoverColor || "#f3f4f6",
+            "--font-family": this.styles.fontFamily || "system-ui, -apple-system, sans-serif",
+            "--font-size": this.styles.fontSize || "14px",
+            "--border-radius": this.styles.borderRadius || "8px",
         };
     }
 };
@@ -547,6 +666,14 @@ __decorate([
     Input(),
     __metadata("design:type", Boolean)
 ], HijriDatePickerComponent.prototype, "isRequired", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Date)
+], HijriDatePickerComponent.prototype, "minDate", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Date)
+], HijriDatePickerComponent.prototype, "maxDate", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Boolean)
@@ -637,11 +764,11 @@ __decorate([
 ], HijriDatePickerComponent.prototype, "modeChanged", void 0);
 HijriDatePickerComponent = __decorate([
     Component({
-        selector: 'hijri-date-picker',
+        selector: "hijri-date-picker",
         standalone: true,
         imports: [CommonModule],
-        templateUrl: './hijri-date-picker.component.html',
-        styleUrls: ['./hijri-date-picker.component.css']
+        templateUrl: "./hijri-date-picker.component.html",
+        styleUrls: ["./hijri-date-picker.component.css"],
     })
 ], HijriDatePickerComponent);
 export { HijriDatePickerComponent };