ng-mo-date-picker 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +9 -0
  2. package/fesm2022/ng-mo-date-picker.mjs +9 -19
  3. package/fesm2022/ng-mo-date-picker.mjs.map +1 -1
  4. package/package.json +2 -2
  5. package/types/ng-mo-date-picker.d.ts +6 -4
  6. package/README.ar.md +0 -350
  7. package/ng-mo-date-picker-1.0.0.tgz +0 -0
package/README.md CHANGED
@@ -11,6 +11,7 @@
11
11
  [![npm version](https://badge.fury.io/js/ng-mo-date-picker.svg)](https://www.npmjs.com/package/ng-mo-date-picker)
12
12
  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
13
13
  [![Downloads](https://img.shields.io/npm/dm/ng-mo-date-picker.svg)](https://www.npmjs.com/package/ng-mo-date-picker)
14
+ [![Latest Release](https://img.shields.io/github/v/release/3Mowafy/ng-mo-date-picker?label=Latest&color=success)](https://github.com/3Mowafy/ng-mo-date-picker/releases)
14
15
 
15
16
  [Demo](https://3mowafy.github.io/ng-mo-date-picker/) • [Documentation](#-api-reference) • [Examples](#-usage-examples)
16
17
 
@@ -27,6 +28,8 @@
27
28
  - ✅ **TypeScript**: Fully typed with excellent IntelliSense support
28
29
  - ✅ **Rich Output**: Get both Gregorian and Hijri dates with full formatting
29
30
 
31
+
32
+
30
33
  ## 📦 Installation
31
34
  ```bash
32
35
  npm install ng-mo-date-picker
@@ -156,6 +159,7 @@ export class MyComponent {
156
159
  | `placeholder` | `string` | Auto (based on locale) | Custom placeholder text |
157
160
  | `name` | `string` | `undefined` | Input name attribute |
158
161
  | `id` | `string` | `undefined` | Input id attribute |
162
+ | `fluid` | `boolean` | `false` | Make datepicker full width |
159
163
 
160
164
  ### Outputs
161
165
 
@@ -267,6 +271,11 @@ onDateChange(output: DatePickerOutput | null) {
267
271
  - Safari (latest)
268
272
  - Edge (latest)
269
273
 
274
+
275
+ ## 📋 Changelog
276
+
277
+ See [CHANGELOG.md](./CHANGELOG.md) for a detailed release history.
278
+
270
279
  ## 🤝 Contributing
271
280
 
272
281
  Contributions are welcome! Please feel free to submit a Pull Request.
package/fesm2022/ng-mo-date-picker.mjs CHANGED
@@ -77,7 +77,7 @@ const TRANSLATIONS = {
77
77
  'July', 'August', 'September', 'October', 'November', 'December'],
78
78
  hijriMonths: ['Muharram', 'Safar', 'Rabi al-Awwal', 'Rabi al-Thani', 'Jumada al-Awwal',
79
79
  'Jumada al-Thani', 'Rajab', 'Shaban', 'Ramadan', 'Shawwal', 'Dhu al-Qadah', 'Dhu al-Hijjah'],
80
- days: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
80
+ days: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
81
81
  today: 'Today',
82
82
  clear: 'Clear',
83
83
  gregorian: 'Gregorian',
@@ -99,6 +99,7 @@ class NgMoDatePicker {
99
99
  placeholder = input(undefined, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
100
100
  name = input(undefined, ...(ngDevMode ? [{ debugName: "name" }] : []));
101
101
  id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : []));
102
+ fluid = input(false, ...(ngDevMode ? [{ debugName: "fluid" }] : []));
102
103
  // ==================== OUTPUTS ====================
103
104
  dateChange = output();
104
105
  calendarToggle = output();
@@ -142,6 +143,7 @@ class NgMoDatePicker {
142
143
  // CSS Classes Computed Signals
143
144
  wrapperCssClasses = computed(() => ({
144
145
  'mo-datepicker-wrapper': true,
146
+ 'mo-fluid': this.fluid(),
145
147
  'rtl': this.locale() === 'ar',
146
148
  'ltr': this.locale() === 'en'
147
149
  }), ...(ngDevMode ? [{ debugName: "wrapperCssClasses" }] : []));
@@ -229,13 +231,7 @@ class NgMoDatePicker {
229
231
  day: i + 1,
230
232
  isEmpty: false
231
233
  }));
232
- const totalUsedDays = emptyDays.length + monthDays.length;
233
- const remainingDays = Array.from({ length: 42 - totalUsedDays }, () => ({
234
- date: null,
235
- day: null,
236
- isEmpty: true
237
- }));
238
- this.days.set([...emptyDays, ...monthDays, ...remainingDays]);
234
+ this.days.set([...emptyDays, ...monthDays]);
239
235
  }
240
236
  generateHijriCalendar() {
241
237
  const year = this.currentHijriYear();
@@ -257,13 +253,7 @@ class NgMoDatePicker {
257
253
  isEmpty: false
258
254
  };
259
255
  });
260
- const totalUsedDays = emptyDays.length + monthDays.length;
261
- const remainingDays = Array.from({ length: 42 - totalUsedDays }, () => ({
262
- date: null,
263
- day: null,
264
- isEmpty: true
265
- }));
266
- this.days.set([...emptyDays, ...monthDays, ...remainingDays]);
256
+ this.days.set([...emptyDays, ...monthDays]);
267
257
  }
268
258
  // ==================== NAVIGATION ====================
269
259
  previousMonth() {
@@ -420,13 +410,13 @@ class NgMoDatePicker {
420
410
  return `${hijri.day} ${monthName} ${hijri.year} ${suffix}`;
421
411
  }
422
412
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgMoDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
423
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgMoDatePicker, isStandalone: true, selector: "ng-mo-date-picker", inputs: { calendarType: { classPropertyName: "calendarType", publicName: "calendarType", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, customIcon: { classPropertyName: "customIcon", publicName: "customIcon", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, calendarClass: { classPropertyName: "calendarClass", publicName: "calendarClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", calendarToggle: "calendarToggle" }, providers: [
413
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgMoDatePicker, isStandalone: true, selector: "ng-mo-date-picker", inputs: { calendarType: { classPropertyName: "calendarType", publicName: "calendarType", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, customIcon: { classPropertyName: "customIcon", publicName: "customIcon", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, calendarClass: { classPropertyName: "calendarClass", publicName: "calendarClass", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChange: "dateChange", calendarToggle: "calendarToggle" }, providers: [
424
414
  {
425
415
  provide: NG_VALUE_ACCESSOR,
426
416
  useExisting: forwardRef(() => NgMoDatePicker),
427
417
  multi: true
428
418
  }
429
- ], ngImport: i0, template: "<div [ngClass]=\"wrapperCssClasses()\" moClickOutside (clickOutside)=\"onClickOutside()\">\r\n <div class=\"mo-input-container\">\r\n <input type=\"text\" [value]=\"formattedDate()\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [readonly]=\"readonly()\" [placeholder]=\"placeholderText()\" [name]=\"name()\" [id]=\"id()\"\r\n [ngClass]=\"inputCssClasses()\" />\r\n\r\n @if (showIcon()) {\r\n <button type=\"button\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [ngClass]=\"iconBtnCssClasses()\">\r\n {{ customIcon() }}\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (isOpen()) {\r\n <div [ngClass]=\"calendarCssClasses()\">\r\n\r\n <div class=\"mo-toggle-container\">\r\n <button (click)=\"setCalendarType('gregorian')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'gregorian'\">\r\n {{ translations().gregorian }}\r\n </button>\r\n\r\n <button (click)=\"setCalendarType('hijri')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'hijri'\">\r\n {{ translations().hijri }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-nav\">\r\n <button (click)=\"previousMonth()\" class=\"mo-nav-btn\">\r\n \u2039\r\n </button>\r\n\r\n <span class=\"mo-month-year\">\r\n {{ monthName() }} {{ currentYearDisplay() }}\r\n </span>\r\n\r\n <button (click)=\"nextMonth()\" class=\"mo-nav-btn\">\r\n \u203A\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-days-header\">\r\n @for (day of daysShortNames(); track $index) {\r\n <div class=\"mo-day-name\">{{ day }}</div>\r\n }\r\n </div>\r\n\r\n <div class=\"mo-days-grid\">\r\n @for (day of days(); track $index) {\r\n @if (day.isEmpty) {\r\n <div class=\"mo-day empty\"></div>\r\n } @else {\r\n <button (click)=\"selectDate(day)\" class=\"mo-day\" [class.selected]=\"isSelected(day)\"\r\n [class.today]=\"isToday(day) && !isSelected(day)\">\r\n {{ day.day }}\r\n </button>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"mo-footer\">\r\n <button (click)=\"selectToday()\" class=\"mo-footer-btn\">\r\n {{ translations().today }}\r\n </button>\r\n\r\n <button (click)=\"clearDate()\" class=\"mo-footer-btn\">\r\n {{ translations().clear }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n }\r\n</div>", styles: [".mo-datepicker-wrapper{position:relative;display:inline-block;width:100%;max-width:320px;font-family:Arial,sans-serif}.mo-datepicker-wrapper.rtl{direction:rtl}.mo-datepicker-wrapper.ltr{direction:ltr}.mo-input-container{position:relative;display:flex;align-items:center}.mo-input{width:100%;cursor:pointer;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.mo-input:hover{border-color:#3b82f6}.mo-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mo-input.rtl{text-align:right;padding-left:2.5rem}.mo-input.ltr{text-align:left;padding-right:2.5rem}.mo-input:disabled{background:#f3f4f6;cursor:not-allowed}.mo-icon-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:color .2s;padding:.25rem}.mo-icon-btn:hover{color:#3b82f6}.mo-icon-btn.rtl{left:.5rem}.mo-icon-btn.ltr{right:.5rem}.mo-calendar{position:absolute;top:calc(100% + .5rem);z-index:1000;width:100%;max-width:320px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 25px #0000001a;padding:1rem}.mo-calendar.rtl{right:0}.mo-calendar.ltr{left:0}.mo-toggle-container{display:flex;gap:.5rem;margin-bottom:.75rem}.mo-toggle-btn{flex:1;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:#f3f4f6;color:#374151}.mo-toggle-btn.active{background:#3b82f6;color:#fff}.mo-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mo-nav-btn{background:none;border:none;cursor:pointer;padding:0 .5rem;font-size:1.5rem;color:#6b7280;transition:color .2s}.mo-nav-btn:hover{color:#3b82f6}.mo-month-year{font-size:.875rem;font-weight:600;color:#111827}.mo-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.mo-day-name{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;padding:.25rem}.mo-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mo-day{width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;border-radius:.25rem;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#374151}.mo-day:hover{background:#e0f2fe;color:#1e40af}.mo-day.selected{background:#1e40af;color:#fff;font-weight:600}.mo-day.today{background:#dbeafe;color:#2563eb;font-weight:600}.mo-day.empty{display:none}.mo-footer{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.mo-footer-btn{flex:1;padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.mo-footer-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}@media(max-width:480px){.mo-calendar{max-width:100%;padding:.75rem}.mo-day{font-size:.8rem}.mo-toggle-btn{font-size:.7rem}.mo-footer-btn{font-size:.8rem;padding:.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ClickOutside, selector: "[moClickOutside]", outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
419
+ ], ngImport: i0, template: "<div [ngClass]=\"wrapperCssClasses()\" moClickOutside (clickOutside)=\"onClickOutside()\">\r\n <div class=\"mo-input-container\">\r\n <input type=\"text\" [value]=\"formattedDate()\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [readonly]=\"readonly()\" [placeholder]=\"placeholderText()\" [name]=\"name()\" [id]=\"id()\"\r\n [ngClass]=\"inputCssClasses()\" />\r\n\r\n @if (showIcon()) {\r\n <button type=\"button\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [ngClass]=\"iconBtnCssClasses()\">\r\n {{ customIcon() }}\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (isOpen()) {\r\n <div [ngClass]=\"calendarCssClasses()\">\r\n\r\n <div class=\"mo-toggle-container\">\r\n <button type=\"button\" (click)=\"setCalendarType('gregorian')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'gregorian'\">\r\n {{ translations().gregorian }}\r\n </button>\r\n\r\n <button type=\"button\" (click)=\"setCalendarType('hijri')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'hijri'\">\r\n {{ translations().hijri }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-nav\">\r\n <button type=\"button\" (click)=\"previousMonth()\" class=\"mo-nav-btn\">\r\n \u2039\r\n </button>\r\n\r\n <span class=\"mo-month-year\">\r\n {{ monthName() }} {{ currentYearDisplay() }}\r\n </span>\r\n\r\n <button type=\"button\" (click)=\"nextMonth()\" class=\"mo-nav-btn\">\r\n \u203A\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-days-header\">\r\n @for (day of daysShortNames(); track $index) {\r\n <div class=\"mo-day-name\">{{ day }}</div>\r\n }\r\n </div>\r\n\r\n <div class=\"mo-days-grid\">\r\n @for (day of days(); track $index) {\r\n\r\n <button type=\"button\" (click)=\"selectDate(day)\" class=\"mo-day\" [class.selected]=\"isSelected(day)\"\r\n [class.today]=\"isToday(day) && !isSelected(day)\">\r\n {{ day.day }}\r\n </button>\r\n\r\n }\r\n </div>\r\n\r\n <div class=\"mo-footer\">\r\n <button type=\"button\" (click)=\"selectToday()\" class=\"mo-footer-btn\">\r\n {{ translations().today }}\r\n </button>\r\n\r\n <button type=\"button\" (click)=\"clearDate()\" class=\"mo-footer-btn\">\r\n {{ translations().clear }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n }\r\n</div>", styles: [".mo-datepicker-wrapper{position:relative;display:inline-block;width:100%;max-width:320px;font-family:Arial,sans-serif}.mo-datepicker-wrapper.rtl{direction:rtl}.mo-datepicker-wrapper.ltr{direction:ltr}.mo-input-container{position:relative;display:flex;align-items:center}.mo-input{width:100%;cursor:pointer;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.mo-input:hover{border-color:#3b82f6}.mo-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mo-input.rtl{text-align:right;padding-left:2.5rem}.mo-input.ltr{text-align:left;padding-right:2.5rem}.mo-input:disabled{background:#f3f4f6;cursor:not-allowed}.mo-icon-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:color .2s;padding:.25rem}.mo-icon-btn:hover{color:#3b82f6}.mo-icon-btn.rtl{left:.5rem}.mo-icon-btn.ltr{right:.5rem}.mo-calendar{position:absolute;top:calc(100% + .5rem);z-index:1000;width:100%;max-width:320px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 25px #0000001a;padding:1rem}.mo-calendar.rtl{right:0}.mo-calendar.ltr{left:0}.mo-toggle-container{display:flex;gap:.5rem;margin-bottom:.75rem}.mo-toggle-btn{flex:1;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:#f3f4f6;color:#374151}.mo-toggle-btn.active{background:#3b82f6;color:#fff}.mo-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mo-nav-btn{background:none;border:none;cursor:pointer;padding:0 .5rem;font-size:1.5rem;color:#6b7280;transition:color .2s}.mo-nav-btn:hover{color:#3b82f6}.mo-month-year{font-size:.875rem;font-weight:600;color:#111827}.mo-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.mo-day-name{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;padding:.25rem}.mo-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mo-day{width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;border-radius:.25rem;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#374151}.mo-day:hover{background:#e0f2fe;color:#1e40af}.mo-day.selected{background:#1e40af;color:#fff;font-weight:600}.mo-day.today{background:#dbeafe;color:#2563eb;font-weight:600}.mo-footer{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.mo-footer-btn{flex:1;padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.mo-footer-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.mo-datepicker-wrapper.mo-fluid{max-width:100%}@media(max-width:480px){.mo-calendar{max-width:100%;padding:.75rem}.mo-day{font-size:.8rem}.mo-toggle-btn{font-size:.7rem}.mo-footer-btn{font-size:.8rem;padding:.4rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ClickOutside, selector: "[moClickOutside]", outputs: ["clickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
430
420
  }
431
421
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgMoDatePicker, decorators: [{
432
422
  type: Component,
@@ -436,8 +426,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
436
426
  useExisting: forwardRef(() => NgMoDatePicker),
437
427
  multi: true
438
428
  }
439
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"wrapperCssClasses()\" moClickOutside (clickOutside)=\"onClickOutside()\">\r\n <div class=\"mo-input-container\">\r\n <input type=\"text\" [value]=\"formattedDate()\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [readonly]=\"readonly()\" [placeholder]=\"placeholderText()\" [name]=\"name()\" [id]=\"id()\"\r\n [ngClass]=\"inputCssClasses()\" />\r\n\r\n @if (showIcon()) {\r\n <button type=\"button\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [ngClass]=\"iconBtnCssClasses()\">\r\n {{ customIcon() }}\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (isOpen()) {\r\n <div [ngClass]=\"calendarCssClasses()\">\r\n\r\n <div class=\"mo-toggle-container\">\r\n <button (click)=\"setCalendarType('gregorian')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'gregorian'\">\r\n {{ translations().gregorian }}\r\n </button>\r\n\r\n <button (click)=\"setCalendarType('hijri')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'hijri'\">\r\n {{ translations().hijri }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-nav\">\r\n <button (click)=\"previousMonth()\" class=\"mo-nav-btn\">\r\n \u2039\r\n </button>\r\n\r\n <span class=\"mo-month-year\">\r\n {{ monthName() }} {{ currentYearDisplay() }}\r\n </span>\r\n\r\n <button (click)=\"nextMonth()\" class=\"mo-nav-btn\">\r\n \u203A\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-days-header\">\r\n @for (day of daysShortNames(); track $index) {\r\n <div class=\"mo-day-name\">{{ day }}</div>\r\n }\r\n </div>\r\n\r\n <div class=\"mo-days-grid\">\r\n @for (day of days(); track $index) {\r\n @if (day.isEmpty) {\r\n <div class=\"mo-day empty\"></div>\r\n } @else {\r\n <button (click)=\"selectDate(day)\" class=\"mo-day\" [class.selected]=\"isSelected(day)\"\r\n [class.today]=\"isToday(day) && !isSelected(day)\">\r\n {{ day.day }}\r\n </button>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"mo-footer\">\r\n <button (click)=\"selectToday()\" class=\"mo-footer-btn\">\r\n {{ translations().today }}\r\n </button>\r\n\r\n <button (click)=\"clearDate()\" class=\"mo-footer-btn\">\r\n {{ translations().clear }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n }\r\n</div>", styles: [".mo-datepicker-wrapper{position:relative;display:inline-block;width:100%;max-width:320px;font-family:Arial,sans-serif}.mo-datepicker-wrapper.rtl{direction:rtl}.mo-datepicker-wrapper.ltr{direction:ltr}.mo-input-container{position:relative;display:flex;align-items:center}.mo-input{width:100%;cursor:pointer;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.mo-input:hover{border-color:#3b82f6}.mo-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mo-input.rtl{text-align:right;padding-left:2.5rem}.mo-input.ltr{text-align:left;padding-right:2.5rem}.mo-input:disabled{background:#f3f4f6;cursor:not-allowed}.mo-icon-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:color .2s;padding:.25rem}.mo-icon-btn:hover{color:#3b82f6}.mo-icon-btn.rtl{left:.5rem}.mo-icon-btn.ltr{right:.5rem}.mo-calendar{position:absolute;top:calc(100% + .5rem);z-index:1000;width:100%;max-width:320px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 25px #0000001a;padding:1rem}.mo-calendar.rtl{right:0}.mo-calendar.ltr{left:0}.mo-toggle-container{display:flex;gap:.5rem;margin-bottom:.75rem}.mo-toggle-btn{flex:1;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:#f3f4f6;color:#374151}.mo-toggle-btn.active{background:#3b82f6;color:#fff}.mo-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mo-nav-btn{background:none;border:none;cursor:pointer;padding:0 .5rem;font-size:1.5rem;color:#6b7280;transition:color .2s}.mo-nav-btn:hover{color:#3b82f6}.mo-month-year{font-size:.875rem;font-weight:600;color:#111827}.mo-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.mo-day-name{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;padding:.25rem}.mo-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mo-day{width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;border-radius:.25rem;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#374151}.mo-day:hover{background:#e0f2fe;color:#1e40af}.mo-day.selected{background:#1e40af;color:#fff;font-weight:600}.mo-day.today{background:#dbeafe;color:#2563eb;font-weight:600}.mo-day.empty{display:none}.mo-footer{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.mo-footer-btn{flex:1;padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.mo-footer-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}@media(max-width:480px){.mo-calendar{max-width:100%;padding:.75rem}.mo-day{font-size:.8rem}.mo-toggle-btn{font-size:.7rem}.mo-footer-btn{font-size:.8rem;padding:.4rem}}\n"] }]
440
- }], ctorParameters: () => [], propDecorators: { calendarType: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarType", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], customIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "customIcon", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], calendarClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], dateChange: [{ type: i0.Output, args: ["dateChange"] }], calendarToggle: [{ type: i0.Output, args: ["calendarToggle"] }] } });
429
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"wrapperCssClasses()\" moClickOutside (clickOutside)=\"onClickOutside()\">\r\n <div class=\"mo-input-container\">\r\n <input type=\"text\" [value]=\"formattedDate()\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [readonly]=\"readonly()\" [placeholder]=\"placeholderText()\" [name]=\"name()\" [id]=\"id()\"\r\n [ngClass]=\"inputCssClasses()\" />\r\n\r\n @if (showIcon()) {\r\n <button type=\"button\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [ngClass]=\"iconBtnCssClasses()\">\r\n {{ customIcon() }}\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (isOpen()) {\r\n <div [ngClass]=\"calendarCssClasses()\">\r\n\r\n <div class=\"mo-toggle-container\">\r\n <button type=\"button\" (click)=\"setCalendarType('gregorian')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'gregorian'\">\r\n {{ translations().gregorian }}\r\n </button>\r\n\r\n <button type=\"button\" (click)=\"setCalendarType('hijri')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'hijri'\">\r\n {{ translations().hijri }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-nav\">\r\n <button type=\"button\" (click)=\"previousMonth()\" class=\"mo-nav-btn\">\r\n \u2039\r\n </button>\r\n\r\n <span class=\"mo-month-year\">\r\n {{ monthName() }} {{ currentYearDisplay() }}\r\n </span>\r\n\r\n <button type=\"button\" (click)=\"nextMonth()\" class=\"mo-nav-btn\">\r\n \u203A\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-days-header\">\r\n @for (day of daysShortNames(); track $index) {\r\n <div class=\"mo-day-name\">{{ day }}</div>\r\n }\r\n </div>\r\n\r\n <div class=\"mo-days-grid\">\r\n @for (day of days(); track $index) {\r\n\r\n <button type=\"button\" (click)=\"selectDate(day)\" class=\"mo-day\" [class.selected]=\"isSelected(day)\"\r\n [class.today]=\"isToday(day) && !isSelected(day)\">\r\n {{ day.day }}\r\n </button>\r\n\r\n }\r\n </div>\r\n\r\n <div class=\"mo-footer\">\r\n <button type=\"button\" (click)=\"selectToday()\" class=\"mo-footer-btn\">\r\n {{ translations().today }}\r\n </button>\r\n\r\n <button type=\"button\" (click)=\"clearDate()\" class=\"mo-footer-btn\">\r\n {{ translations().clear }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n }\r\n</div>", styles: [".mo-datepicker-wrapper{position:relative;display:inline-block;width:100%;max-width:320px;font-family:Arial,sans-serif}.mo-datepicker-wrapper.rtl{direction:rtl}.mo-datepicker-wrapper.ltr{direction:ltr}.mo-input-container{position:relative;display:flex;align-items:center}.mo-input{width:100%;cursor:pointer;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.mo-input:hover{border-color:#3b82f6}.mo-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mo-input.rtl{text-align:right;padding-left:2.5rem}.mo-input.ltr{text-align:left;padding-right:2.5rem}.mo-input:disabled{background:#f3f4f6;cursor:not-allowed}.mo-icon-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.25rem;color:#6b7280;transition:color .2s;padding:.25rem}.mo-icon-btn:hover{color:#3b82f6}.mo-icon-btn.rtl{left:.5rem}.mo-icon-btn.ltr{right:.5rem}.mo-calendar{position:absolute;top:calc(100% + .5rem);z-index:1000;width:100%;max-width:320px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 25px #0000001a;padding:1rem}.mo-calendar.rtl{right:0}.mo-calendar.ltr{left:0}.mo-toggle-container{display:flex;gap:.5rem;margin-bottom:.75rem}.mo-toggle-btn{flex:1;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:#f3f4f6;color:#374151}.mo-toggle-btn.active{background:#3b82f6;color:#fff}.mo-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mo-nav-btn{background:none;border:none;cursor:pointer;padding:0 .5rem;font-size:1.5rem;color:#6b7280;transition:color .2s}.mo-nav-btn:hover{color:#3b82f6}.mo-month-year{font-size:.875rem;font-weight:600;color:#111827}.mo-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.mo-day-name{text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;padding:.25rem}.mo-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.mo-day{width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;border-radius:.25rem;font-size:.875rem;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#374151}.mo-day:hover{background:#e0f2fe;color:#1e40af}.mo-day.selected{background:#1e40af;color:#fff;font-weight:600}.mo-day.today{background:#dbeafe;color:#2563eb;font-weight:600}.mo-footer{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.mo-footer-btn{flex:1;padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:#374151}.mo-footer-btn:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.mo-datepicker-wrapper.mo-fluid{max-width:100%}@media(max-width:480px){.mo-calendar{max-width:100%;padding:.75rem}.mo-day{font-size:.8rem}.mo-toggle-btn{font-size:.7rem}.mo-footer-btn{font-size:.8rem;padding:.4rem}}\n"] }]
430
+ }], ctorParameters: () => [], propDecorators: { calendarType: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarType", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], customIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "customIcon", required: false }] }], inputClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputClass", required: false }] }], calendarClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "calendarClass", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], dateChange: [{ type: i0.Output, args: ["dateChange"] }], calendarToggle: [{ type: i0.Output, args: ["calendarToggle"] }] } });
441
431
 
442
432
  /*
443
433
  * Public API Surface of ng-mo-date-picker
package/fesm2022/ng-mo-date-picker.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ng-mo-date-picker.mjs","sources":["../../../projects/ng-mo-date-picker/src/lib/services/hijri-converter.service.ts","../../../projects/ng-mo-date-picker/src/lib/directives/click-outside.ts","../../../projects/ng-mo-date-picker/src/lib/constants/translations.ts","../../../projects/ng-mo-date-picker/src/lib/components/ng-mo-date-picker/ng-mo-date-picker.ts","../../../projects/ng-mo-date-picker/src/lib/components/ng-mo-date-picker/ng-mo-date-picker.html","../../../projects/ng-mo-date-picker/src/public-api.ts","../../../projects/ng-mo-date-picker/src/ng-mo-date-picker.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\r\nimport moment from 'moment-hijri';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class HijriConverterService {\r\n\r\n gregorianToHijri(date: Date) {\r\n const m = moment(date);\r\n\r\n return {\r\n year: m.iYear(),\r\n month: m.iMonth() + 1,\r\n day: m.iDate()\r\n };\r\n }\r\n\r\n hijriToGregorian(year: number, month: number, day: number): Date {\r\n const m = moment(`${year}/${month}/${day}`, 'iYYYY/iM/iD');\r\n return m.toDate();\r\n }\r\n\r\n\r\n getMonthName(month: number): string {\r\n const months = ['محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر',\r\n 'جمادى الأولى', 'جمادى الآخرة', 'رجب', 'شعبان',\r\n 'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'];\r\n return months[month - 1];\r\n }\r\n}","import { Directive, ElementRef, HostListener, inject, output } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[moClickOutside]',\r\n})\r\nexport class ClickOutside {\r\n\r\n clickOutside = output<void>();\r\n\r\n private elementRef = inject(ElementRef);\r\n\r\n\r\n @HostListener('document:click', ['$event'])\r\n onClick(event: MouseEvent) {\r\n const target = event.target as HTMLElement;\r\n if (!target) return;\r\n\r\n const clickedInside = this.elementRef.nativeElement.contains(target);\r\n if (!clickedInside) {\r\n this.clickOutside.emit();\r\n }\r\n }\r\n\r\n}\r\n","export const TRANSLATIONS = {\r\n ar: {\r\n gregorianMonths: ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو',\r\n 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'],\r\n hijriMonths: ['محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر', 'جمادى الأولى',\r\n 'جمادى الآخرة', 'رجب', 'شعبان', 'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'],\r\n days: ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'],\r\n today: 'اليوم',\r\n clear: 'مسح',\r\n gregorian: 'ميلادي',\r\n hijri: 'هجري',\r\n placeholder: 'اختر تاريخ'\r\n },\r\n en: {\r\n gregorianMonths: ['January', 'February', 'March', 'April', 'May', 'June',\r\n 'July', 'August', 'September', 'October', 'November', 'December'],\r\n hijriMonths: ['Muharram', 'Safar', 'Rabi al-Awwal', 'Rabi al-Thani', 'Jumada al-Awwal',\r\n 'Jumada al-Thani', 'Rajab', 'Shaban', 'Ramadan', 'Shawwal', 'Dhu al-Qadah', 'Dhu al-Hijjah'],\r\n days: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],\r\n today: 'Today',\r\n clear: 'Clear',\r\n gregorian: 'Gregorian',\r\n hijri: 'Hijri',\r\n placeholder: 'Select date'\r\n }\r\n} as const;\r\n\r\nexport type Locale = keyof typeof TRANSLATIONS;","import { ChangeDetectionStrategy, Component, computed, effect, forwardRef, inject, input, output, signal } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { HijriConverterService } from '../../services/hijri-converter.service';\r\nimport { ClickOutside } from '../../directives/click-outside';\r\nimport { DatePickerOutput } from '../../interfaces/idatepicker';\r\nimport { TRANSLATIONS } from '../../constants/translations';\r\n\r\n@Component({\r\n selector: 'ng-mo-date-picker',\r\n imports: [CommonModule, ClickOutside],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NgMoDatePicker),\r\n multi: true\r\n }\r\n ],\r\n templateUrl: './ng-mo-date-picker.html',\r\n styleUrls: ['./ng-mo-date-picker.css'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class NgMoDatePicker {\r\n\r\n // ==================== INPUTS ====================\r\n calendarType = input<'gregorian' | 'hijri'>('gregorian');\r\n locale = input<'ar' | 'en'>('ar');\r\n showIcon = input<boolean>(true);\r\n customIcon = input<string>('📅');\r\n inputClass = input<string>('');\r\n calendarClass = input<string>('');\r\n disabled = input<boolean>(false);\r\n readonly = input<boolean>(false);\r\n placeholder = input<string | undefined>(undefined);\r\n name = input<string | undefined>(undefined);\r\n id = input<string | undefined>(undefined);\r\n\r\n // ==================== OUTPUTS ====================\r\n dateChange = output<DatePickerOutput | null>();\r\n calendarToggle = output<boolean>();\r\n\r\n // ==================== SERVICES ====================\r\n private hijriService = inject(HijriConverterService);\r\n\r\n // ==================== STATE SIGNALS ====================\r\n internalCalendarType = signal<'gregorian' | 'hijri'>('gregorian');\r\n selectedDate = signal<Date | null>(null);\r\n isOpen = signal<boolean>(false);\r\n\r\n // Gregorian state\r\n currentMonth = signal<number>(new Date().getMonth());\r\n currentYear = signal<number>(new Date().getFullYear());\r\n\r\n // Hijri state\r\n currentHijriMonth = signal<number>(1);\r\n currentHijriYear = signal<number>(1446);\r\n\r\n // Calendar days\r\n days = signal<Array<{\r\n date: Date | null;\r\n day: number | null;\r\n isEmpty: boolean;\r\n }>>([]);\r\n\r\n // ==================== COMPUTED SIGNALS ====================\r\n translations = computed(() => TRANSLATIONS[this.locale()]);\r\n\r\n daysShortNames = computed(() => this.translations().days);\r\n\r\n monthName = computed(() => {\r\n if (this.internalCalendarType() === 'hijri') {\r\n return this.translations().hijriMonths[this.currentHijriMonth() - 1];\r\n }\r\n return this.translations().gregorianMonths[this.currentMonth()];\r\n });\r\n\r\n currentYearDisplay = computed(() =>\r\n this.internalCalendarType() === 'hijri'\r\n ? this.currentHijriYear()\r\n : this.currentYear()\r\n );\r\n\r\n formattedDate = computed(() => {\r\n if (!this.selectedDate()) return '';\r\n const date = this.selectedDate()!;\r\n if (this.internalCalendarType() === 'hijri') {\r\n const hijri = this.hijriService.gregorianToHijri(date);\r\n return `${hijri.day}/${hijri.month}/${hijri.year}`;\r\n }\r\n return this.formatGregorianDate(date);\r\n });\r\n\r\n placeholderText = computed(() =>\r\n this.placeholder() || this.translations().placeholder\r\n );\r\n\r\n // CSS Classes Computed Signals\r\n wrapperCssClasses = computed(() => ({\r\n 'mo-datepicker-wrapper': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en'\r\n }));\r\n\r\n inputCssClasses = computed(() => ({\r\n 'mo-input': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en',\r\n [this.inputClass()]: !!this.inputClass()\r\n }));\r\n\r\n iconBtnCssClasses = computed(() => ({\r\n 'mo-icon-btn': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en'\r\n }));\r\n\r\n calendarCssClasses = computed(() => ({\r\n 'mo-calendar': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en',\r\n [this.calendarClass()]: !!this.calendarClass()\r\n }));\r\n\r\n // Date Comparison Optimization\r\n private selectedDateTimestamp = computed(() => {\r\n const date = this.selectedDate();\r\n if (!date) return null;\r\n return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();\r\n });\r\n\r\n private readonly todayTimestamp = (() => {\r\n const today = new Date();\r\n return new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime();\r\n })();\r\n\r\n // ==================== FORMS INTEGRATION ====================\r\n private onChange: any = () => { };\r\n private onTouched: any = () => { };\r\n\r\n writeValue(value: Date | null): void {\r\n this.selectedDate.set(value);\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n // ==================== LIFECYCLE ====================\r\n constructor() {\r\n const today = new Date();\r\n const hijriToday = this.hijriService.gregorianToHijri(today);\r\n this.currentHijriYear.set(hijriToday.year);\r\n this.currentHijriMonth.set(hijriToday.month);\r\n\r\n effect(() => {\r\n this.internalCalendarType.set(this.calendarType());\r\n });\r\n\r\n effect(() => {\r\n this.currentMonth();\r\n this.currentYear();\r\n this.currentHijriMonth();\r\n this.currentHijriYear();\r\n this.internalCalendarType();\r\n this.generateCalendar();\r\n });\r\n }\r\n\r\n // ==================== CALENDAR GENERATION ====================\r\n generateCalendar() {\r\n if (this.internalCalendarType() === 'hijri') {\r\n this.generateHijriCalendar();\r\n } else {\r\n this.generateGregorianCalendar();\r\n }\r\n }\r\n\r\n private generateGregorianCalendar() {\r\n const year = this.currentYear();\r\n const month = this.currentMonth();\r\n const firstDayOfMonth = new Date(year, month, 1);\r\n const lastDayOfMonth = new Date(year, month + 1, 0);\r\n const startDayOfWeek = firstDayOfMonth.getDay();\r\n const daysInMonth = lastDayOfMonth.getDate();\r\n\r\n const emptyDays = Array.from(\r\n { length: startDayOfWeek },\r\n () => ({\r\n date: null,\r\n day: null,\r\n isEmpty: true\r\n })\r\n );\r\n\r\n const monthDays = Array.from(\r\n { length: daysInMonth },\r\n (_, i) => ({\r\n date: new Date(year, month, i + 1),\r\n day: i + 1,\r\n isEmpty: false\r\n })\r\n );\r\n\r\n const totalUsedDays = emptyDays.length + monthDays.length;\r\n const remainingDays = Array.from(\r\n { length: 42 - totalUsedDays },\r\n () => ({\r\n date: null,\r\n day: null,\r\n isEmpty: true\r\n })\r\n );\r\n\r\n this.days.set([...emptyDays, ...monthDays, ...remainingDays]);\r\n }\r\n\r\n private generateHijriCalendar() {\r\n const year = this.currentHijriYear();\r\n const month = this.currentHijriMonth();\r\n\r\n const firstDayGregorian = this.hijriService.hijriToGregorian(year, month, 1);\r\n const startDayOfWeek = firstDayGregorian.getDay();\r\n\r\n const monthLengths = [30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29];\r\n const daysInMonth = monthLengths[month - 1];\r\n\r\n const emptyDays = Array.from(\r\n { length: startDayOfWeek },\r\n () => ({\r\n date: null,\r\n day: null,\r\n isEmpty: true\r\n })\r\n );\r\n\r\n const monthDays = Array.from(\r\n { length: daysInMonth },\r\n (_, i) => {\r\n const gregorianDate = this.hijriService.hijriToGregorian(year, month, i + 1);\r\n return {\r\n date: gregorianDate,\r\n day: i + 1,\r\n isEmpty: false\r\n };\r\n }\r\n );\r\n\r\n const totalUsedDays = emptyDays.length + monthDays.length;\r\n const remainingDays = Array.from(\r\n { length: 42 - totalUsedDays },\r\n () => ({\r\n date: null,\r\n day: null,\r\n isEmpty: true\r\n })\r\n );\r\n\r\n this.days.set([...emptyDays, ...monthDays, ...remainingDays]);\r\n }\r\n\r\n // ==================== NAVIGATION ====================\r\n previousMonth() {\r\n if (this.internalCalendarType() === 'hijri') {\r\n if (this.currentHijriMonth() === 1) {\r\n this.currentHijriMonth.set(12);\r\n this.currentHijriYear.update(y => y - 1);\r\n } else {\r\n this.currentHijriMonth.update(m => m - 1);\r\n }\r\n } else {\r\n if (this.currentMonth() === 0) {\r\n this.currentMonth.set(11);\r\n this.currentYear.update(y => y - 1);\r\n } else {\r\n this.currentMonth.update(m => m - 1);\r\n }\r\n }\r\n }\r\n\r\n nextMonth() {\r\n if (this.internalCalendarType() === 'hijri') {\r\n if (this.currentHijriMonth() === 12) {\r\n this.currentHijriMonth.set(1);\r\n this.currentHijriYear.update(y => y + 1);\r\n } else {\r\n this.currentHijriMonth.update(m => m + 1);\r\n }\r\n } else {\r\n if (this.currentMonth() === 11) {\r\n this.currentMonth.set(0);\r\n this.currentYear.update(y => y + 1);\r\n } else {\r\n this.currentMonth.update(m => m + 1);\r\n }\r\n }\r\n }\r\n\r\n // ==================== DATE SELECTION ====================\r\n selectDate(day: { date: Date | null; day: number | null; isEmpty: boolean }) {\r\n if (day.isEmpty || !day.date) return;\r\n\r\n this.selectedDate.set(day.date);\r\n\r\n const hijri = this.hijriService.gregorianToHijri(day.date);\r\n\r\n const output: DatePickerOutput = {\r\n gregorianDate: day.date,\r\n gregorianFormatted: this.formatGregorianDate(day.date),\r\n hijriDate: {\r\n ...hijri,\r\n monthName: this.translations().hijriMonths[hijri.month - 1]\r\n },\r\n hijriFormatted: this.formatHijriDate(hijri),\r\n calendarType: this.internalCalendarType(),\r\n locale: this.locale()\r\n };\r\n\r\n this.onChange(day.date);\r\n this.onTouched();\r\n this.dateChange.emit(output);\r\n this.isOpen.set(false);\r\n }\r\n\r\n selectToday() {\r\n const today = new Date();\r\n this.selectedDate.set(today);\r\n this.currentMonth.set(today.getMonth());\r\n this.currentYear.set(today.getFullYear());\r\n\r\n const hijri = this.hijriService.gregorianToHijri(today);\r\n this.currentHijriYear.set(hijri.year);\r\n this.currentHijriMonth.set(hijri.month);\r\n\r\n const output: DatePickerOutput = {\r\n gregorianDate: today,\r\n gregorianFormatted: this.formatGregorianDate(today),\r\n hijriDate: {\r\n ...hijri,\r\n monthName: this.translations().hijriMonths[hijri.month - 1]\r\n },\r\n hijriFormatted: this.formatHijriDate(hijri),\r\n calendarType: this.internalCalendarType(),\r\n locale: this.locale()\r\n };\r\n\r\n this.onChange(today);\r\n this.onTouched();\r\n this.dateChange.emit(output);\r\n this.isOpen.set(false);\r\n }\r\n\r\n clearDate() {\r\n this.selectedDate.set(null);\r\n this.onChange(null);\r\n this.onTouched();\r\n this.dateChange.emit(null);\r\n this.isOpen.set(false);\r\n }\r\n\r\n // ==================== UI INTERACTIONS ====================\r\n toggleCalendar() {\r\n const wasOpen = this.isOpen();\r\n this.isOpen.update(val => !val);\r\n this.calendarToggle.emit(this.isOpen());\r\n\r\n if (!wasOpen && this.isOpen()) {\r\n const reference = this.selectedDate() || new Date();\r\n this.currentMonth.set(reference.getMonth());\r\n this.currentYear.set(reference.getFullYear());\r\n\r\n const hijri = this.hijriService.gregorianToHijri(reference);\r\n this.currentHijriYear.set(hijri.year);\r\n this.currentHijriMonth.set(hijri.month);\r\n }\r\n }\r\n\r\n setCalendarType(type: 'gregorian' | 'hijri') {\r\n this.internalCalendarType.set(type);\r\n const referenceDate = this.selectedDate() || new Date();\r\n\r\n if (type === 'hijri') {\r\n const hijri = this.hijriService.gregorianToHijri(referenceDate);\r\n this.currentHijriYear.set(hijri.year);\r\n this.currentHijriMonth.set(hijri.month);\r\n } else {\r\n this.currentMonth.set(referenceDate.getMonth());\r\n this.currentYear.set(referenceDate.getFullYear());\r\n }\r\n }\r\n\r\n onClickOutside() {\r\n if (this.isOpen()) {\r\n this.isOpen.set(false);\r\n }\r\n }\r\n\r\n // ==================== HELPERS ====================\r\n isSelected(day: { date: Date | null; day: number | null; isEmpty: boolean }): boolean {\r\n if (!day.date || day.isEmpty) return false;\r\n const timestamp = this.selectedDateTimestamp();\r\n if (!timestamp) return false;\r\n\r\n const dayTimestamp = new Date(\r\n day.date.getFullYear(),\r\n day.date.getMonth(),\r\n day.date.getDate()\r\n ).getTime();\r\n\r\n return dayTimestamp === timestamp;\r\n }\r\n\r\n isToday(day: { date: Date | null; day: number | null; isEmpty: boolean }): boolean {\r\n if (!day.date || day.isEmpty) return false;\r\n\r\n const dayTimestamp = new Date(\r\n day.date.getFullYear(),\r\n day.date.getMonth(),\r\n day.date.getDate()\r\n ).getTime();\r\n\r\n return dayTimestamp === this.todayTimestamp;\r\n }\r\n\r\n // ==================== FORMATTING ====================\r\n private formatGregorianDate(date: Date): string {\r\n const day = date.getDate().toString().padStart(2, '0');\r\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\r\n const year = date.getFullYear();\r\n return `${day}/${month}/${year}`;\r\n }\r\n\r\n private formatHijriDate(hijri: { year: number; month: number; day: number }): string {\r\n const monthName = this.translations().hijriMonths[hijri.month - 1];\r\n const suffix = this.locale() === 'ar' ? 'هـ' : 'AH';\r\n return `${hijri.day} ${monthName} ${hijri.year} ${suffix}`;\r\n }\r\n}","<div [ngClass]=\"wrapperCssClasses()\" moClickOutside (clickOutside)=\"onClickOutside()\">\r\n <div class=\"mo-input-container\">\r\n <input type=\"text\" [value]=\"formattedDate()\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [readonly]=\"readonly()\" [placeholder]=\"placeholderText()\" [name]=\"name()\" [id]=\"id()\"\r\n [ngClass]=\"inputCssClasses()\" />\r\n\r\n @if (showIcon()) {\r\n <button type=\"button\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [ngClass]=\"iconBtnCssClasses()\">\r\n {{ customIcon() }}\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (isOpen()) {\r\n <div [ngClass]=\"calendarCssClasses()\">\r\n\r\n <div class=\"mo-toggle-container\">\r\n <button (click)=\"setCalendarType('gregorian')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'gregorian'\">\r\n {{ translations().gregorian }}\r\n </button>\r\n\r\n <button (click)=\"setCalendarType('hijri')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'hijri'\">\r\n {{ translations().hijri }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-nav\">\r\n <button (click)=\"previousMonth()\" class=\"mo-nav-btn\">\r\n ‹\r\n </button>\r\n\r\n <span class=\"mo-month-year\">\r\n {{ monthName() }} {{ currentYearDisplay() }}\r\n </span>\r\n\r\n <button (click)=\"nextMonth()\" class=\"mo-nav-btn\">\r\n ›\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-days-header\">\r\n @for (day of daysShortNames(); track $index) {\r\n <div class=\"mo-day-name\">{{ day }}</div>\r\n }\r\n </div>\r\n\r\n <div class=\"mo-days-grid\">\r\n @for (day of days(); track $index) {\r\n @if (day.isEmpty) {\r\n <div class=\"mo-day empty\"></div>\r\n } @else {\r\n <button (click)=\"selectDate(day)\" class=\"mo-day\" [class.selected]=\"isSelected(day)\"\r\n [class.today]=\"isToday(day) && !isSelected(day)\">\r\n {{ day.day }}\r\n </button>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"mo-footer\">\r\n <button (click)=\"selectToday()\" class=\"mo-footer-btn\">\r\n {{ translations().today }}\r\n </button>\r\n\r\n <button (click)=\"clearDate()\" class=\"mo-footer-btn\">\r\n {{ translations().clear }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n }\r\n</div>","/*\r\n * Public API Surface of ng-mo-date-picker\r\n */\r\n\r\nexport * from './lib/services/hijri-converter.service';\r\nexport * from './lib/components/ng-mo-date-picker/ng-mo-date-picker';\r\nexport * from './lib/directives/click-outside';\r\nexport type { DatePickerOutput } from './lib/interfaces/idatepicker';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-mo-date-picker.mjs","sources":["../../../projects/ng-mo-date-picker/src/lib/services/hijri-converter.service.ts","../../../projects/ng-mo-date-picker/src/lib/directives/click-outside.ts","../../../projects/ng-mo-date-picker/src/lib/constants/translations.ts","../../../projects/ng-mo-date-picker/src/lib/components/ng-mo-date-picker/ng-mo-date-picker.ts","../../../projects/ng-mo-date-picker/src/lib/components/ng-mo-date-picker/ng-mo-date-picker.html","../../../projects/ng-mo-date-picker/src/public-api.ts","../../../projects/ng-mo-date-picker/src/ng-mo-date-picker.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\r\nimport moment from 'moment-hijri';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class HijriConverterService {\r\n\r\n gregorianToHijri(date: Date) {\r\n const m = moment(date);\r\n\r\n return {\r\n year: m.iYear(),\r\n month: m.iMonth() + 1,\r\n day: m.iDate()\r\n };\r\n }\r\n\r\n hijriToGregorian(year: number, month: number, day: number): Date {\r\n const m = moment(`${year}/${month}/${day}`, 'iYYYY/iM/iD');\r\n return m.toDate();\r\n }\r\n\r\n\r\n getMonthName(month: number): string {\r\n const months = ['محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر',\r\n 'جمادى الأولى', 'جمادى الآخرة', 'رجب', 'شعبان',\r\n 'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'];\r\n return months[month - 1];\r\n }\r\n}","import { Directive, ElementRef, HostListener, inject, output } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[moClickOutside]',\r\n})\r\nexport class ClickOutside {\r\n\r\n clickOutside = output<void>();\r\n\r\n private elementRef = inject(ElementRef);\r\n\r\n\r\n @HostListener('document:click', ['$event'])\r\n onClick(event: MouseEvent) {\r\n const target = event.target as HTMLElement;\r\n if (!target) return;\r\n\r\n const clickedInside = this.elementRef.nativeElement.contains(target);\r\n if (!clickedInside) {\r\n this.clickOutside.emit();\r\n }\r\n }\r\n\r\n}\r\n","export const TRANSLATIONS = {\r\n ar: {\r\n gregorianMonths: ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو',\r\n 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'],\r\n hijriMonths: ['محرم', 'صفر', 'ربيع الأول', 'ربيع الآخر', 'جمادى الأولى',\r\n 'جمادى الآخرة', 'رجب', 'شعبان', 'رمضان', 'شوال', 'ذو القعدة', 'ذو الحجة'],\r\n days: ['ح', 'ن', 'ث', 'ر', 'خ', 'ج', 'س'],\r\n today: 'اليوم',\r\n clear: 'مسح',\r\n gregorian: 'ميلادي',\r\n hijri: 'هجري',\r\n placeholder: 'اختر تاريخ'\r\n },\r\n en: {\r\n gregorianMonths: ['January', 'February', 'March', 'April', 'May', 'June',\r\n 'July', 'August', 'September', 'October', 'November', 'December'],\r\n hijriMonths: ['Muharram', 'Safar', 'Rabi al-Awwal', 'Rabi al-Thani', 'Jumada al-Awwal',\r\n 'Jumada al-Thani', 'Rajab', 'Shaban', 'Ramadan', 'Shawwal', 'Dhu al-Qadah', 'Dhu al-Hijjah'],\r\n days: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\r\n today: 'Today',\r\n clear: 'Clear',\r\n gregorian: 'Gregorian',\r\n hijri: 'Hijri',\r\n placeholder: 'Select date'\r\n }\r\n} as const;\r\n\r\nexport type Locale = keyof typeof TRANSLATIONS;","import { ChangeDetectionStrategy, Component, computed, effect, forwardRef, inject, input, output, signal } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\nimport { HijriConverterService } from '../../services/hijri-converter.service';\r\nimport { ClickOutside } from '../../directives/click-outside';\r\nimport { DatePickerOutput } from '../../interfaces/idatepicker';\r\nimport { TRANSLATIONS } from '../../constants/translations';\r\n\r\n@Component({\r\n selector: 'ng-mo-date-picker',\r\n imports: [CommonModule, ClickOutside],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => NgMoDatePicker),\r\n multi: true\r\n }\r\n ],\r\n templateUrl: './ng-mo-date-picker.html',\r\n styleUrls: ['./ng-mo-date-picker.css'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class NgMoDatePicker {\r\n\r\n // ==================== INPUTS ====================\r\n calendarType = input<'gregorian' | 'hijri'>('gregorian');\r\n locale = input<'ar' | 'en'>('ar');\r\n showIcon = input<boolean>(true);\r\n customIcon = input<string>('📅');\r\n inputClass = input<string>('');\r\n calendarClass = input<string>('');\r\n disabled = input<boolean>(false);\r\n readonly = input<boolean>(false);\r\n placeholder = input<string | undefined>(undefined);\r\n name = input<string | undefined>(undefined);\r\n id = input<string | undefined>(undefined);\r\n fluid = input<boolean>(false);\r\n\r\n // ==================== OUTPUTS ====================\r\n dateChange = output<DatePickerOutput | null>();\r\n calendarToggle = output<boolean>();\r\n\r\n // ==================== SERVICES ====================\r\n private hijriService = inject(HijriConverterService);\r\n\r\n // ==================== STATE SIGNALS ====================\r\n internalCalendarType = signal<'gregorian' | 'hijri'>('gregorian');\r\n selectedDate = signal<Date | null>(null);\r\n isOpen = signal<boolean>(false);\r\n\r\n // Gregorian state\r\n currentMonth = signal<number>(new Date().getMonth());\r\n currentYear = signal<number>(new Date().getFullYear());\r\n\r\n // Hijri state\r\n currentHijriMonth = signal<number>(1);\r\n currentHijriYear = signal<number>(1446);\r\n\r\n // Calendar days\r\n days = signal<Array<{\r\n date: Date | null;\r\n day: number | null;\r\n isEmpty: boolean;\r\n }>>([]);\r\n\r\n // ==================== COMPUTED SIGNALS ====================\r\n translations = computed(() => TRANSLATIONS[this.locale()]);\r\n\r\n daysShortNames = computed(() => this.translations().days);\r\n\r\n monthName = computed(() => {\r\n if (this.internalCalendarType() === 'hijri') {\r\n return this.translations().hijriMonths[this.currentHijriMonth() - 1];\r\n }\r\n return this.translations().gregorianMonths[this.currentMonth()];\r\n });\r\n\r\n currentYearDisplay = computed(() =>\r\n this.internalCalendarType() === 'hijri'\r\n ? this.currentHijriYear()\r\n : this.currentYear()\r\n );\r\n\r\n formattedDate = computed(() => {\r\n if (!this.selectedDate()) return '';\r\n const date = this.selectedDate()!;\r\n if (this.internalCalendarType() === 'hijri') {\r\n const hijri = this.hijriService.gregorianToHijri(date);\r\n return `${hijri.day}/${hijri.month}/${hijri.year}`;\r\n }\r\n return this.formatGregorianDate(date);\r\n });\r\n\r\n placeholderText = computed(() =>\r\n this.placeholder() || this.translations().placeholder\r\n );\r\n\r\n // CSS Classes Computed Signals\r\n wrapperCssClasses = computed(() => ({\r\n 'mo-datepicker-wrapper': true,\r\n 'mo-fluid': this.fluid(),\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en'\r\n }));\r\n\r\n inputCssClasses = computed(() => ({\r\n 'mo-input': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en',\r\n [this.inputClass()]: !!this.inputClass()\r\n }));\r\n\r\n iconBtnCssClasses = computed(() => ({\r\n 'mo-icon-btn': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en'\r\n }));\r\n\r\n calendarCssClasses = computed(() => ({\r\n 'mo-calendar': true,\r\n 'rtl': this.locale() === 'ar',\r\n 'ltr': this.locale() === 'en',\r\n [this.calendarClass()]: !!this.calendarClass()\r\n }));\r\n\r\n // Date Comparison Optimization\r\n private selectedDateTimestamp = computed(() => {\r\n const date = this.selectedDate();\r\n if (!date) return null;\r\n return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();\r\n });\r\n\r\n private readonly todayTimestamp = (() => {\r\n const today = new Date();\r\n return new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime();\r\n })();\r\n\r\n // ==================== FORMS INTEGRATION ====================\r\n private onChange: any = () => { };\r\n private onTouched: any = () => { };\r\n\r\n writeValue(value: Date | null): void {\r\n this.selectedDate.set(value);\r\n }\r\n\r\n registerOnChange(fn: any): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n // ==================== LIFECYCLE ====================\r\n constructor() {\r\n const today = new Date();\r\n const hijriToday = this.hijriService.gregorianToHijri(today);\r\n this.currentHijriYear.set(hijriToday.year);\r\n this.currentHijriMonth.set(hijriToday.month);\r\n\r\n effect(() => {\r\n this.internalCalendarType.set(this.calendarType());\r\n });\r\n\r\n effect(() => {\r\n this.currentMonth();\r\n this.currentYear();\r\n this.currentHijriMonth();\r\n this.currentHijriYear();\r\n this.internalCalendarType();\r\n this.generateCalendar();\r\n });\r\n }\r\n\r\n // ==================== CALENDAR GENERATION ====================\r\n generateCalendar() {\r\n if (this.internalCalendarType() === 'hijri') {\r\n this.generateHijriCalendar();\r\n } else {\r\n this.generateGregorianCalendar();\r\n }\r\n }\r\n\r\n private generateGregorianCalendar() {\r\n const year = this.currentYear();\r\n const month = this.currentMonth();\r\n const firstDayOfMonth = new Date(year, month, 1);\r\n const lastDayOfMonth = new Date(year, month + 1, 0);\r\n const startDayOfWeek = firstDayOfMonth.getDay();\r\n const daysInMonth = lastDayOfMonth.getDate();\r\n\r\n const emptyDays = Array.from(\r\n { length: startDayOfWeek },\r\n () => ({\r\n date: null,\r\n day: null,\r\n isEmpty: true\r\n })\r\n );\r\n\r\n const monthDays = Array.from(\r\n { length: daysInMonth },\r\n (_, i) => ({\r\n date: new Date(year, month, i + 1),\r\n day: i + 1,\r\n isEmpty: false\r\n })\r\n );\r\n\r\n\r\n\r\n this.days.set([...emptyDays, ...monthDays]);\r\n }\r\n\r\n private generateHijriCalendar() {\r\n const year = this.currentHijriYear();\r\n const month = this.currentHijriMonth();\r\n\r\n const firstDayGregorian = this.hijriService.hijriToGregorian(year, month, 1);\r\n const startDayOfWeek = firstDayGregorian.getDay();\r\n\r\n const monthLengths = [30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29];\r\n const daysInMonth = monthLengths[month - 1];\r\n\r\n const emptyDays = Array.from(\r\n { length: startDayOfWeek },\r\n () => ({\r\n date: null,\r\n day: null,\r\n isEmpty: true\r\n })\r\n );\r\n\r\n const monthDays = Array.from(\r\n { length: daysInMonth },\r\n (_, i) => {\r\n const gregorianDate = this.hijriService.hijriToGregorian(year, month, i + 1);\r\n return {\r\n date: gregorianDate,\r\n day: i + 1,\r\n isEmpty: false\r\n };\r\n }\r\n );\r\n\r\n\r\n\r\n this.days.set([...emptyDays, ...monthDays]);\r\n }\r\n\r\n // ==================== NAVIGATION ====================\r\n previousMonth() {\r\n if (this.internalCalendarType() === 'hijri') {\r\n if (this.currentHijriMonth() === 1) {\r\n this.currentHijriMonth.set(12);\r\n this.currentHijriYear.update(y => y - 1);\r\n } else {\r\n this.currentHijriMonth.update(m => m - 1);\r\n }\r\n } else {\r\n if (this.currentMonth() === 0) {\r\n this.currentMonth.set(11);\r\n this.currentYear.update(y => y - 1);\r\n } else {\r\n this.currentMonth.update(m => m - 1);\r\n }\r\n }\r\n }\r\n\r\n nextMonth() {\r\n if (this.internalCalendarType() === 'hijri') {\r\n if (this.currentHijriMonth() === 12) {\r\n this.currentHijriMonth.set(1);\r\n this.currentHijriYear.update(y => y + 1);\r\n } else {\r\n this.currentHijriMonth.update(m => m + 1);\r\n }\r\n } else {\r\n if (this.currentMonth() === 11) {\r\n this.currentMonth.set(0);\r\n this.currentYear.update(y => y + 1);\r\n } else {\r\n this.currentMonth.update(m => m + 1);\r\n }\r\n }\r\n }\r\n\r\n // ==================== DATE SELECTION ====================\r\n selectDate(day: { date: Date | null; day: number | null; isEmpty: boolean }) {\r\n if (day.isEmpty || !day.date) return;\r\n\r\n this.selectedDate.set(day.date);\r\n\r\n const hijri = this.hijriService.gregorianToHijri(day.date);\r\n\r\n const output: DatePickerOutput = {\r\n gregorianDate: day.date,\r\n gregorianFormatted: this.formatGregorianDate(day.date),\r\n hijriDate: {\r\n ...hijri,\r\n monthName: this.translations().hijriMonths[hijri.month - 1]\r\n },\r\n hijriFormatted: this.formatHijriDate(hijri),\r\n calendarType: this.internalCalendarType(),\r\n locale: this.locale()\r\n };\r\n\r\n this.onChange(day.date);\r\n this.onTouched();\r\n this.dateChange.emit(output);\r\n this.isOpen.set(false);\r\n }\r\n\r\n selectToday() {\r\n const today = new Date();\r\n this.selectedDate.set(today);\r\n this.currentMonth.set(today.getMonth());\r\n this.currentYear.set(today.getFullYear());\r\n\r\n const hijri = this.hijriService.gregorianToHijri(today);\r\n this.currentHijriYear.set(hijri.year);\r\n this.currentHijriMonth.set(hijri.month);\r\n\r\n const output: DatePickerOutput = {\r\n gregorianDate: today,\r\n gregorianFormatted: this.formatGregorianDate(today),\r\n hijriDate: {\r\n ...hijri,\r\n monthName: this.translations().hijriMonths[hijri.month - 1]\r\n },\r\n hijriFormatted: this.formatHijriDate(hijri),\r\n calendarType: this.internalCalendarType(),\r\n locale: this.locale()\r\n };\r\n\r\n this.onChange(today);\r\n this.onTouched();\r\n this.dateChange.emit(output);\r\n this.isOpen.set(false);\r\n }\r\n\r\n clearDate() {\r\n this.selectedDate.set(null);\r\n this.onChange(null);\r\n this.onTouched();\r\n this.dateChange.emit(null);\r\n this.isOpen.set(false);\r\n }\r\n\r\n // ==================== UI INTERACTIONS ====================\r\n toggleCalendar() {\r\n const wasOpen = this.isOpen();\r\n this.isOpen.update(val => !val);\r\n this.calendarToggle.emit(this.isOpen());\r\n\r\n if (!wasOpen && this.isOpen()) {\r\n const reference = this.selectedDate() || new Date();\r\n this.currentMonth.set(reference.getMonth());\r\n this.currentYear.set(reference.getFullYear());\r\n\r\n const hijri = this.hijriService.gregorianToHijri(reference);\r\n this.currentHijriYear.set(hijri.year);\r\n this.currentHijriMonth.set(hijri.month);\r\n }\r\n }\r\n\r\n setCalendarType(type: 'gregorian' | 'hijri') {\r\n this.internalCalendarType.set(type);\r\n const referenceDate = this.selectedDate() || new Date();\r\n\r\n if (type === 'hijri') {\r\n const hijri = this.hijriService.gregorianToHijri(referenceDate);\r\n this.currentHijriYear.set(hijri.year);\r\n this.currentHijriMonth.set(hijri.month);\r\n } else {\r\n this.currentMonth.set(referenceDate.getMonth());\r\n this.currentYear.set(referenceDate.getFullYear());\r\n }\r\n }\r\n\r\n onClickOutside() {\r\n if (this.isOpen()) {\r\n this.isOpen.set(false);\r\n }\r\n }\r\n\r\n // ==================== HELPERS ====================\r\n isSelected(day: { date: Date | null; day: number | null; isEmpty: boolean }): boolean {\r\n if (!day.date || day.isEmpty) return false;\r\n const timestamp = this.selectedDateTimestamp();\r\n if (!timestamp) return false;\r\n\r\n const dayTimestamp = new Date(\r\n day.date.getFullYear(),\r\n day.date.getMonth(),\r\n day.date.getDate()\r\n ).getTime();\r\n\r\n return dayTimestamp === timestamp;\r\n }\r\n\r\n isToday(day: { date: Date | null; day: number | null; isEmpty: boolean }): boolean {\r\n if (!day.date || day.isEmpty) return false;\r\n\r\n const dayTimestamp = new Date(\r\n day.date.getFullYear(),\r\n day.date.getMonth(),\r\n day.date.getDate()\r\n ).getTime();\r\n\r\n return dayTimestamp === this.todayTimestamp;\r\n }\r\n\r\n // ==================== FORMATTING ====================\r\n private formatGregorianDate(date: Date): string {\r\n const day = date.getDate().toString().padStart(2, '0');\r\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\r\n const year = date.getFullYear();\r\n return `${day}/${month}/${year}`;\r\n }\r\n\r\n private formatHijriDate(hijri: { year: number; month: number; day: number }): string {\r\n const monthName = this.translations().hijriMonths[hijri.month - 1];\r\n const suffix = this.locale() === 'ar' ? 'هـ' : 'AH';\r\n return `${hijri.day} ${monthName} ${hijri.year} ${suffix}`;\r\n }\r\n}","<div [ngClass]=\"wrapperCssClasses()\" moClickOutside (clickOutside)=\"onClickOutside()\">\r\n <div class=\"mo-input-container\">\r\n <input type=\"text\" [value]=\"formattedDate()\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [readonly]=\"readonly()\" [placeholder]=\"placeholderText()\" [name]=\"name()\" [id]=\"id()\"\r\n [ngClass]=\"inputCssClasses()\" />\r\n\r\n @if (showIcon()) {\r\n <button type=\"button\" (click)=\"!disabled() && toggleCalendar()\" [disabled]=\"disabled()\"\r\n [ngClass]=\"iconBtnCssClasses()\">\r\n {{ customIcon() }}\r\n </button>\r\n }\r\n </div>\r\n\r\n @if (isOpen()) {\r\n <div [ngClass]=\"calendarCssClasses()\">\r\n\r\n <div class=\"mo-toggle-container\">\r\n <button type=\"button\" (click)=\"setCalendarType('gregorian')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'gregorian'\">\r\n {{ translations().gregorian }}\r\n </button>\r\n\r\n <button type=\"button\" (click)=\"setCalendarType('hijri')\" class=\"mo-toggle-btn\"\r\n [class.active]=\"internalCalendarType() === 'hijri'\">\r\n {{ translations().hijri }}\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-nav\">\r\n <button type=\"button\" (click)=\"previousMonth()\" class=\"mo-nav-btn\">\r\n ‹\r\n </button>\r\n\r\n <span class=\"mo-month-year\">\r\n {{ monthName() }} {{ currentYearDisplay() }}\r\n </span>\r\n\r\n <button type=\"button\" (click)=\"nextMonth()\" class=\"mo-nav-btn\">\r\n ›\r\n </button>\r\n </div>\r\n\r\n <div class=\"mo-days-header\">\r\n @for (day of daysShortNames(); track $index) {\r\n <div class=\"mo-day-name\">{{ day }}</div>\r\n }\r\n </div>\r\n\r\n <div class=\"mo-days-grid\">\r\n @for (day of days(); track $index) {\r\n\r\n <button type=\"button\" (click)=\"selectDate(day)\" class=\"mo-day\" [class.selected]=\"isSelected(day)\"\r\n [class.today]=\"isToday(day) && !isSelected(day)\">\r\n {{ day.day }}\r\n </button>\r\n\r\n }\r\n </div>\r\n\r\n <div class=\"mo-footer\">\r\n <button type=\"button\" (click)=\"selectToday()\" class=\"mo-footer-btn\">\r\n {{ translations().today }}\r\n </button>\r\n\r\n <button type=\"button\" (click)=\"clearDate()\" class=\"mo-footer-btn\">\r\n {{ translations().clear }}\r\n </button>\r\n </div>\r\n\r\n </div>\r\n }\r\n</div>","/*\r\n * Public API Surface of ng-mo-date-picker\r\n */\r\n\r\nexport * from './lib/services/hijri-converter.service';\r\nexport * from './lib/components/ng-mo-date-picker/ng-mo-date-picker';\r\nexport * from './lib/directives/click-outside';\r\nexport type { DatePickerOutput } from './lib/interfaces/idatepicker';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ng-mo-date-picker",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Angular Hijri/Gregorian Date Picker with RTL/LTR support",
5
5
  "demo": "https://ng-mo-datepicker.netlify.app/",
6
6
  "repository": {
@@ -44,4 +44,4 @@
44
44
  }
45
45
  },
46
46
  "sideEffects": false
47
- }
47
+ }
package/types/ng-mo-date-picker.d.ts CHANGED
@@ -38,6 +38,7 @@ declare class NgMoDatePicker {
38
38
  placeholder: _angular_core.InputSignal<string | undefined>;
39
39
  name: _angular_core.InputSignal<string | undefined>;
40
40
  id: _angular_core.InputSignal<string | undefined>;
41
+ fluid: _angular_core.InputSignal<boolean>;
41
42
  dateChange: _angular_core.OutputEmitterRef<DatePickerOutput | null>;
42
43
  calendarToggle: _angular_core.OutputEmitterRef<boolean>;
43
44
  private hijriService;
@@ -65,20 +66,21 @@ declare class NgMoDatePicker {
65
66
  } | {
66
67
  readonly gregorianMonths: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
67
68
  readonly hijriMonths: readonly ["Muharram", "Safar", "Rabi al-Awwal", "Rabi al-Thani", "Jumada al-Awwal", "Jumada al-Thani", "Rajab", "Shaban", "Ramadan", "Shawwal", "Dhu al-Qadah", "Dhu al-Hijjah"];
68
- readonly days: readonly ["S", "M", "T", "W", "T", "F", "S"];
69
+ readonly days: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
69
70
  readonly today: "Today";
70
71
  readonly clear: "Clear";
71
72
  readonly gregorian: "Gregorian";
72
73
  readonly hijri: "Hijri";
73
74
  readonly placeholder: "Select date";
74
75
  }>;
75
- daysShortNames: _angular_core.Signal<readonly ["ح", "ن", "ث", "ر", "خ", "ج", "س"] | readonly ["S", "M", "T", "W", "T", "F", "S"]>;
76
- monthName: _angular_core.Signal<"محرم" | "صفر" | "ربيع الأول" | "ربيع الآخر" | "جمادى الأولى" | "جمادى الآخرة" | "رجب" | "شعبان" | "رمضان" | "شوال" | "ذو القعدة" | "ذو الحجة" | "يناير" | "فبراير" | "مارس" | "أبريل" | "مايو" | "يونيو" | "يوليو" | "أغسطس" | "سبتمبر" | "أكتوبر" | "نوفمبر" | "ديسمبر" | "January" | "February" | "March" | "April" | "May" | "June" | "July" | "August" | "September" | "October" | "November" | "December" | "Muharram" | "Safar" | "Rabi al-Awwal" | "Rabi al-Thani" | "Jumada al-Awwal" | "Jumada al-Thani" | "Rajab" | "Shaban" | "Ramadan" | "Shawwal" | "Dhu al-Qadah" | "Dhu al-Hijjah">;
76
+ daysShortNames: _angular_core.Signal<readonly ["ح", "ن", "ث", "ر", "خ", "ج", "س"] | readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]>;
77
+ monthName: _angular_core.Signal<"يناير" | "فبراير" | "مارس" | "أبريل" | "مايو" | "يونيو" | "يوليو" | "أغسطس" | "سبتمبر" | "أكتوبر" | "نوفمبر" | "ديسمبر" | "محرم" | "صفر" | "ربيع الأول" | "ربيع الآخر" | "جمادى الأولى" | "جمادى الآخرة" | "رجب" | "شعبان" | "رمضان" | "شوال" | "ذو القعدة" | "ذو الحجة" | "January" | "February" | "March" | "April" | "May" | "June" | "July" | "August" | "September" | "October" | "November" | "December" | "Muharram" | "Safar" | "Rabi al-Awwal" | "Rabi al-Thani" | "Jumada al-Awwal" | "Jumada al-Thani" | "Rajab" | "Shaban" | "Ramadan" | "Shawwal" | "Dhu al-Qadah" | "Dhu al-Hijjah">;
77
78
  currentYearDisplay: _angular_core.Signal<number>;
78
79
  formattedDate: _angular_core.Signal<string>;
79
80
  placeholderText: _angular_core.Signal<string>;
80
81
  wrapperCssClasses: _angular_core.Signal<{
81
82
  'mo-datepicker-wrapper': boolean;
83
+ 'mo-fluid': boolean;
82
84
  rtl: boolean;
83
85
  ltr: boolean;
84
86
  }>;
@@ -135,7 +137,7 @@ declare class NgMoDatePicker {
135
137
  private formatGregorianDate;
136
138
  private formatHijriDate;
137
139
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgMoDatePicker, never>;
138
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgMoDatePicker, "ng-mo-date-picker", never, { "calendarType": { "alias": "calendarType"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "customIcon": { "alias": "customIcon"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "calendarClass": { "alias": "calendarClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "calendarToggle": "calendarToggle"; }, never, never, true, never>;
140
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgMoDatePicker, "ng-mo-date-picker", never, { "calendarType": { "alias": "calendarType"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "customIcon": { "alias": "customIcon"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "calendarClass": { "alias": "calendarClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; "calendarToggle": "calendarToggle"; }, never, never, true, never>;
139
141
  }
140
142
 
141
143
  declare class ClickOutside {
package/README.ar.md DELETED
@@ -1,350 +0,0 @@
1
- # ng-mo-date-picker
2
-
3
- <div dir="rtl" align="center">
4
-
5
- [![English](https://img.shields.io/badge/Language-English-blue?style=for-the-badge)](./README.md)
6
- [![العربية](https://img.shields.io/badge/اللغة-العربية-green?style=for-the-badge)](./README.ar.md)
7
-
8
- 🗓️ **مكتبة Angular لاختيار التاريخ الهجري والميلادي مع دعم كامل للعربية والإنجليزية**
9
-
10
- [![npm version](https://badge.fury.io/js/ng-mo-date-picker.svg)](https://www.npmjs.com/package/ng-mo-date-picker)
11
- [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
12
-
13
- [🎮 معاينة مباشرة](https://3mowafy.github.io/ng-mo-date-picker/) • [📖 التوثيق](#-المدخلات-والمخرجات) • [💡 الأمثلة](#-أمثلة-الاستخدام)
14
-
15
- </div>
16
-
17
- ---
18
-
19
- ## ✨ المميزات
20
-
21
- - ✅ **نظامان للتقويم**: دعم كامل للتقويم الهجري (الإسلامي) والميلادي
22
- - ✅ **ثنائي اللغة**: واجهة عربية وإنجليزية بالكامل
23
- - ✅ **دعم الاتجاه التلقائي**: تبديل تلقائي بين RTL و LTR
24
- - ✅ **متوافق مع النماذج**: يعمل مع Reactive Forms و Template-driven Forms و Signal Forms
25
- - ✅ **خفيف وسريع**: حجم صغير (~50KB) مع الاعتماديات
26
- - ✅ **مكون مستقل**: لا يحتاج استيراد modules (Angular 21+)
27
- - ✅ **قابل للتخصيص**: تخصيص كامل للأيقونات والألوان والأنماط
28
- - ✅ **مكتوب بـ TypeScript**: دعم كامل لـ IntelliSense
29
- - ✅ **إخراج شامل**: الحصول على التاريخ الميلادي والهجري معاً مع التنسيق الكامل
30
-
31
- ## 📦 التثبيت
32
- ```bash
33
- npm install ng-mo-date-picker
34
- ```
35
-
36
- **ملاحظة**: سيتم تثبيت `moment-hijri` تلقائياً كاعتمادية.
37
-
38
- ## 🚀 البدء السريع
39
-
40
- ### الخطوة الأولى: استيراد المكون
41
-
42
- **Angular 21 Standalone:**
43
- ```typescript
44
- import { Component } from '@angular/core';
45
- import { NgMoDatePicker, DatePickerOutput } from 'ng-mo-date-picker';
46
-
47
- @Component({
48
- selector: 'app-root',
49
- imports: [NgMoDatePicker],
50
- template: `
51
- <ng-mo-date-picker
52
- [locale]="'ar'"
53
- (dateChange)="onDateChange($event)"
54
- />
55
- `
56
- })
57
- export class AppComponent {
58
- onDateChange(output: DatePickerOutput | null) {
59
- if (output) {
60
- console.log('التاريخ الميلادي:', output.gregorianFormatted);
61
- console.log('التاريخ الهجري:', output.hijriFormatted);
62
- console.log('اسم الشهر:', output.hijriDate.monthName);
63
- }
64
- }
65
- }
66
- ```
67
-
68
- ## 📚 أمثلة الاستخدام
69
-
70
- ### مثال أساسي (عربي)
71
- ```html
72
- <ng-mo-date-picker [locale]="'ar'" />
73
- ```
74
-
75
- ### إنجليزي مع نص توضيحي مخصص
76
- ```html
77
- <ng-mo-date-picker
78
- [locale]="'en'"
79
- [placeholder]="'اختر تاريخاً'"
80
- />
81
- ```
82
-
83
- ### البدء بالتقويم الهجري
84
- ```html
85
- <ng-mo-date-picker
86
- [calendarType]="'hijri'"
87
- [locale]="'ar'"
88
- />
89
- ```
90
-
91
- ### تخصيص الأيقونة
92
- ```html
93
- <!-- أيقونة مخصصة -->
94
- <ng-mo-date-picker
95
- [customIcon]="'🗓️'"
96
- />
97
-
98
- <!-- إخفاء الأيقونة -->
99
- <ng-mo-date-picker
100
- [showIcon]="false"
101
- />
102
- ```
103
-
104
- ### الاستخدام مع Reactive Forms
105
- ```typescript
106
- import { Component } from '@angular/core';
107
- import { FormControl, ReactiveFormsModule } from '@angular/forms';
108
- import { NgMoDatePicker } from 'ng-mo-date-picker';
109
-
110
- @Component({
111
- imports: [NgMoDatePicker, ReactiveFormsModule],
112
- template: `
113
- <ng-mo-date-picker [formControl]="dateControl" />
114
- <p>التاريخ المختار: {{ dateControl.value | date }}</p>
115
- `
116
- })
117
- export class MyComponent {
118
- dateControl = new FormControl<Date | null>(null);
119
- }
120
- ```
121
-
122
- ### الاستخدام مع Template-driven Forms
123
- ```typescript
124
- import { Component } from '@angular/core';
125
- import { FormsModule } from '@angular/forms';
126
- import { NgMoDatePicker } from 'ng-mo-date-picker';
127
-
128
- @Component({
129
- imports: [NgMoDatePicker, FormsModule],
130
- template: `
131
- <ng-mo-date-picker
132
- [(ngModel)]="selectedDate"
133
- [locale]="'ar'"
134
- />
135
- `
136
- })
137
- export class MyComponent {
138
- selectedDate: Date | null = null;
139
- }
140
- ```
141
-
142
- ### تخصيص الأنماط
143
- ```html
144
- <ng-mo-date-picker
145
- [inputClass]="'my-input'"
146
- [calendarClass]="'my-calendar'"
147
- />
148
- ```
149
- ```css
150
- .my-input {
151
- border: 2px solid #3b82f6;
152
- border-radius: 12px;
153
- padding: 12px;
154
- }
155
-
156
- .my-calendar {
157
- box-shadow: 0 20px 40px rgba(0,0,0,0.15);
158
- }
159
- ```
160
-
161
- ## 🎛️ المدخلات والمخرجات
162
-
163
- ### المدخلات (Inputs)
164
-
165
- | الاسم | النوع | القيمة الافتراضية | الوصف |
166
- |------|------|---------|-------------|
167
- | `calendarType` | `'gregorian' \| 'hijri'` | `'gregorian'` | نوع التقويم عند الفتح |
168
- | `locale` | `'ar' \| 'en'` | `'ar'` | اللغة واتجاه النص |
169
- | `showIcon` | `boolean` | `true` | إظهار أو إخفاء أيقونة التقويم |
170
- | `customIcon` | `string` | `'📅'` | أيقونة مخصصة (emoji أو نص) |
171
- | `inputClass` | `string` | `''` | CSS classes إضافية لحقل الإدخال |
172
- | `calendarClass` | `string` | `''` | CSS classes إضافية للتقويم المنبثق |
173
- | `disabled` | `boolean` | `false` | تعطيل المكون |
174
- | `readonly` | `boolean` | `false` | جعل الحقل للقراءة فقط |
175
- | `placeholder` | `string` | تلقائي حسب اللغة | النص التوضيحي |
176
- | `name` | `string` | `undefined` | اسم الحقل (name attribute) |
177
- | `id` | `string` | `undefined` | معرّف الحقل (id attribute) |
178
-
179
- ### المخرجات (Outputs)
180
-
181
- | الاسم | النوع | الوصف |
182
- |------|------|-------------|
183
- | `dateChange` | `DatePickerOutput \| null` | يُطلق عند اختيار أو مسح التاريخ |
184
- | `calendarToggle` | `boolean` | يُطلق عند فتح أو إغلاق التقويم |
185
-
186
- ### واجهة DatePickerOutput
187
- ```typescript
188
- interface DatePickerOutput {
189
- // بيانات التاريخ الميلادي
190
- gregorianDate: Date; // كائن Date الأصلي
191
- gregorianFormatted: string; // "07/01/2026"
192
-
193
- // بيانات التاريخ الهجري
194
- hijriDate: {
195
- year: number; // 1446
196
- month: number; // 7
197
- monthName: string; // "رجب" أو "Rajab"
198
- day: number; // 18
199
- };
200
- hijriFormatted: string; // "18 رجب 1446 هـ"
201
-
202
- // معلومات إضافية
203
- calendarType: 'gregorian' | 'hijri';
204
- locale: 'ar' | 'en';
205
- }
206
- ```
207
-
208
- ## 🎨 التخصيص المتقدم
209
-
210
- ### استخدام CSS Variables (قريباً في v2.0)
211
- ```css
212
- .mo-calendar {
213
- --primary-color: #10b981;
214
- --hover-color: #059669;
215
- }
216
- ```
217
-
218
- ### تجاوز الأنماط الافتراضية
219
- ```css
220
- /* تخصيص اليوم المحدد */
221
- .mo-day.selected {
222
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
223
- color: white;
224
- }
225
-
226
- /* تخصيص زر التنقل */
227
- .mo-nav-btn:hover {
228
- color: #10b981;
229
- transform: scale(1.1);
230
- }
231
- ```
232
-
233
- ## 🌍 دعم اللغات (i18n)
234
-
235
- المكون يتعامل تلقائياً مع:
236
- - أسماء الأشهر (الميلادية والهجرية)
237
- - أسماء الأيام
238
- - نصوص الواجهة (اليوم، مسح، إلخ)
239
- - اتجاه النص (RTL/LTR)
240
-
241
- ### التبديل بين اللغات
242
- ```typescript
243
- @Component({
244
- template: `
245
- <ng-mo-date-picker [locale]="currentLang" />
246
-
247
- <button (click)="toggleLang()">
248
- تبديل اللغة
249
- </button>
250
- `
251
- })
252
- export class MyComponent {
253
- currentLang: 'ar' | 'en' = 'ar';
254
-
255
- toggleLang() {
256
- this.currentLang = this.currentLang === 'ar' ? 'en' : 'ar';
257
- }
258
- }
259
- ```
260
-
261
- ## 🔧 استخدامات متقدمة
262
-
263
- ### الاستماع لفتح وإغلاق التقويم
264
- ```typescript
265
- @Component({
266
- template: `
267
- <ng-mo-date-picker
268
- (calendarToggle)="onCalendarToggle($event)"
269
- />
270
- `
271
- })
272
- export class MyComponent {
273
- onCalendarToggle(isOpen: boolean) {
274
- console.log('التقويم الآن:', isOpen ? 'مفتوح' : 'مغلق');
275
- }
276
- }
277
- ```
278
-
279
- ### الوصول للبيانات الكاملة
280
- ```typescript
281
- onDateChange(output: DatePickerOutput | null) {
282
- if (!output) {
283
- console.log('تم مسح التاريخ');
284
- return;
285
- }
286
-
287
- // استخدام التاريخ الميلادي
288
- const jsDate = output.gregorianDate;
289
- console.log('التاريخ الميلادي:', output.gregorianFormatted);
290
-
291
- // استخدام التاريخ الهجري
292
- console.log('السنة الهجرية:', output.hijriDate.year);
293
- console.log('الشهر الهجري:', output.hijriDate.monthName);
294
- console.log('منسق:', output.hijriFormatted);
295
-
296
- // معرفة نوع التقويم المستخدم
297
- console.log('التقويم المستخدم:', output.calendarType);
298
- }
299
- ```
300
-
301
- ## 📱 دعم المتصفحات
302
-
303
- - Chrome (آخر إصدار)
304
- - Firefox (آخر إصدار)
305
- - Safari (آخر إصدار)
306
- - Edge (آخر إصدار)
307
-
308
- ## 🤝 المساهمة
309
-
310
- المساهمات مرحب بها دائماً! لا تتردد في:
311
-
312
- 1. عمل Fork للمشروع
313
- 2. إنشاء branch للميزة الجديدة (`git checkout -b feature/AmazingFeature`)
314
- 3. Commit التغييرات (`git commit -m 'إضافة ميزة رائعة'`)
315
- 4. Push للـ branch (`git push origin feature/AmazingFeature`)
316
- 5. فتح Pull Request
317
-
318
- ## 🐛 الإبلاغ عن المشاكل
319
-
320
- وجدت خطأ أو لديك اقتراح لميزة جديدة؟
321
- 👉 [افتح issue على GitHub](https://github.com/3Mowafy/ng-mo-date-picker/issues)
322
-
323
- ## 📄 الترخيص
324
-
325
- MIT © [Mohamed Mowafy](https://github.com/3Mowafy)
326
-
327
- ## 🔗 روابط مفيدة
328
-
329
- - [📦 الحزمة على npm](https://www.npmjs.com/package/ng-mo-date-picker)
330
- - [💻 المستودع على GitHub](https://github.com/3Mowafy/ng-mo-date-picker)
331
- - [🎮 معاينة مباشرة](https://3mowafy.github.io/ng-mo-date-picker/)
332
- - [🐛 الإبلاغ عن مشكلة](https://github.com/3Mowafy/ng-mo-date-picker/issues)
333
- - [📖 التوثيق الكامل](https://github.com/3Mowafy/ng-mo-date-picker#readme)
334
-
335
- ## 🙏 شكر وتقدير
336
-
337
- - بُني باستخدام [Angular](https://angular.io/)
338
- - التحويل الهجري بواسطة [moment-hijri](https://github.com/xsoh/moment-hijri)
339
-
340
- ---
341
-
342
- <div align="center">
343
-
344
- **صُنع بـ ❤️ في مصر**
345
-
346
- [Mohamed Mowafy](https://github.com/3Mowafy) • 2026
347
-
348
- ⭐ إذا أعجبتك المكتبة، لا تنسَ إعطائها نجمة على GitHub!
349
-
350
- </div>
package/ng-mo-date-picker-1.0.0.tgz DELETED
Binary file