[BUG]

[atlasfry]

Bug Description

The seconds logic is not working when using the time-picker only feature with useSeconds.

Steps to Reproduce

1. Using timer to display time picker only with seconds.
2. Click on and update the '...'Hours, Minutes, and Seconds.
3. Added an alert to display the changed time using .ts function onDateChange(value: Date) { alert("The Date: " + value); ...}.
4. Only the Hour and Minutes changed.

Expected Behavior

Expect to have the Seconds update the date value the same as the Hours and Minutes update.

Actual Behavior

Only the Hours and Minutes changed the date value. Thee Seconds changes did not affect the date value.

Environment

atlasfry

• Angular Version:20.3.1
• ngxsmk-datepicker Version: 2.2.2
• Browser:Chrome Version 141.0.7390.123
• Platform: Windows 11.
• Ionic Version N/A

Code Example

// Your component code

.TS:
Import { NgxsmkDatePickerComponent } from ngxsmk-datepicker
…
Imports: [
…
NgxsmkDatePickerComponent,
…
]
Export classmMyTest {
…
onDateChange(value: Date) {
…
alert("value: " + value);
…
}
…
}

```html
…
<div>
	<ngxsmk-datepicker mode="'single'" [displayFormat]="'hh:mm:ss'" [showSeconds]="true" [timeOnly]="true" [use24Hour]=true [locale]="'en-US'" [theme]="'light'" > </ngxsmk-datepicker>
<div>
…

## Screenshots
If applicable, add screenshots to help explain your problem.

<img width="775" height="199" alt="Image" src="https://github.com/user-attachments/assets/1c008e79-33dd-41e7-b0b4-87f4eaf05171" />

## Additional Context
Add any other context about the problem here.

## Possible Solution
If you have ideas on how to fix this, please share them.

[toozuuu]

Bug Description

The seconds logic is not working when using the time-picker only feature with useSeconds.

Steps to Reproduce

1. Using timer to display time picker only with seconds.
2. Click on and update the '...'Hours, Minutes, and Seconds.
3. Added an alert to display the changed time using .ts function onDateChange(value: Date) { alert("The Date: " + value); ...}.
4. Only the Hour and Minutes changed.

Expected Behavior

Expect to have the Seconds update the date value the same as the Hours and Minutes update.

Actual Behavior

Only the Hours and Minutes changed the date value. Thee Seconds changes did not affect the date value.

Environment

atlasfry

• Angular Version:20.3.1
• ngxsmk-datepicker Version: 2.2.2
• Browser:Chrome Version 141.0.7390.123
• Platform: Windows 11.
• Ionic Version N/A

Code Example

// Your component code
.TS: Import { NgxsmkDatePickerComponent } from ngxsmk-datepicker … Imports: [ … NgxsmkDatePickerComponent, … ] Export classmMyTest { … onDateChange(value: Date) { … alert("value: " + value); … } … }

```html
…
<div>
	<ngxsmk-datepicker mode="'single'" [displayFormat]="'hh:mm:ss'" [showSeconds]="true" [timeOnly]="true" [use24Hour]=true [locale]="'en-US'" [theme]="'light'" > </ngxsmk-datepicker>
<div>
…

## Screenshots
If applicable, add screenshots to help explain your problem.

<img width="775" height="199" alt="Image" src="https://github.com/user-attachments/assets/1c008e79-33dd-41e7-b0b4-87f4eaf05171" />

## Additional Context
Add any other context about the problem here.

## Possible Solution
If you have ideas on how to fix this, please share them.

Hey @atlasfry, thanks for reporting this and for the clear steps! �

I just checked this on the latest version (v2.2.3) and it looks like the seconds are being correctly picked up and included in the emitted date value now. The internal event flow correctly updates currentSecond before the date is built and emitted, so the value coming out of (valueChange) should reflect the full HH:mm:ss including whatever seconds you selected.

That said, one thing worth double-checking — make sure you're listening to (valueChange) on the component to receive the updated date:

<ngxsmk-datepicker
  mode="'single'"
  [displayFormat]="'hh:mm:ss'"
  [showSeconds]="true"
  [timeOnly]="true"
  [use24Hour]="true"
  [locale]="'en-US'"
  [theme]="'light'"
  (valueChange)="onDateChange($event)"
>
</ngxsmk-datepicker>

onDateChange(value: Date) {
  console.log('Selected time:', value); // should include seconds
}

Could you try upgrading to the latest with npm install ngxsmk-datepicker@latest and see if the issue is still there? If it is, a quick StackBlitz or a small GitHub repo reproduction would help a lot so I can pinpoint exactly what's going wrong on your end.

Thanks again for taking the time to report this! �