Vue Datepicker hard to change the date of the datepicker with an arrow click

[Khalipha Thomas]

Hello All,

I have a datepicker in ejs where I am able to click the calendar icon to pull up a calendar view to select a date. However I am having trouble creating a method where when I click the arrow icon on the sides of the datepicker, it will select the immediate next date(i.e. if the selected date was 4/20/2021 and I click the right arrow icon to the datepicker, the selected date should be 4/21/2021). What leads to happening is the Date obj that I set my v-model to on datepicker changed, but the text entry or the date itself hasn't changed. What can I do to get the desired effect of changing the date appropriately? 

[Sevvandhi Nagulan]

Hi Khalipha, 

Greetings from Syncfusion support. 

We checked your query.  We suggest that you to use the v-model for immediate date change to the component. Refer the below code and sample. 

<ejs-datepicker v-model="defaultDate"></ejs-datepicker> 

   handleClick: function () { 

    this.defaultDate = new Date("06/01/2021"); 

  }, 

Please find the sample below. 

Sample link: https://codesandbox.io/s/datepicker-date-change-npl2e 

Regards, 

Sevvandhi N