@corp-products/ui-components 3.6.1 → 3.6.3

package/src/lib/dual-calender/dual-calendar.component.ts

@@ -1,158 +0,0 @@
-import { Component, effect, ElementRef, EventEmitter, HostListener, Input, Output, signal, ViewChild, ViewEncapsulation } from '@angular/core';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgbCalendar, NgbDateStruct, NgbCalendarIslamicUmalqura, NgbDatepickerModule, NgbDate } from '@ng-bootstrap/ng-bootstrap';
-import { HijriCalendarComponent } from './hijri-calendar/hijri-calendar.component';
-import { GregorianCalendarComponent } from './gregorian-calendar/gregorian-calendar.component';
-import { FloatLabelModule } from 'primeng/floatlabel';
-import { DatePickerModule } from 'primeng/datepicker';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { DatePickerSwitcherComponent } from './date-picker-switcher/date-picker-switcher.component';
-import '@angular/localize/init';
-import { getGregorianMonthName, getHijriMonthName } from './utils/date-i18n.utils';
-import { formatDate } from '@angular/common';
-import { DateFormats } from '../../enums/date-formatter';
-import { TranslatePipe } from '@ngx-translate/core';
-@Component({
-  selector: 'app-dual-calendar',
-  animations: [
-    trigger('slideDown', [
-      state('closed', style({
-        height: '0px',
-        opacity: 0,
-        overflow: 'hidden'
-      })),
-      state('open', style({
-        height: '*',
-        opacity: 1,
-        overflow: 'hidden'
-      })),
-      transition('closed <=> open', [
-        animate('300ms ease')
-      ])
-    ])
-  ],
-  imports: [
-    NgbDatepickerModule,
-    FormsModule,
-    FormsModule,
-    ReactiveFormsModule,
-    DatePickerModule,
-    FloatLabelModule,
-    HijriCalendarComponent,
-    DatePickerSwitcherComponent,
-    TranslatePipe,
-    GregorianCalendarComponent
-  ],
-  providers: [
-    { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura }
-  ],
-  templateUrl: './dual-calendar.component.html',
-  styleUrl: './dual-calendar.component.scss',
-  encapsulation: ViewEncapsulation.None
-})
-export class DualCalendarComponent {
-  selectedDate = ''
-  @Input() control: FormControl<any> = new FormControl({ value: null, disabled: false }, []);
-  @Input() label = '';
-  @Input() name = '';
-  @Input() withTime = true;
-  @Input() isDatePickerShow = true;
-  mode: 'gregorian' | 'hijri' = 'gregorian';
-  gregorianModel!: NgbDateStruct;
-  hijriModel!: NgbDateStruct;
-  @Input() currentLang = signal<'ar' | 'en'>('ar');
-  @Output() gregorianUTC = new EventEmitter<string>();
-  gregorianUTCValue  = ''
-  @Input() isShown =  false
-  @ViewChild('calendarContainer') calendarContainer!: ElementRef;
-  hijriCal = new NgbCalendarIslamicUmalqura();
-  constructor() {
-    effect(() => {
-      this.currentLang(); // 👈 track signal
-      this.setDate(this.gregorianUTCValue)
-    });
-  }
-  ngOnInit() {
-    this.setDate(this.control?.value);
-
-  }
-  setDate(value: string | null) {
-    if (!value) return;
-
-    const jsDate = new Date(value);
-    if (isNaN(jsDate.getTime())) return;
-
-    const ngbDate: NgbDateStruct = {
-      year: jsDate.getFullYear(),
-      month: jsDate.getMonth() + 1,
-      day: jsDate.getDate()
-    };
-
-    // 🔥 Reuse existing logic
-    this.onSelectGregorian(ngbDate);
-  }
-  @HostListener('document:click', ['$event'])
-  onDocumentClick(event: MouseEvent) {
-    if (!this.calendarContainer) return;
-    const clickedInside = this.calendarContainer.nativeElement.contains(event.target);
-    if (!clickedInside) {
-      this.isShown = false;
-    }
-  }
-  private structToNgbDate(d: NgbDateStruct): NgbDate {
-    return new NgbDate(d.year, d.month, d.day);
-  }
-
-  onSelectGregorian(date: NgbDateStruct) {
-    this.gregorianModel = date;
-    // Convert to NgbDate
-    const jsDate = new Date(date.year, date.month - 1, date.day);
-    // fromGregorian expects NgbDate or JS Date (depending on version)
-    const hijri = this.hijriCal.fromGregorian(jsDate);
-    const isoUTC = jsDate.toISOString();
-     this.gregorianUTCValue = this.withTime ? isoUTC : formatDate(jsDate, DateFormats.DATE_ONLY, 'en');
-    this.gregorianUTC.emit(this.gregorianUTCValue);
-    this.hijriModel = {
-      year: hijri.year,
-      month: hijri.month,
-      day: hijri.day
-    }; // datepicker
-
-    this.selectedDate = this.formatHijri(this.structToNgbDate(this.hijriModel)); //input
-    this.isShown = false;
-  }
-
-  onSelectHijri(date: NgbDateStruct) {
-    this.hijriModel = date;
-    const ngbDate = this.structToNgbDate(date);
-    const greg = this.hijriCal.toGregorian(ngbDate);
-    const isoUTC = greg.toISOString();
-    this.gregorianModel = {
-      year: greg.getFullYear(),
-      month: greg.getMonth() + 1,
-      day: greg.getDate()
-    };
-    const jsDate = new Date(this.gregorianModel.year, this.gregorianModel.month - 1, this.gregorianModel.day);
-     this.gregorianUTCValue = this.withTime ? isoUTC : formatDate(jsDate, DateFormats.DATE_ONLY, 'en');
-    this.gregorianUTC.emit(this.gregorianUTCValue);
-    this.selectedDate = this.formatHijri(ngbDate);
-    this.isShown = false;
-  }
-
-  showCalender(isOpen: boolean) {
-    this.isShown = isOpen;
-  }
-
-  formatHijri(h: NgbDate): string {
-    const hijriDay = h.day;
-    const hijriMonth = getHijriMonthName(this.currentLang(), h.month);
-    const hijriYear = h.year;
-    const greg = this.hijriCal.toGregorian(h);
-    const gregorianDay = greg.getDate();
-    const gregorianMonth =
-      getGregorianMonthName(this.currentLang(), greg.getMonth() + 1);
-    const gregorianYear = greg.getFullYear();
-    return `${gregorianDay} ${gregorianMonth} ${gregorianYear} - ${hijriDay} ${hijriMonth} ${hijriYear}`;
-  }
-
-}

