feat(datetimepicker): implementa ajustes

implementa ajustes

Fixes: DTHFUI-11495

Author: arthur-polidorio

projects/ui/src/lib/components/po-calendar/po-calendar.component.spec.ts

@@ -776,21 +776,21 @@ describe('PoCalendarComponent:', () => {
     describe('isToday:', () => {
       it('should return true for today', () => {
         const today = new Date();
-        expect(component['isToday'](today)).toBe(true);
+        expect(component['poCalendarService'].isToday(today)).toBe(true);
       });
 
       it('should return false for yesterday', () => {
         const yesterday = new Date();
         yesterday.setDate(yesterday.getDate() - 1);
-        expect(component['isToday'](yesterday)).toBe(false);
+        expect(component['poCalendarService'].isToday(yesterday)).toBe(false);
       });
 
       it('should return false for null', () => {
-        expect(component['isToday'](null)).toBe(false);
+        expect(component['poCalendarService'].isToday(null)).toBe(false);
       });
 
       it('should return false for undefined', () => {
-        expect(component['isToday'](undefined)).toBe(false);
+        expect(component['poCalendarService'].isToday(undefined)).toBe(false);
       });
     });
 

projects/ui/src/lib/components/po-calendar/po-calendar.component.ts

@@ -18,8 +18,8 @@ import { AbstractControl, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/form
 
 import { isMobile } from '../../utils/util';
 import { PoButtonComponent } from '../po-button';
-import { PoCalendarLangService } from './services';
 import { PoTimerComponent } from '../po-timer/po-timer.component';
+import { PoCalendarLangService, PoCalendarService } from './services';
 import { PoCalendarBaseComponent } from './po-calendar-base.component';
 import { PoDateService } from '../../services/po-date/po-date.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
@@ -81,6 +81,7 @@ export class PoCalendarComponent extends PoCalendarBaseComponent implements OnIn
   @ViewChildren('monthOption') monthOptions: QueryList<PoButtonComponent>;
 
   private readonly changeDetector = inject(ChangeDetectorRef);
+  private readonly poCalendarService = inject(PoCalendarService);
   private readonly poCalendarLangService = inject(PoCalendarLangService);
 
   hoverValue: Date;
@@ -394,7 +395,7 @@ export class PoCalendarComponent extends PoCalendarBaseComponent implements OnIn
     this.change.emit(newModel);
 
     // Em modo date-time, se a data selecionada é "hoje", define a hora atual no timer
-    if (this.isDateTime && this.timerComponent && this.isToday(selectedDate)) {
+    if (this.isDateTime && this.timerComponent && this.poCalendarService.isToday(selectedDate)) {
       const now = new Date();
       const hours = ('0' + now.getHours()).slice(-2);
       const minutes = ('0' + now.getMinutes()).slice(-2);
@@ -527,18 +528,6 @@ export class PoCalendarComponent extends PoCalendarBaseComponent implements OnIn
     return new Date(date.getFullYear(), date.getMonth(), date.getDate());
   }
 
-  private isToday(date: Date): boolean {
-    if (!date || !(date instanceof Date)) {
-      return false;
-    }
-    const today = new Date();
-    return (
-      date.getDate() === today.getDate() &&
-      date.getMonth() === today.getMonth() &&
-      date.getFullYear() === today.getFullYear()
-    );
-  }
-
   private enrichPresetsWithDisabledState(
     presets: Array<PoCalendarRangePreset>,
     minDateInput?: Date,

projects/ui/src/lib/components/po-calendar/services/po-calendar.service.spec.ts

@@ -85,5 +85,30 @@ describe('PoCalendarService:', () => {
     it('monthDates: should get month days with year is greater than 101', () => {
       expect(service.monthDays(158, 7).length).toBe(5);
     });
+
+    describe('isToday:', () => {
+      it('should return true for today', () => {
+        const today = new Date();
+        expect(service.isToday(today)).toBe(true);
+      });
+
+      it('should return false for yesterday', () => {
+        const yesterday = new Date();
+        yesterday.setDate(yesterday.getDate() - 1);
+        expect(service.isToday(yesterday)).toBe(false);
+      });
+
+      it('should return false for null', () => {
+        expect(service.isToday(null)).toBe(false);
+      });
+
+      it('should return false for undefined', () => {
+        expect(service.isToday(undefined)).toBe(false);
+      });
+
+      it('should return false for non-Date value', () => {
+        expect(service.isToday('2024-01-01' as any)).toBe(false);
+      });
+    });
   });
 });

projects/ui/src/lib/components/po-calendar/services/po-calendar.service.ts

@@ -100,4 +100,16 @@ export class PoCalendarService {
     }
     return startDate;
   }
+
+  isToday(date: Date): boolean {
+    if (!date || !(date instanceof Date)) {
+      return false;
+    }
+    const today = new Date();
+    return (
+      date.getDate() === today.getDate() &&
+      date.getMonth() === today.getMonth() &&
+      date.getFullYear() === today.getFullYear()
+    );
+  }
 }

projects/ui/src/lib/components/po-field/po-datetimepicker/po-datetimepicker-base.component.spec.ts

@@ -30,53 +30,53 @@ describe('PoDatetimepickerBaseComponent:', () => {
       spyOn(component, 'refreshValue');
       component.writeValue(null);
 
-      expect(component.date).toBeUndefined();
-      expect(component.timeValue).toBe('');
+      expect(component['date']).toBeUndefined();
+      expect(component['timeValue']).toBe('');
       expect(component.refreshValue).toHaveBeenCalledWith(undefined);
     });
 
     it('should clear date and timeValue when value is empty string', () => {
       spyOn(component, 'refreshValue');
       component.writeValue('');
 
-      expect(component.date).toBeUndefined();
-      expect(component.timeValue).toBe('');
+      expect(component['date']).toBeUndefined();
+      expect(component['timeValue']).toBe('');
     });
 
     it('should set date and timeValue from Date object', () => {
       spyOn(component, 'refreshValue');
       const date = new Date(2026, 4, 12, 14, 30, 0);
       component.writeValue(date);
 
-      expect(component.date.getFullYear()).toBe(2026);
-      expect(component.date.getMonth()).toBe(4);
-      expect(component.date.getDate()).toBe(12);
-      expect(component.timeValue).toBe('14:30');
+      expect(component['date'].getFullYear()).toBe(2026);
+      expect(component['date'].getMonth()).toBe(4);
+      expect(component['date'].getDate()).toBe(12);
+      expect(component['timeValue']).toBe('14:30');
     });
 
     it('should set date and timeValue from ISO string with timezone', () => {
       spyOn(component, 'refreshValue');
       component.writeValue('2026-05-12T14:30:00-03:00');
 
-      expect(component.date).toBeDefined();
-      expect(component.timeValue).toBeTruthy();
+      expect(component['date']).toBeDefined();
+      expect(component['timeValue']).toBeTruthy();
     });
 
     it('should set date and timeValue from ISO string without timezone', () => {
       spyOn(component, 'refreshValue');
       component.writeValue('2026-05-12T14:30:00');
 
-      expect(component.date).toBeDefined();
-      expect(component.timeValue).toContain('14:30');
+      expect(component['date']).toBeDefined();
+      expect(component['timeValue']).toContain('14:30');
     });
 
     it('should set date with 00:00 time from date-only ISO string', () => {
       spyOn(component, 'refreshValue');
       component.writeValue('2026-05-12');
 
-      expect(component.date).toBeDefined();
-      expect(component.date.getFullYear()).toBe(2026);
-      expect(component.timeValue).toBe('00:00');
+      expect(component['date']).toBeDefined();
+      expect(component['date'].getFullYear()).toBe(2026);
+      expect(component['timeValue']).toBe('00:00');
     });
 
     it('should call callOnChange with ISO model when date and time are valid', () => {
@@ -165,22 +165,22 @@ describe('PoDatetimepickerBaseComponent:', () => {
 
   describe('getModelValue:', () => {
     it('should return empty string when date is undefined', () => {
-      component.date = undefined;
+      component['date'] = undefined;
       expect(component.getModelValue()).toBe('');
     });
 
     it('should return ISO string with timezone when date and time are set', () => {
-      component.date = new Date(2026, 4, 12);
-      component.timeValue = '14:30';
+      component['date'] = new Date(2026, 4, 12);
+      component['timeValue'] = '14:30';
       const result = component.getModelValue();
 
       expect(result).toContain('2026-05-12T14:30');
       expect(result).toMatch(/[+-]\d{2}:\d{2}$/);
     });
 
     it('should use 00:00 as default time when timeValue is empty', () => {
-      component.date = new Date(2026, 4, 12);
-      component.timeValue = '';
+      component['date'] = new Date(2026, 4, 12);
+      component['timeValue'] = '';
       const result = component.getModelValue();
 
       expect(result).toContain('2026-05-12T00:00');
@@ -243,16 +243,16 @@ describe('PoDatetimepickerBaseComponent:', () => {
   describe('controlModel:', () => {
     it('should call callOnChange with model value', () => {
       spyOn(component, 'callOnChange');
-      component.date = new Date(2026, 4, 12);
-      component.timeValue = '14:30';
+      component['date'] = new Date(2026, 4, 12);
+      component['timeValue'] = '14:30';
       component.controlModel();
 
       expect(component.callOnChange).toHaveBeenCalled();
     });
 
     it('should call callOnChange with empty string when no date', () => {
       spyOn(component, 'callOnChange');
-      component.date = undefined;
+      component['date'] = undefined;
       component.controlModel();
 
       expect(component.callOnChange).toHaveBeenCalledWith('');
@@ -271,10 +271,17 @@ describe('PoDatetimepickerBaseComponent:', () => {
     });
 
     it('should include seconds when provided in 24h format', () => {
+      Object.defineProperty(component, 'showSeconds', { value: () => true });
       const result = component.formatTimeForDisplay('14:30:45');
       expect(result).toBe('14:30:45');
     });
 
+    it('should truncate seconds when showSeconds is false and time has seconds', () => {
+      Object.defineProperty(component, 'showSeconds', { value: () => false });
+      const result = component.formatTimeForDisplay('14:30:45');
+      expect(result).toBe('14:30');
+    });
+
     it('should return 12:00 AM when time is empty in 12h format', () => {
       Object.defineProperty(component, 'is12HourFormat', { get: () => true });
       const result = component.formatTimeForDisplay('');
@@ -312,6 +319,7 @@ describe('PoDatetimepickerBaseComponent:', () => {
     });
 
     it('should include seconds in 12h format', () => {
+      Object.defineProperty(component, 'showSeconds', { value: () => true });
       Object.defineProperty(component, 'is12HourFormat', { get: () => true });
       const result = component.formatTimeForDisplay('14:30:45');
       expect(result).toBe('02:30:45 PM');
@@ -370,14 +378,14 @@ describe('PoDatetimepickerBaseComponent:', () => {
 
   describe('validate - date range and time range:', () => {
     it('should return date error when date is out of range', () => {
-      component.date = new Date(2020, 0, 1);
+      component['date'] = new Date(2020, 0, 1);
       component['_resolvedMinDate'] = new Date(2025, 0, 1);
       const control = new FormControl('2020-01-01T10:00-03:00');
       expect(component.validate(control)).toEqual({ date: { valid: false } });
     });
 
     it('should return time error when time is out of range', () => {
-      component.date = new Date(2026, 4, 12);
+      component['date'] = new Date(2026, 4, 12);
       component['_timeValue'] = '22:00';
       // Set maxTime signal - use internal property since we can't setInput without fixture
       component['_resolvedMinDate'] = undefined;
@@ -540,15 +548,15 @@ describe('PoDatetimepickerBaseComponent:', () => {
       spyOn(component, 'refreshValue');
       component.writeValue('2026-05-12Tinvalid');
 
-      expect(component.date).toBeDefined();
+      expect(component['date']).toBeDefined();
     });
 
     it('should parse date-only string and set timeValue to 00:00', () => {
       spyOn(component, 'refreshValue');
       component['processStringValue']('2026-05-12');
 
-      expect(component.date).toBeDefined();
-      expect(component.timeValue).toBe('00:00');
+      expect(component['date']).toBeDefined();
+      expect(component['timeValue']).toBe('00:00');
     });
   });
 
@@ -576,6 +584,7 @@ describe('PoDatetimepickerBaseComponent:', () => {
 
   describe('extractTimeFromDate:', () => {
     it('should return HH:mm:ss when seconds are not 00', () => {
+      Object.defineProperty(component, 'showSeconds', { value: () => true });
       const date = new Date(2026, 4, 12, 14, 30, 45);
       expect(component['extractTimeFromDate'](date)).toBe('14:30:45');
     });
@@ -673,13 +682,13 @@ describe('PoDatetimepickerBaseComponent - Effects (with fixture):', () => {
     it('should set placeholder when value is string', () => {
       fixture.componentRef.setInput('p-placeholder', 'Enter date');
       fixture.detectChanges();
-      expect(component.isPlaceholder).toBe('Enter date');
+      expect(component.placeholderValue).toBe('Enter date');
     });
 
     it('should set empty string when value is not string', () => {
       fixture.componentRef.setInput('p-placeholder', undefined);
       fixture.detectChanges();
-      expect(component.isPlaceholder).toBe('');
+      expect(component.placeholderValue).toBe('');
     });
   });