primekit 1.0.11 → 1.0.12

package/src/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.spec.ts

@@ -1,1465 +0,0 @@
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DatePipe } from '@angular/common';
-import { Renderer2 } from '@angular/core';
-import { AtomixDaterangeCalendarComponent } from './atomix-daterange-calendar.component';
-
-describe('AtomixDaterangeCalendarComponent', () => {
-  let component: AtomixDaterangeCalendarComponent;
-  let fixture: ComponentFixture<AtomixDaterangeCalendarComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [AtomixDaterangeCalendarComponent],
-      providers: [DatePipe, Renderer2],
-      schemas: [NO_ERRORS_SCHEMA],
-    });
-    fixture = TestBed.createComponent(AtomixDaterangeCalendarComponent);
-    component = fixture.componentInstance;
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  describe('input property defaults', () => {
-    it('should have default placeholder as empty string', () => {
-      expect(component.placeholder).toBe('');
-    });
-
-    it('should have default styleClass as empty string', () => {
-      expect(component.styleClass).toBe('');
-    });
-
-    it('should have default selectionMode as range', () => {
-      expect(component.selectionMode).toBe('range');
-    });
-
-    it('should have default inputStyleClass as empty string', () => {
-      expect(component.inputStyleClass).toBe('');
-    });
-
-    it('should have default inline as false', () => {
-      expect(component.inline).toBe(false);
-    });
-
-    it('should have default disabled as false', () => {
-      expect(component.disabled).toBe(false);
-    });
-
-    it('should have default selectedDate as null', () => {
-      expect(component.selectedDate).toBeNull();
-    });
-
-    it('should have default defaultPreset as null', () => {
-      expect(component.defaultPreset).toBeNull();
-    });
-
-    it('should have default preservePreset as false', () => {
-      expect(component.preservePreset).toBe(false);
-    });
-
-    it('should have default customRangeMode as false', () => {
-      expect(component.customRangeMode).toBe(false);
-    });
-
-    it('should have default selectedPreset as null', () => {
-      expect(component.selectedPreset).toBeNull();
-    });
-  });
-
-  describe('input property binding', () => {
-    it('should accept placeholder input', () => {
-      component.placeholder = 'Select date range';
-      fixture.detectChanges();
-      expect(component.placeholder).toBe('Select date range');
-    });
-
-    it('should accept styleClass input', () => {
-      component.styleClass = 'custom-style';
-      fixture.detectChanges();
-      expect(component.styleClass).toBe('custom-style');
-    });
-
-    it('should accept disabled input', () => {
-      component.disabled = true;
-      fixture.detectChanges();
-      expect(component.disabled).toBe(true);
-    });
-
-    it('should accept inline input', () => {
-      component.inline = true;
-      fixture.detectChanges();
-      expect(component.inline).toBe(true);
-    });
-
-    it('should accept maxDate input', () => {
-      const maxDate = new Date(2025, 11, 31);
-      component.maxDate = maxDate;
-      fixture.detectChanges();
-      expect(component.maxDate).toBe(maxDate);
-    });
-
-    it('should accept minDate input', () => {
-      const minDate = new Date(2020, 0, 1);
-      component.minDate = minDate;
-      fixture.detectChanges();
-      expect(component.minDate).toBe(minDate);
-    });
-  });
-
-  describe('date range selection', () => {
-    it('should emit dateRangeChange when a complete range is selected via onModelChange', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      const start = new Date(2024, 0, 10);
-      const end = new Date(2024, 0, 20);
-      component.onModelChange([start, end]);
-
-      expect(emitSpy).toHaveBeenCalledWith([start, end]);
-      expect(component.selectedDate).toEqual([start, end]);
-    });
-
-    it('should not emit dateRangeChange when only start date is selected (partial range)', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      const start = new Date(2024, 0, 10);
-      component.onModelChange([start]);
-
-      expect(emitSpy).not.toHaveBeenCalled();
-    });
-
-    it('should emit dateRangeChange with null when selection is cleared via onModelChange', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      component.onModelChange(null);
-
-      expect(emitSpy).toHaveBeenCalledWith(null);
-      expect(component.selectedDate).toBeNull();
-    });
-
-    it('should update selectedPreset when range matches a known preset', () => {
-      const today = new Date();
-      const normalizedToday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      component.onModelChange([normalizedToday, normalizedToday]);
-
-      expect(component.selectedPreset).toBe('today');
-    });
-
-    it('should set selectedPreset to null for a custom range', () => {
-      const start = new Date(2024, 3, 5);
-      const end = new Date(2024, 3, 15);
-      component.onModelChange([start, end]);
-
-      expect(component.selectedPreset).toBeNull();
-    });
-  });
-
-  describe('preset application', () => {
-    it('should apply today preset correctly', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      component.applyPreset('today');
-
-      const today = new Date();
-      const expected = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      expect(component.selectedDate[0]).toEqual(expected);
-      expect(component.selectedDate[1]).toEqual(expected);
-      expect(component.selectedPreset).toBe('today');
-      expect(emitSpy).toHaveBeenCalled();
-    });
-
-    it('should apply yesterday preset correctly', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      component.applyPreset('yesterday');
-
-      const today = new Date();
-      const yesterday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      yesterday.setDate(yesterday.getDate() - 1);
-      expect(component.selectedDate[0]).toEqual(yesterday);
-      expect(component.selectedDate[1]).toEqual(yesterday);
-      expect(component.selectedPreset).toBe('yesterday');
-      expect(emitSpy).toHaveBeenCalled();
-    });
-
-    it('should apply last7days preset correctly', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      component.applyPreset('last7days');
-
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setDate(end.getDate() - 6);
-      expect(component.selectedDate[0]).toEqual(start);
-      expect(component.selectedDate[1]).toEqual(end);
-      expect(component.selectedPreset).toBe('last7days');
-      expect(emitSpy).toHaveBeenCalled();
-    });
-
-    it('should apply last30days preset correctly', () => {
-      component.applyPreset('last30days');
-
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setDate(end.getDate() - 29);
-      expect(component.selectedDate[0]).toEqual(start);
-      expect(component.selectedDate[1]).toEqual(end);
-      expect(component.selectedPreset).toBe('last30days');
-    });
-
-    it('should include preset metadata when preservePreset is true', () => {
-      component.preservePreset = true;
-      component.applyPreset('last7days');
-
-      expect(component.selectedDate.length).toBe(3);
-      expect(component.selectedDate[2]).toEqual({ presets: 'last7days' });
-    });
-  });
-
-  describe('clearDateRange', () => {
-    it('should clear selectedDate and emit null', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      component.selectedDate = [new Date(2024, 0, 1), new Date(2024, 0, 31)];
-      component.selectedPreset = 'custom';
-      component.customRangeMode = true;
-
-      component.clearDateRange();
-
-      expect(component.selectedDate).toBeNull();
-      expect(component.selectedPreset).toBeNull();
-      expect(component.customRangeMode).toBe(false);
-      expect(component.modelDate).toBeNull();
-      expect(emitSpy).toHaveBeenCalledWith(null);
-    });
-  });
-
-  describe('toggleCustomRange', () => {
-    it('should toggle customRangeMode to true and set preset to custom', () => {
-      component.customRangeMode = false;
-      component.toggleCustomRange();
-
-      expect(component.customRangeMode).toBe(true);
-      expect(component.selectedPreset).toBe('custom');
-    });
-
-    it('should toggle customRangeMode back to false', () => {
-      component.customRangeMode = true;
-      component.toggleCustomRange();
-
-      expect(component.customRangeMode).toBe(false);
-    });
-  });
-
-  describe('hasSelection', () => {
-    it('should return false when selectedDate is null', () => {
-      component.selectedDate = null;
-      expect(component.hasSelection).toBe(false);
-    });
-
-    it('should return false when selectedDate has only one date', () => {
-      component.selectedDate = [new Date(2024, 0, 1)];
-      expect(component.hasSelection).toBe(false);
-    });
-
-    it('should return true when selectedDate has two valid dates', () => {
-      component.selectedDate = [new Date(2024, 0, 1), new Date(2024, 0, 31)];
-      expect(component.hasSelection).toBe(true);
-    });
-
-    it('should return false when second date is null', () => {
-      component.selectedDate = [new Date(2024, 0, 1), null];
-      expect(component.hasSelection).toBe(false);
-    });
-  });
-
-  describe('getDateRangeLabel', () => {
-    it('should return empty string when no dates are selected', () => {
-      component.modelDate = null;
-      component.selectedDate = null;
-      expect(component.getDateRangeLabel()).toBe('');
-    });
-
-    it('should return start date with arrow when only start date is selected', () => {
-      const start = new Date(2024, 0, 15);
-      component.modelDate = [start, null] as any;
-      component.selectedDate = null;
-
-      const label = component.getDateRangeLabel();
-      expect(label).toContain('01/15/2024');
-      expect(label).toContain('\u2794');
-    });
-
-    it('should return full range label when both dates are selected', () => {
-      const start = new Date(2024, 0, 15);
-      const end = new Date(2024, 1, 20);
-      component.modelDate = [start, end];
-
-      const label = component.getDateRangeLabel();
-      expect(label).toContain('01/15/2024');
-      expect(label).toContain('02/20/2024');
-      expect(label).toContain('\u2794');
-    });
-
-    it('should return empty string when dateArray has no valid start or end', () => {
-      component.modelDate = [null, null] as any;
-      component.selectedDate = null;
-      expect(component.getDateRangeLabel()).toBe('');
-    });
-
-    it('should use selectedDate when modelDate is null', () => {
-      component.modelDate = null;
-      const start = new Date(2024, 5, 1);
-      const end = new Date(2024, 5, 30);
-      component.selectedDate = [start, end];
-
-      const label = component.getDateRangeLabel();
-      expect(label).toContain('06/01/2024');
-      expect(label).toContain('06/30/2024');
-    });
-  });
-
-  describe('ngOnChanges', () => {
-    it('should update selectedPreset when selectedDate changes to a known preset range', () => {
-      const today = new Date();
-      const normalizedToday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-
-      component.ngOnChanges({
-        selectedDate: {
-          currentValue: [normalizedToday, normalizedToday],
-          previousValue: null,
-          firstChange: true,
-          isFirstChange: () => true,
-        },
-      });
-
-      expect(component.selectedPreset).toBe('today');
-      expect(component.modelDate).toEqual([normalizedToday, normalizedToday]);
-    });
-
-    it('should set selectedPreset to custom for non-preset range', () => {
-      const start = new Date(2024, 3, 5);
-      const end = new Date(2024, 3, 15);
-
-      component.ngOnChanges({
-        selectedDate: {
-          currentValue: [start, end],
-          previousValue: null,
-          firstChange: true,
-          isFirstChange: () => true,
-        },
-      });
-
-      expect(component.selectedPreset).toBe('custom');
-    });
-
-    it('should reset selectedPreset when selectedDate is set to null', () => {
-      component.selectedPreset = 'today';
-
-      component.ngOnChanges({
-        selectedDate: {
-          currentValue: null,
-          previousValue: [new Date(), new Date()],
-          firstChange: false,
-          isFirstChange: () => false,
-        },
-      });
-
-      expect(component.selectedPreset).toBeNull();
-      expect(component.modelDate).toBeNull();
-    });
-  });
-
-  describe('onDateRangeChange', () => {
-    it('should emit dateRangeChange and detect preset', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-
-      const today = new Date();
-      const normalizedToday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      component.onDateRangeChange([normalizedToday, normalizedToday]);
-
-      expect(emitSpy).toHaveBeenCalledWith([normalizedToday, normalizedToday]);
-      expect(component.selectedPreset).toBe('today');
-    });
-
-    it('should reset selectedPreset when null is passed', () => {
-      component.selectedPreset = 'last7days';
-      component.onDateRangeChange(null);
-
-      expect(component.selectedPreset).toBeNull();
-    });
-  });
-
-  describe('detectPreset - partial matches', () => {
-    it('should return null when start matches yesterday but end does not', () => {
-      const today = new Date();
-      const yesterday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      yesterday.setDate(yesterday.getDate() - 1);
-      // start is yesterday, end is today - not a preset
-      component.onDateRangeChange([yesterday, new Date(today.getFullYear(), today.getMonth(), today.getDate())]);
-      expect(component.selectedPreset).toBeNull();
-    });
-
-    it('should return null when start matches last7days start but end does not', () => {
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setDate(end.getDate() - 6);
-      // Use correct start but wrong end
-      const wrongEnd = new Date(end);
-      wrongEnd.setDate(wrongEnd.getDate() - 1);
-      component.onDateRangeChange([start, wrongEnd]);
-      expect(component.selectedPreset).toBeNull();
-    });
-
-    it('should return null when start matches last30days start but end does not', () => {
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setDate(end.getDate() - 29);
-      const wrongEnd = new Date(end);
-      wrongEnd.setDate(wrongEnd.getDate() - 1);
-      component.onDateRangeChange([start, wrongEnd]);
-      expect(component.selectedPreset).toBeNull();
-    });
-
-    it('should return null when start matches last3months start but end does not', () => {
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setMonth(end.getMonth() - 3);
-      const wrongEnd = new Date(end);
-      wrongEnd.setDate(wrongEnd.getDate() - 1);
-      component.onDateRangeChange([start, wrongEnd]);
-      expect(component.selectedPreset).toBeNull();
-    });
-
-    it('should return null when start matches last6months start but end does not', () => {
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setMonth(end.getMonth() - 6);
-      const wrongEnd = new Date(end);
-      wrongEnd.setDate(wrongEnd.getDate() - 1);
-      component.onDateRangeChange([start, wrongEnd]);
-      expect(component.selectedPreset).toBeNull();
-    });
-
-    it('should return null when start matches last1year start but end does not', () => {
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setFullYear(end.getFullYear() - 1);
-      const wrongEnd = new Date(end);
-      wrongEnd.setDate(wrongEnd.getDate() - 1);
-      component.onDateRangeChange([start, wrongEnd]);
-      expect(component.selectedPreset).toBeNull();
-    });
-  });
-
-  describe('enLocale', () => {
-    it('should have correct locale structure', () => {
-      expect(component.enLocale).toBeDefined();
-      expect(component.enLocale.firstDayOfWeek).toBe(0);
-      expect(component.enLocale.dayNames).toHaveLength(7);
-      expect(component.enLocale.dayNamesShort).toHaveLength(7);
-      expect(component.enLocale.dayNamesMin).toHaveLength(7);
-      expect(component.enLocale.monthNames).toHaveLength(12);
-      expect(component.enLocale.monthNamesShort).toHaveLength(12);
-      expect(component.enLocale.today).toBe('Today');
-      expect(component.enLocale.clear).toBe('Clear');
-    });
-  });
-
-  describe('ngOnInit', () => {
-    it('should apply defaultPreset when selectedDate is null and defaultPreset is set', () => {
-      component.selectedDate = null;
-      component.defaultPreset = 'today';
-      const spy = jest.spyOn(component, 'applyPreset');
-
-      component.ngOnInit();
-
-      expect(spy).toHaveBeenCalledWith('today');
-    });
-
-    it('should not apply defaultPreset when selectedDate is already set', () => {
-      component.selectedDate = [new Date(), new Date()];
-      component.defaultPreset = 'today';
-      const spy = jest.spyOn(component, 'applyPreset');
-
-      component.ngOnInit();
-
-      expect(spy).not.toHaveBeenCalled();
-    });
-
-    it('should not apply defaultPreset when defaultPreset is null', () => {
-      component.selectedDate = null;
-      component.defaultPreset = null;
-      const spy = jest.spyOn(component, 'applyPreset');
-
-      component.ngOnInit();
-
-      expect(spy).not.toHaveBeenCalled();
-    });
-
-    it('should initialize modelDate from selectedDate', () => {
-      const start = new Date(2024, 0, 1);
-      const end = new Date(2024, 0, 31);
-      component.selectedDate = [start, end];
-
-      component.ngOnInit();
-
-      expect(component.modelDate).toEqual([start, end]);
-    });
-
-    it('should initialize modelDate as null when selectedDate is null', () => {
-      component.selectedDate = null;
-
-      component.ngOnInit();
-
-      expect(component.modelDate).toBeNull();
-    });
-  });
-
-  describe('applyPreset - remaining presets', () => {
-    it('should apply last3months preset correctly', () => {
-      component.applyPreset('last3months');
-
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setMonth(end.getMonth() - 3);
-      expect(component.selectedDate[0]).toEqual(start);
-      expect(component.selectedDate[1]).toEqual(end);
-      expect(component.selectedPreset).toBe('last3months');
-    });
-
-    it('should apply last6months preset correctly', () => {
-      component.applyPreset('last6months');
-
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setMonth(end.getMonth() - 6);
-      expect(component.selectedDate[0]).toEqual(start);
-      expect(component.selectedDate[1]).toEqual(end);
-      expect(component.selectedPreset).toBe('last6months');
-    });
-
-    it('should apply last1year preset correctly', () => {
-      component.applyPreset('last1year');
-
-      const today = new Date();
-      const end = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      const start = new Date(end);
-      start.setFullYear(end.getFullYear() - 1);
-      expect(component.selectedDate[0]).toEqual(start);
-      expect(component.selectedDate[1]).toEqual(end);
-      expect(component.selectedPreset).toBe('last1year');
-    });
-
-    it('should set customRangeMode to false after applying preset', () => {
-      component.customRangeMode = true;
-      component.applyPreset('today');
-      expect(component.customRangeMode).toBe(false);
-    });
-  });
-
-  describe('onOverlayShow', () => {
-    it('should store initial date and preset when overlay opens with selection', () => {
-      const start = new Date(2024, 0, 1);
-      const end = new Date(2024, 0, 31);
-      component.selectedDate = [start, end];
-      component.selectedPreset = 'custom';
-
-      component.onOverlayShow();
-
-      expect(component.modelDate).toEqual([start, end]);
-    });
-
-    it('should handle null selectedDate when overlay opens', () => {
-      component.selectedDate = null;
-
-      component.onOverlayShow();
-
-      expect(component.modelDate).toBeNull();
-    });
-
-    it('should detect preset when overlay opens with a preset range', () => {
-      const today = new Date();
-      const normalizedToday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      component.selectedDate = [normalizedToday, normalizedToday];
-
-      component.onOverlayShow();
-
-      expect(component.selectedPreset).toBe('today');
-    });
-
-    it('should handle selectedDate array with null elements', () => {
-      // When selectedDate has a start but no end (length 1), it's not a complete range
-      component.selectedDate = [new Date(2024, 0, 1)];
-
-      component.onOverlayShow();
-
-      // modelDate is synced from selectedDate
-      expect(component.modelDate).toEqual([new Date(2024, 0, 1)]);
-      // selectedPreset should be null since the range is incomplete
-      expect(component.selectedPreset).toBeNull();
-    });
-
-    it('should set selectedPreset to null when overlay opens with no selection', () => {
-      component.selectedDate = null;
-      component.selectedPreset = 'today';
-
-      component.onOverlayShow();
-
-      expect(component.selectedPreset).toBeNull();
-    });
-  });
-
-  describe('onOverlayHide', () => {
-    it('should revert to initial selection when model has partial range', () => {
-      const start = new Date(2024, 0, 1);
-      const end = new Date(2024, 0, 31);
-      component.selectedDate = [start, end];
-      component.selectedPreset = 'custom';
-
-      // Simulate overlay open (stores initial state)
-      component.onOverlayShow();
-
-      // Simulate partial selection (user clicked one date but didn't complete range)
-      component.modelDate = [new Date(2024, 2, 5), null] as any;
-
-      component.onOverlayHide();
-
-      // Should revert to initial selection
-      expect(component.selectedDate).toBeTruthy();
-      expect(component.customRangeMode).toBe(false);
-    });
-
-    it('should not revert when model has complete range', () => {
-      const start = new Date(2024, 0, 1);
-      const end = new Date(2024, 0, 31);
-      component.selectedDate = [start, end];
-
-      component.onOverlayShow();
-
-      // Complete range in model
-      component.modelDate = [new Date(2024, 2, 1), new Date(2024, 2, 15)];
-
-      component.onOverlayHide();
-
-      expect(component.customRangeMode).toBe(false);
-    });
-
-    it('should reset customRangeMode on hide', () => {
-      component.customRangeMode = true;
-      component.modelDate = [new Date(2024, 0, 1), new Date(2024, 0, 31)];
-
-      component.onOverlayHide();
-
-      expect(component.customRangeMode).toBe(false);
-    });
-  });
-
-  describe('onInputKeyDown', () => {
-    it('should call overlayPanel.toggle on Enter key', () => {
-      const mockOverlayPanel = { toggle: jest.fn() };
-      component.overlayPanel = mockOverlayPanel as any;
-
-      const event = { key: 'Enter', preventDefault: jest.fn() } as any;
-      component.onInputKeyDown(event);
-
-      expect(mockOverlayPanel.toggle).toHaveBeenCalled();
-      expect(event.preventDefault).toHaveBeenCalled();
-    });
-
-    it('should call overlayPanel.toggle on Space key', () => {
-      const mockOverlayPanel = { toggle: jest.fn() };
-      component.overlayPanel = mockOverlayPanel as any;
-
-      const event = { key: ' ', preventDefault: jest.fn() } as any;
-      component.onInputKeyDown(event);
-
-      expect(mockOverlayPanel.toggle).toHaveBeenCalled();
-      expect(event.preventDefault).toHaveBeenCalled();
-    });
-
-    it('should not call overlayPanel.toggle on other keys', () => {
-      const mockOverlayPanel = { toggle: jest.fn() };
-      component.overlayPanel = mockOverlayPanel as any;
-
-      const event = { key: 'a', preventDefault: jest.fn() } as any;
-      component.onInputKeyDown(event);
-
-      expect(mockOverlayPanel.toggle).not.toHaveBeenCalled();
-      expect(event.preventDefault).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('resetAndClose', () => {
-    it('should clear date range and hide overlay', () => {
-      const mockOverlayPanel = { hide: jest.fn() };
-      component.overlayPanel = mockOverlayPanel as any;
-      component.selectedDate = [new Date(), new Date()];
-
-      component.resetAndClose();
-
-      expect(component.selectedDate).toBeNull();
-      expect(mockOverlayPanel.hide).toHaveBeenCalled();
-    });
-
-    it('should work without overlayPanel', () => {
-      component.overlayPanel = undefined;
-      component.selectedDate = [new Date(), new Date()];
-
-      expect(() => component.resetAndClose()).not.toThrow();
-      expect(component.selectedDate).toBeNull();
-    });
-  });
-
-  describe('clearAndStop', () => {
-    it('should clear date range, hide overlay, and stop event propagation', () => {
-      const mockOverlayPanel = { hide: jest.fn() };
-      component.overlayPanel = mockOverlayPanel as any;
-      component.selectedDate = [new Date(), new Date()];
-      const event = { stopPropagation: jest.fn() } as any;
-
-      component.clearAndStop(event);
-
-      expect(component.selectedDate).toBeNull();
-      expect(mockOverlayPanel.hide).toHaveBeenCalled();
-      expect(event.stopPropagation).toHaveBeenCalled();
-    });
-  });
-
-  describe('applyCustomRange', () => {
-    it('should sync selectedDate from modelDate and emit', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-      const start = new Date(2024, 0, 1);
-      const end = new Date(2024, 0, 31);
-      component.modelDate = [start, end];
-      const mockOverlayPanel = { hide: jest.fn() };
-      component.overlayPanel = mockOverlayPanel as any;
-
-      component.applyCustomRange();
-
-      expect(component.selectedDate).toEqual([start, end]);
-      expect(emitSpy).toHaveBeenCalledWith([start, end]);
-      expect(component.customRangeMode).toBe(false);
-      expect(component.selectedPreset).toBe('custom');
-      expect(mockOverlayPanel.hide).toHaveBeenCalled();
-    });
-
-    it('should handle null modelDate', () => {
-      const emitSpy = jest.fn();
-      component.dateRangeChange.subscribe(emitSpy);
-      component.modelDate = null;
-
-      component.applyCustomRange();
-
-      expect(component.selectedDate).toBeNull();
-      expect(emitSpy).toHaveBeenCalledWith(null);
-    });
-  });
-
-  describe('onCalendarViewChanged', () => {
-    it('should not throw when called', () => {
-      jest.useFakeTimers();
-      expect(() => component.onCalendarViewChanged()).not.toThrow();
-      jest.runAllTimers();
-      jest.useRealTimers();
-    });
-  });
-
-  describe('ngOnDestroy', () => {
-    it('should not throw when called', () => {
-      expect(() => component.ngOnDestroy()).not.toThrow();
-    });
-
-    it('should cancel scheduled updates', () => {
-      const cancelSpy = jest.spyOn(window, 'cancelAnimationFrame');
-      // Force a scheduled update
-      (component as any)._updateRafId = 123;
-      component.ngOnDestroy();
-      expect(cancelSpy).toHaveBeenCalledWith(123);
-      cancelSpy.mockRestore();
-    });
-  });
-
-  describe('onModelChange - partial range', () => {
-    it('should set selectedPreset to null for partial range (single date)', () => {
-      const start = new Date(2024, 0, 10);
-      component.onModelChange([start]);
-
-      expect(component.selectedPreset).toBeNull();
-      expect(component.customRangeMode).toBe(false);
-    });
-  });
-
-  describe('private _scheduleUpdate', () => {
-    it('should schedule a requestAnimationFrame', () => {
-      const rafSpy = jest.spyOn(window, 'requestAnimationFrame').mockReturnValue(42);
-      (component as any)._scheduleUpdate();
-      expect(rafSpy).toHaveBeenCalled();
-      expect((component as any)._updateRafId).toBe(42);
-      rafSpy.mockRestore();
-    });
-
-    it('should not schedule if already scheduled', () => {
-      (component as any)._updateRafId = 99;
-      const rafSpy = jest.spyOn(window, 'requestAnimationFrame');
-      (component as any)._scheduleUpdate();
-      expect(rafSpy).not.toHaveBeenCalled();
-      rafSpy.mockRestore();
-    });
-  });
-
-  describe('private _cancelScheduledUpdate', () => {
-    it('should cancel if updateRafId is set', () => {
-      const cancelSpy = jest.spyOn(window, 'cancelAnimationFrame');
-      (component as any)._updateRafId = 55;
-      (component as any)._cancelScheduledUpdate();
-      expect(cancelSpy).toHaveBeenCalledWith(55);
-      expect((component as any)._updateRafId).toBeNull();
-      cancelSpy.mockRestore();
-    });
-
-    it('should do nothing if updateRafId is null', () => {
-      const cancelSpy = jest.spyOn(window, 'cancelAnimationFrame');
-      (component as any)._updateRafId = null;
-      (component as any)._cancelScheduledUpdate();
-      expect(cancelSpy).not.toHaveBeenCalled();
-      cancelSpy.mockRestore();
-    });
-  });
-
-  describe('private _getCalendarElements', () => {
-    it('should return empty array when no calendar elements exist in DOM', () => {
-      const result = (component as any)._getCalendarElements();
-      expect(result).toEqual([]);
-    });
-
-    it('should find overlay calendar element', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      const result = (component as any)._getCalendarElements();
-      expect(result.length).toBeGreaterThan(0);
-
-      document.body.removeChild(container);
-    });
-
-    it('should find inline calendar element', () => {
-      const container = document.createElement('div');
-      container.className = 'inline-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      const result = (component as any)._getCalendarElements();
-      expect(result.length).toBeGreaterThan(0);
-
-      document.body.removeChild(container);
-    });
-
-    it('should find element from overlayPanel', () => {
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      const nativeEl = document.createElement('div');
-      nativeEl.appendChild(datepicker);
-      component.overlayPanel = { el: { nativeElement: nativeEl } } as any;
-
-      const result = (component as any)._getCalendarElements();
-      expect(result).toContain(datepicker);
-    });
-  });
-
-  describe('private _stopCalendarObservers', () => {
-    it('should disconnect all observers and clear arrays', () => {
-      const mockObs = { disconnect: jest.fn() };
-      (component as any)._calendarObservers = [mockObs];
-      (component as any)._parentObservers = [mockObs];
-      (component as any)._observedElements = [document.createElement('div')];
-      (component as any)._observedParentElements = [document.createElement('div')];
-
-      (component as any)._stopCalendarObservers();
-
-      expect(mockObs.disconnect).toHaveBeenCalledTimes(2);
-      expect((component as any)._calendarObservers).toEqual([]);
-      expect((component as any)._parentObservers).toEqual([]);
-      expect((component as any)._observedElements).toEqual([]);
-      expect((component as any)._observedParentElements).toEqual([]);
-    });
-  });
-
-  describe('private _startCalendarObservers', () => {
-    it('should set up mutation observers on calendar elements', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      const parent = document.createElement('div');
-      parent.appendChild(datepicker);
-      container.appendChild(parent);
-      document.body.appendChild(container);
-
-      (component as any)._startCalendarObservers();
-
-      expect((component as any)._calendarObservers.length).toBeGreaterThan(0);
-
-      (component as any)._stopCalendarObservers();
-      document.body.removeChild(container);
-    });
-
-    it('should find datepicker from overlayPanel', () => {
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      const nativeEl = document.createElement('div');
-      nativeEl.appendChild(datepicker);
-      component.overlayPanel = { el: { nativeElement: nativeEl } } as any;
-
-      (component as any)._startCalendarObservers();
-
-      expect((component as any)._calendarObservers.length).toBeGreaterThan(0);
-
-      (component as any)._stopCalendarObservers();
-    });
-
-    it('should handle overlayPanel without datepicker element', () => {
-      const nativeEl = document.createElement('div');
-      component.overlayPanel = { el: { nativeElement: nativeEl } } as any;
-
-      expect(() => (component as any)._startCalendarObservers()).not.toThrow();
-    });
-
-    it('should set up parent observers', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const parent = document.createElement('div');
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      parent.appendChild(datepicker);
-      container.appendChild(parent);
-      document.body.appendChild(container);
-
-      (component as any)._startCalendarObservers();
-
-      expect((component as any)._parentObservers.length).toBeGreaterThan(0);
-
-      (component as any)._stopCalendarObservers();
-      document.body.removeChild(container);
-    });
-
-    it('should schedule update when child DOM changes', (done) => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const parent = document.createElement('div');
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      parent.appendChild(datepicker);
-      container.appendChild(parent);
-      document.body.appendChild(container);
-
-      const scheduleSpy = jest.spyOn(component as any, '_scheduleUpdate');
-      (component as any)._startCalendarObservers();
-
-      // Trigger a DOM mutation inside the datepicker
-      const newChild = document.createElement('span');
-      datepicker.appendChild(newChild);
-
-      // MutationObserver callbacks are async
-      setTimeout(() => {
-        expect(scheduleSpy).toHaveBeenCalled();
-        (component as any)._stopCalendarObservers();
-        document.body.removeChild(container);
-        done();
-      }, 50);
-    });
-
-    it('should schedule update and reattach when parent DOM changes', (done) => {
-      jest.useFakeTimers();
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const parent = document.createElement('div');
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      parent.appendChild(datepicker);
-      container.appendChild(parent);
-      document.body.appendChild(container);
-
-      const scheduleSpy = jest.spyOn(component as any, '_scheduleUpdate');
-      (component as any)._startCalendarObservers();
-
-      // Trigger a parent DOM mutation (adding a sibling to datepicker)
-      const sibling = document.createElement('div');
-      parent.appendChild(sibling);
-
-      // Use real timers for the MutationObserver callback
-      jest.useRealTimers();
-      setTimeout(() => {
-        expect(scheduleSpy).toHaveBeenCalled();
-        (component as any)._stopCalendarObservers();
-        document.body.removeChild(container);
-        done();
-      }, 200);
-    });
-  });
-
-  describe('private _updateStartEndRangeClasses', () => {
-    it('should add start-range and end-range classes to highlighted spans', () => {
-      // Set up DOM with a calendar structure
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      // Create header with month/year
-      const header = document.createElement('div');
-      header.className = 'p-datepicker-header';
-      const title = document.createElement('div');
-      title.className = 'p-datepicker-title';
-      const monthEl = document.createElement('span');
-      monthEl.className = 'p-datepicker-month';
-      monthEl.textContent = 'January';
-      const yearEl = document.createElement('span');
-      yearEl.className = 'p-datepicker-year';
-      yearEl.textContent = '2024';
-      title.appendChild(monthEl);
-      title.appendChild(yearEl);
-      header.appendChild(title);
-      datepicker.appendChild(header);
-
-      // Create table with highlighted spans
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-
-      const td1 = document.createElement('td');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      span1.textContent = '10';
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-
-      const td2 = document.createElement('td');
-      const span2 = document.createElement('span');
-      span2.className = 'p-highlight';
-      span2.textContent = '11';
-      td2.appendChild(span2);
-      tr.appendChild(td2);
-
-      const td3 = document.createElement('td');
-      const span3 = document.createElement('span');
-      span3.className = 'p-highlight';
-      span3.textContent = '12';
-      td3.appendChild(span3);
-      tr.appendChild(td3);
-
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      // Set selected date range
-      component.selectedDate = [new Date(2024, 0, 10), new Date(2024, 0, 12)];
-
-      (component as any)._updateStartEndRangeClasses();
-
-      expect(span1.classList.contains('start-range')).toBe(true);
-      expect(span2.classList.contains('between-range')).toBe(true);
-      expect(span3.classList.contains('end-range')).toBe(true);
-
-      document.body.removeChild(container);
-    });
-
-    it('should handle single-day range (same start and end)', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      const header = document.createElement('div');
-      header.className = 'p-datepicker-header';
-      const title = document.createElement('div');
-      title.className = 'p-datepicker-title';
-      const monthEl = document.createElement('span');
-      monthEl.className = 'p-datepicker-month';
-      monthEl.textContent = 'January';
-      const yearEl = document.createElement('span');
-      yearEl.className = 'p-datepicker-year';
-      yearEl.textContent = '2024';
-      title.appendChild(monthEl);
-      title.appendChild(yearEl);
-      header.appendChild(title);
-      datepicker.appendChild(header);
-
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-      const td1 = document.createElement('td');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      span1.textContent = '15';
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      component.selectedDate = [new Date(2024, 0, 15), new Date(2024, 0, 15)];
-
-      (component as any)._updateStartEndRangeClasses();
-
-      expect(span1.classList.contains('start-range')).toBe(true);
-      expect(span1.classList.contains('end-range')).toBe(true);
-
-      document.body.removeChild(container);
-    });
-
-    it('should handle data-date attribute on spans', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-
-      const td1 = document.createElement('td');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      span1.setAttribute('data-date', '2024-01-10');
-      span1.textContent = '10';
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-
-      const td2 = document.createElement('td');
-      const span2 = document.createElement('span');
-      span2.className = 'p-highlight';
-      span2.setAttribute('data-date', '2024-01-12');
-      span2.textContent = '12';
-      td2.appendChild(span2);
-      tr.appendChild(td2);
-
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      component.selectedDate = [new Date(2024, 0, 10), new Date(2024, 0, 12)];
-
-      (component as any)._updateStartEndRangeClasses();
-
-      expect(span1.classList.contains('start-range')).toBe(true);
-      expect(span2.classList.contains('end-range')).toBe(true);
-
-      document.body.removeChild(container);
-    });
-
-    it('should handle data-date attribute on td elements', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-
-      const td1 = document.createElement('td');
-      td1.setAttribute('data-date', '2024-02-05');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      span1.textContent = '5';
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      component.selectedDate = [new Date(2024, 1, 5), new Date(2024, 1, 5)];
-
-      (component as any)._updateStartEndRangeClasses();
-
-      expect(span1.classList.contains('start-range')).toBe(true);
-
-      document.body.removeChild(container);
-    });
-
-    it('should return early when no highlighted items found', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      // No highlighted spans - should not throw
-      expect(() => (component as any)._updateStartEndRangeClasses()).not.toThrow();
-
-      document.body.removeChild(container);
-    });
-
-    it('should use modelDate when selectedDate is not a 2-element array', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      const header = document.createElement('div');
-      header.className = 'p-datepicker-header';
-      const title = document.createElement('div');
-      title.className = 'p-datepicker-title';
-      const monthEl = document.createElement('span');
-      monthEl.className = 'p-datepicker-month';
-      monthEl.textContent = 'March';
-      const yearEl = document.createElement('span');
-      yearEl.className = 'p-datepicker-year';
-      yearEl.textContent = '2024';
-      title.appendChild(monthEl);
-      title.appendChild(yearEl);
-      header.appendChild(title);
-      datepicker.appendChild(header);
-
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-      const td1 = document.createElement('td');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      span1.textContent = '5';
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-      const td2 = document.createElement('td');
-      const span2 = document.createElement('span');
-      span2.className = 'p-highlight';
-      span2.textContent = '10';
-      td2.appendChild(span2);
-      tr.appendChild(td2);
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      // Set selectedDate to null but modelDate to a valid range
-      component.selectedDate = null;
-      component.modelDate = [new Date(2024, 2, 5), new Date(2024, 2, 10)];
-
-      (component as any)._updateStartEndRangeClasses();
-
-      expect(span1.classList.contains('start-range')).toBe(true);
-      expect(span2.classList.contains('end-range')).toBe(true);
-
-      document.body.removeChild(container);
-    });
-
-    it('should fall back to detected range when neither selectedDate nor modelDate has 2 elements', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      const header = document.createElement('div');
-      header.className = 'p-datepicker-header';
-      const title = document.createElement('div');
-      title.className = 'p-datepicker-title';
-      const monthEl = document.createElement('span');
-      monthEl.className = 'p-datepicker-month';
-      monthEl.textContent = 'February';
-      const yearEl = document.createElement('span');
-      yearEl.className = 'p-datepicker-year';
-      yearEl.textContent = '2024';
-      title.appendChild(monthEl);
-      title.appendChild(yearEl);
-      header.appendChild(title);
-      datepicker.appendChild(header);
-
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-      const td1 = document.createElement('td');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      span1.textContent = '1';
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-      const td2 = document.createElement('td');
-      const span2 = document.createElement('span');
-      span2.className = 'p-highlight';
-      span2.textContent = '28';
-      td2.appendChild(span2);
-      tr.appendChild(td2);
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      // Neither selectedDate nor modelDate has 2 elements
-      component.selectedDate = null;
-      component.modelDate = null;
-
-      (component as any)._updateStartEndRangeClasses();
-
-      // Should use detected start/end from the highlighted spans
-      expect(span1.classList.contains('start-range')).toBe(true);
-      expect(span2.classList.contains('end-range')).toBe(true);
-
-      document.body.removeChild(container);
-    });
-
-    it('should handle span without textContent gracefully', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const datepicker = document.createElement('div');
-      datepicker.className = 'p-datepicker';
-
-      const header = document.createElement('div');
-      header.className = 'p-datepicker-header';
-      const title = document.createElement('div');
-      title.className = 'p-datepicker-title';
-      const monthEl = document.createElement('span');
-      monthEl.className = 'p-datepicker-month';
-      monthEl.textContent = 'January';
-      const yearEl = document.createElement('span');
-      yearEl.className = 'p-datepicker-year';
-      yearEl.textContent = '2024';
-      title.appendChild(monthEl);
-      title.appendChild(yearEl);
-      header.appendChild(title);
-      datepicker.appendChild(header);
-
-      const table = document.createElement('table');
-      const tbody = document.createElement('tbody');
-      const tr = document.createElement('tr');
-      const td1 = document.createElement('td');
-      const span1 = document.createElement('span');
-      span1.className = 'p-highlight';
-      // No textContent - empty span
-      td1.appendChild(span1);
-      tr.appendChild(td1);
-      tbody.appendChild(tr);
-      table.appendChild(tbody);
-      datepicker.appendChild(table);
-      container.appendChild(datepicker);
-      document.body.appendChild(container);
-
-      component.selectedDate = [new Date(2024, 0, 1), new Date(2024, 0, 31)];
-
-      // Should not throw even with empty span
-      expect(() => (component as any)._updateStartEndRangeClasses()).not.toThrow();
-
-      document.body.removeChild(container);
-    });
-  });
-
-  describe('private _findElementByDate', () => {
-    it('should return undefined when no date is provided', () => {
-      const result = (component as any)._findElementByDate(undefined);
-      expect(result).toBeUndefined();
-    });
-
-    it('should return undefined when element is not found in DOM', () => {
-      const result = (component as any)._findElementByDate(new Date(2024, 0, 15));
-      expect(result).toBeUndefined();
-    });
-
-    it('should find element by padded data-date in overlay', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const td = document.createElement('td');
-      td.setAttribute('data-date', '2024-01-15');
-      container.appendChild(td);
-      document.body.appendChild(container);
-
-      const result = (component as any)._findElementByDate(new Date(2024, 0, 15));
-      expect(result).toBe(td);
-
-      document.body.removeChild(container);
-    });
-
-    it('should find element by unpadded data-date', () => {
-      const el = document.createElement('td');
-      el.setAttribute('data-date', '2024-1-5');
-      document.body.appendChild(el);
-
-      const result = (component as any)._findElementByDate(new Date(2024, 0, 5));
-      expect(result).toBe(el);
-
-      document.body.removeChild(el);
-    });
-
-    it('should return element directly when closest td is null in overlay', () => {
-      const container = document.createElement('div');
-      container.className = 'atomix-overlay-calendar';
-      const span = document.createElement('span');
-      span.setAttribute('data-date', '2024-03-10');
-      container.appendChild(span);
-      document.body.appendChild(container);
-
-      const result = (component as any)._findElementByDate(new Date(2024, 2, 10));
-      expect(result).toBe(span);
-
-      document.body.removeChild(container);
-    });
-
-    it('should return element directly when closest td is null outside overlay', () => {
-      const span = document.createElement('span');
-      span.setAttribute('data-date', '2024-4-20');
-      document.body.appendChild(span);
-
-      const result = (component as any)._findElementByDate(new Date(2024, 3, 20));
-      expect(result).toBe(span);
-
-      document.body.removeChild(span);
-    });
-  });
-
-  describe('private isoDate', () => {
-    it('should format date as ISO string', () => {
-      const result = (component as any).isoDate(new Date(2024, 0, 5));
-      expect(result).toBe('2024-01-05');
-    });
-
-    it('should pad month and day with zeros', () => {
-      const result = (component as any).isoDate(new Date(2024, 11, 25));
-      expect(result).toBe('2024-12-25');
-    });
-  });
-
-  describe('ngOnInit with inline mode', () => {
-    it('should start calendar observers when inline is true', () => {
-      component.inline = true;
-      const spy = jest.spyOn(component as any, '_startCalendarObservers');
-      component.ngOnInit();
-      expect(spy).toHaveBeenCalled();
-    });
-  });
-});