Calendar open on the input focus in the editing grid

[Rizwan]

Hi,

I want to open the calendar open on the input focus.

Not a calendar icon click.

please my grid is the editing mode.

Please check my snapshot and code are attached

Attachment: Calendar_open_on_the_input_9219b35d.zip

[Vignesh Sivagnanam]

Hi Rizwan 

Greetings from Syncfusion support 

Based on your query you want to open the calendar component when you focus on the input element in the grid edit. We have prepared a sample to render the calendar component using cell edit template and open the calendar using the focus event and Show method of EJ2 Calendar component. 

Please refer the below code example and sample for your reference, 

function write(args) { 

      dObj = new ej.calendars.DatePicker({ 

        value: new Date(args.rowData[args.column.field]), 

        placeholder: 'Select DateTime', 

        focus: function () { 

          dObj.show(); 

        }, 

      }); 

      dObj.appendTo(elem); 

    } 

 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Grid-calendar1389823290.zip 

Regards 

Vignesh Sivagnanam 

[Rizwan]

Thank you,

it's working fine

[Vignesh Sivagnanam]

Hi Rizwan 

Thanks for the update 

We are happy to hear that the provided solution works fine at your end. 

Please get back to us if you need any further assistance. 

Regards, 

Vignesh Sivagnanam