package/src/lib/dual-calender/gregorian-calendar/gregorian-calendar.component.html

@@ -1,21 +0,0 @@
-@for(item of [calendarKey]; track item) {
-  <ngb-datepicker #dp
-    [class.rtl]="language === 'ar'"
-    [class.ltr]="language === 'en'"
-    [ngModel]="model"
-    [startDate]="startDate"
-    (ngModelChange)="onDateChange($event)"
-    (dateSelect)="dateSelected.emit($event)"
-    [dayTemplate]="dayTemplate"
-    [markDisabled]="isDisabled">
-  </ngb-datepicker>
-  <ng-template #dayTemplate let-date let-currentMonth="currentMonth" let-selected="selected" let-disabled="disabled">
-    <span class="custom-day"
-      [class.today]="isToday(date)"
-      [class.selected]="selected"
-      [class.outside]="date.month !== currentMonth"
-      [class.disabled]="disabled">
-      {{ date.day }}
-    </span>
-  </ng-template>
-}

package/src/lib/dual-calender/gregorian-calendar/gregorian-calendar.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { GregorianCalendarComponent } from "./gregorian-calendar.component";
-
-describe("ReadMoreComponent", () => {
-  let component: GregorianCalendarComponent;
-  let fixture: ComponentFixture<GregorianCalendarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [GregorianCalendarComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(GregorianCalendarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it("should create", () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/dual-calender/gregorian-calendar/gregorian-calendar.component.ts

@@ -1,65 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, inject, Input, OnChanges, Output, Renderer2, SimpleChanges, ViewEncapsulation } from '@angular/core';
-import {
-  NgbCalendar,
-  NgbCalendarGregorian,
-  NgbDatepickerI18n,
-  NgbDatepickerModule,
-  NgbDateStruct,
-} from '@ng-bootstrap/ng-bootstrap';
-import { FormsModule } from '@angular/forms';
-import { DynamicGregorianI18n } from './../services/gregorian-i18n.service';
-
-@Component({
-  selector: "app-gregorian-calendar",
-  standalone: true,
-  imports: [NgbDatepickerModule, FormsModule],
-  providers: [
-    { provide: NgbCalendar, useClass: NgbCalendarGregorian },
-    { provide: NgbDatepickerI18n, useClass: DynamicGregorianI18n }
-  ],
-  templateUrl: "./gregorian-calendar.component.html",
-  styleUrl: "./gregorian-calendar.component.scss",
-  encapsulation: ViewEncapsulation.None,
-})
-export class GregorianCalendarComponent implements OnChanges {
-  @Input() model!: NgbDateStruct;
-  @Output() dateSelected = new EventEmitter<NgbDateStruct>();
-  renderer = inject(Renderer2)
-  @Input() language: 'ar' | 'en' = 'en';
-  startDate!: NgbDateStruct;
-  private calendar = new NgbCalendarGregorian();
-  i18n = inject(NgbDatepickerI18n)
-  cdr = inject(ChangeDetectorRef)
-  calendarKey = 0;
-
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes['model'] && changes['model'].currentValue) {
-      this.startDate = { ...changes['model'].currentValue };
-    }
-    if (changes['language'] && this.i18n instanceof DynamicGregorianI18n) {
-      this.i18n.setLanguage(this.language);
-      this.calendarKey++; // Increment to force recreation
-    }
-  }
-
-  ngAfterViewInit() {
-    const buttons = document.querySelectorAll('.ngb-dp-arrow-btn');
-    buttons.forEach(btn => {
-      this.renderer.removeAttribute(btn, 'title');
-    });
-  }
-
-  onDateChange(date: NgbDateStruct) {
-    this.model = date;
-    this.startDate = { ...date };
-  }
-
-  isToday(date: NgbDateStruct): boolean {
-    const today = this.calendar.getToday();
-    return date.year === today.year &&
-      date.month === today.month &&
-      date.day === today.day;
-  }
-
-  isDisabled = () => false;
-}

package/src/lib/dual-calender/hijri-calendar/hijri-calendar.component.html

@@ -1,10 +0,0 @@
-<ngb-datepicker #dp [class.rtl]="language === 'ar'" [class.ltr]="language === 'en'" [ngModel]="model"
-  [startDate]="startDate" (ngModelChange)="onDateChange($event)" (dateSelect)="dateSelected.emit($event)"
-  [dayTemplate]="dayTemplate" [markDisabled]="isDisabled">
-</ngb-datepicker>
-<ng-template #dayTemplate let-date let-currentMonth="currentMonth" let-selected="selected" let-disabled="disabled">
-  <span class="custom-day" [class.today]="isToday(date)" [class.selected]="selected"
-    [class.outside]="date.month !== currentMonth" [class.disabled]="disabled">
-    {{ date.day }}
-  </span>
-</ng-template>

package/src/lib/dual-calender/hijri-calendar/hijri-calendar.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { HijriCalendarComponent } from "./hijri-calendar.component";
-
-describe("ReadMoreComponent", () => {
-  let component: HijriCalendarComponent;
-  let fixture: ComponentFixture<HijriCalendarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HijriCalendarComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(HijriCalendarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it("should create", () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/dual-calender/hijri-calendar/hijri-calendar.component.ts

@@ -1,66 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, inject, Input, OnChanges, Output, Renderer2, SimpleChanges } from '@angular/core';
-import {
-  NgbCalendar,
-  NgbCalendarIslamicUmalqura,
-  NgbDatepickerI18n,
-  NgbDatepickerModule,
-  NgbDateStruct,
-} from '@ng-bootstrap/ng-bootstrap';
-import { FormsModule } from '@angular/forms';
-import { DynamicHijriI18n } from '../services/islamic-i18n.service';
-
-@Component({
-  selector: "app-hijri-calendar",
-  standalone: true,
-  imports: [NgbDatepickerModule, FormsModule],
-  providers: [
-    { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
-    { provide: NgbDatepickerI18n, useClass: DynamicHijriI18n }
-  ],
-  templateUrl: "./hijri-calendar.component.html",
-  styleUrl: "./hijri-calendar.component.scss"
-})
-export class HijriCalendarComponent  implements OnChanges   {
-  @Input() model!: NgbDateStruct;
-  @Output() dateSelected = new EventEmitter<NgbDateStruct>();
-  @Input() language: 'ar' | 'en' = 'en';
-  renderer = inject(Renderer2)
-
-  startDate!: NgbDateStruct;
-  private calendar = new NgbCalendarIslamicUmalqura();
-  constructor(
-    private i18n: NgbDatepickerI18n,
-    private cdr: ChangeDetectorRef
-  ) {
-  }
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes['model'] && changes['model'].currentValue) {
-      this.startDate = { ...changes['model'].currentValue };
-      console.log('Hijri navigating to:', this.startDate);
-    }
-
-    if (changes['language'] && this.i18n instanceof DynamicHijriI18n) {
-      this.i18n.setLanguage(this.language);
-      this.cdr.detectChanges(); // Force re-render to update labels
-    }
-  }
-ngAfterViewInit() {
-  const buttons = document.querySelectorAll('.ngb-dp-arrow-btn');
-  buttons.forEach(btn => {
-    this.renderer.removeAttribute(btn, 'title');
-  });
-}
-  onDateChange(date: NgbDateStruct) {
-    this.model = date;
-    this.startDate = { ...date };
-  }
-
-  isToday(date: NgbDateStruct): boolean {
-    const today = this.calendar.getToday();
-    return date.year === today.year &&
-      date.month === today.month &&
-      date.day === today.day;
-  }
-
-  isDisabled = () => false;
-}

package/src/lib/dual-calender/services/gregorian-i18n.service.ts

@@ -1,123 +0,0 @@
-import { Injectable } from '@angular/core';
-import { NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
-import { MONTHS_GREGORIAN, WEEKDAYS } from '../utils/date-i18n.utils';
-
-
-@Injectable()
-export class GregorianArabicI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_GREGORIAN.ar[month - 1];
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_GREGORIAN.ar[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-
-@Injectable()
-export class GregorianEnglishI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_GREGORIAN.en[month - 1].substring(0, 3);
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_GREGORIAN.en[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-
-// ============ Dynamic I18N Factory ============
-
-@Injectable()
-export class DynamicGregorianI18n extends NgbDatepickerI18n {
-  private currentLang: 'ar' | 'en' = 'en';
-  private arabicI18n = new GregorianArabicI18n();
-  private englishI18n = new GregorianEnglishI18n();
-
-  setLanguage(lang: 'ar' | 'en') {
-    this.currentLang = lang;
-  }
-
-  private get activeI18n() {
-    return this.currentLang === 'ar' ? this.arabicI18n : this.englishI18n;
-  }
-
-  getMonthShortName(month: number): string {
-    return this.activeI18n.getMonthShortName(month);
-  }
-
-  getMonthFullName(month: number): string {
-    return this.activeI18n.getMonthFullName(month);
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return this.activeI18n.getWeekdayLabel(weekday);
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return this.activeI18n.getWeekdayShortName(weekday);
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return this.activeI18n.getDayAriaLabel(date);
-  }
-
-  override getYearNumerals(year: number): string {
-    return this.activeI18n.getYearNumerals(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return this.activeI18n.getWeekNumerals(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return this.activeI18n.getDayNumerals(date);
-  }
-}

package/src/lib/dual-calender/services/islamic-i18n.service.ts

@@ -1,119 +0,0 @@
-import { Injectable } from '@angular/core';
-import { NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
-import { MONTHS_HIJRI, WEEKDAYS } from '../utils/date-i18n.utils';
-
-@Injectable()
-export class IslamicI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_HIJRI.ar[month - 1];
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_HIJRI.ar[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-
-@Injectable()
-export class HijriEnglishI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_HIJRI.en[month - 1].substring(0, 3);
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_HIJRI.en[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-@Injectable()
-export class DynamicHijriI18n extends NgbDatepickerI18n {
-  private currentLang: 'ar' | 'en' = 'ar';
-  private arabicI18n = new IslamicI18n();
-  private englishI18n = new HijriEnglishI18n();
-
-  setLanguage(lang: 'ar' | 'en') {
-    this.currentLang = lang;
-  }
-
-  private get activeI18n() {
-    return this.currentLang === 'ar' ? this.arabicI18n : this.englishI18n;
-  }
-
-  getMonthShortName(month: number): string {
-    return this.activeI18n.getMonthShortName(month);
-  }
-
-  getMonthFullName(month: number): string {
-    return this.activeI18n.getMonthFullName(month);
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return this.activeI18n.getWeekdayLabel(weekday);
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return this.activeI18n.getWeekdayShortName(weekday);
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return this.activeI18n.getDayAriaLabel(date);
-  }
-
-  override getYearNumerals(year: number): string {
-    return this.activeI18n.getYearNumerals(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return this.activeI18n.getWeekNumerals(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return this.activeI18n.getDayNumerals(date);
-  }
-}

package/src/lib/dual-calender/utils/date-i18n.utils.ts

@@ -1,58 +0,0 @@
-export const WEEKDAYS = {
-  ar: ['ن', 'ث', 'ر', 'خ', 'ج', 'س', 'ح'],
-  en: ['M', 'T', 'W', 'T', 'F', 'S', 'S']
-};
-
-export const MONTHS_GREGORIAN = {
-  ar: [
-    'يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو',
-    'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'
-  ],
-  en: [
-    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
-    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
-  ]
-};
-
-export const MONTHS_HIJRI = {
-  ar: [
-    'محرم',
-    'صفر',
-    'ربيع الأول',
-    'ربيع الآخر',
-    'جمادى الأولى',
-    'جمادى الآخرة',
-    'رجب',
-    'شعبان',
-    'رمضان',
-    'شوال',
-    'ذو القعدة',
-    'ذو الحجة'
-  ],
-  en: [
-    'Muharram',
-    'Safar',
-    'Rabi Al-Awwal',
-    'Rabi Al-Thani',
-    'Jumada Al-Awwal',
-    'Jumada Al-Thani',
-    'Rajab',
-    'Shaaban',
-    'Ramadan',
-    'Shawwal',
-    'Dhul-Qi’dah',
-    'Dhul-Hijjah'
-  ]
-};
-
-export function getGregorianMonthName(lang: 'ar' | 'en', month: number) {
-  return MONTHS_GREGORIAN[lang][month - 1] || '';
-}
-
-export function getHijriMonthName(lang: 'ar' | 'en', month: number) {
-  return MONTHS_HIJRI[lang][month - 1] || '';
-}
-
-export function getWeekdayName(lang: 'ar' | 'en', weekday: number) {
-  return WEEKDAYS[lang][weekday - 1];
-}