Why are the events of the two date controls triggered in different order?

[aquan]

HI

               What I want to ask about is the TimePick control. I want to know why after manually inputting TiemPick, why does the blur event precede the change event?

After normal manual input, the change event should precede the blur event, right?

 For example: DateTimePick control

Datetimepicker :

https://stackblitz.com/edit/github-zkkhcw-p1zzw3?file=src%2Fapp.component.ts

timePicker :

https://stackblitz.com/edit/github-zkzor5?file=src%2Fapp.component.ts

[Kokila Poovendran]

Hi aquan,

Thank you for reaching out to us regarding your query about the TimePicker control.

We've carefully reviewed your concern and examined the behavior you described with the provided samples. Upon investigation, we couldn't replicate the issue on our end.

Based on our testing, both the DateTimePicker and TimePicker components are designed to trigger the Change event when the value changes and the Blur event when the component loses focus. This behavior aligns with typical user interactions and ensures consistent functionality across different controls.

To offer you the best assistance, we kindly request further clarification. If you continue to experience the issue, could you please share a video illustration demonstrating the problem? Additionally, if there are specific scenarios in which you encounter this behavior, sharing those details would help us better understand and address your concern effectively.

TimePicker:




DateTimePicker:






Your cooperation in providing these details will enable us to provide you with a prompt and accurate solution.

[aquan]

HI   Kokila Poovendran，

      First, I selected a time, and after finishing editing the control, I then manually modified the time. When I left the control, the problem I mentioned occurred.

[Kokila Poovendran]

Hi aquan,

We have already considered the reported issue “When Manually Changing the Time, the Event Triggering Order Differs" as a bug from our end and the fix for the issue will be included with our upcoming patch release ,which is expected to be rolled out in the middle of March 2024. Now you can track the status of the reported issue through the feedback below,

Feedback Link:  https://www.syncfusion.com/feedback/51156/when-manually-changing-the-time-the-event-triggering-order-differs

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

[Kokila Poovendran]

Hi aquan,

We have included the fix for the issue "When Manually Changing the Time, the Event Triggering Order Differs" with our package version “24.2.9”. Therefore, we recommend upgrading to our latest version to resolve the current issue.

Root cause

While manually change the value and focus out the component the blur handler was triggered before the changed value assigned to value property. So the blur event was triggered before value change event triggered.

Regards,
Kokila Poovendran.