How do I position the calendar control to the work hours?

HI 

            I have a question. When I place a calendar control inside a splitter container and then fetch data, the calendar control doesn't automatically position itself at the work hours on the first navigation to this page; instead, it's set to 0:00. However, when I switch the page display due to functional requirements and hide the calendar control using an ngif in the HTML, it automatically positions itself at the work hours when I switch back. So, I'd like to ask how to make the calendar control position itself at the work hours on the first navigation to this page?


Example: Work hours are set to 9:00 AM - 6:00 PM.

Figure 1: The first time I enter the page; Figure 2: The effect after switching.

图一:

Image_2433_1761812916569

图二:

Image_6694_1761812696284


1 Reply

VN Viswajith Nagarajan Syncfusion Team October 31, 2025 12:08 PM UTC

Hi aquan,


Thank you for reaching out and sharing the details of your scenario. We attempted to replicate the issue on our end but were unable to reproduce the behavior you described. Please refer to the sample below for reference: Cbeecu8l (duplicated) - StackBlitz


To assist you better, could you please provide the following information?


  • A simple sample that replicates the issue or confirm if the issue can be reproduced in the shared sample.
  • Detailed steps to replicate the problem.
  • A video reference showing the behavior you are experiencing.


This information will help us analyze the issue more accurately and provide you with an appropriate solution.


Feel free to reach out for further assistance or additional details.


Regards,

Viswajith Nagarajan


Loader.
Up arrow icon