We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

open time picker

I am using the openOnFocus to open the date picker and that works great. Is there a way to

open the time picker when somebody clicks a date

3 Replies

SP Sureshkumar P Syncfusion Team January 20, 2023 09:04 AM UTC

Hi Chris,

We understand the importance of resolving your issue as quickly as possible. To assist us in providing an accurate solution, please provide more details about your exact requirement, such as a video or image representation. This will allow us to better understand your needs and provide a solution that meets them.


Sureshkumar P

CL Chris Loelke January 24, 2023 05:08 PM UTC

User Clicks into the input box


Date picker opens – already using the openOnFocus to do this


User Clicks a date


Without the user clicking the clock I would like the time picker to open.

I can capture the event and check for a date using target but have no way to open the time picker

SP Sureshkumar P Syncfusion Team January 25, 2023 10:51 AM UTC

Chris, you can achieve your requirement by set the parameter as “time” to call the show method.

Find the code example here:

let dateTimeInstanceDateTimePicker = new DateTimePicker({

  placeholder: 'Select a date and time',

  focus: function () {







Find the sample here: https://stackblitz.com/edit/jadzsh?file=index.html,index.ts

Live Chat Icon For mobile
Up arrow icon