Manually Call prevDate, nextDate, prevMonth and nextMonth.

[Anzil-Aufait]

@Eonasdan How can I manually trigger prevDate, nextDate, prevMonth and nextMonth events on custom button click.

[Eonasdan]

You can change the viewDate

[Anzil-Aufait]

Could please show an example to change the current date to pervious date with outside button click?

Here is the stackblitz demo link

[Anzil-Aufait]

Setting a value for datePicker.viewDate returning this error tempus-dominus.ts:89 Uncaught TypeError: this.optionsStore.viewDate.setLocalization is not a function

[Eonasdan]

You might be confused about what you want to do. If you want to change the view date you can do something like this:

prevDayButton.addEventListener('click', function (e) {
  let currentDate = datetimepicker1.viewDate.clone.manipulate(-1, 'date');
  datetimepicker1.viewDate = currentDate;
  console.log('prevDay: ', datetimepicker1, datetimepicker1.viewDate);
});

nextDayButton.addEventListener('click', function (e) {
  let currentDate = datetimepicker1.viewDate.clone.manipulate(1, 'date');
  datetimepicker1.viewDate = currentDate;
  console.log('nextDay: ', datetimepicker1, datetimepicker1.viewDate);
});

prevMonthButton.addEventListener('click', function (e) {
  let currentDate = datetimepicker1.viewDate.clone.manipulate(-1, 'month');
  datetimepicker1.viewDate = currentDate;
  console.log('prevMonth: ', datetimepicker1, datetimepicker1.viewDate);
});

nextMonthButton.addEventListener('click', function (e) {
  let currentDate = datetimepicker1.viewDate.clone.manipulate(1, 'month');
  datetimepicker1.viewDate = currentDate;
  console.log('nextMonth: ', datetimepicker1, datetimepicker1.viewDate);
});

Change the view date from one day to the next will not do anything unless you are change from 31st -> 1st.

If you want to change the selected date you need to use datetimepicker1.dates.setValue(newDate)

[Anzil-Aufait]

It's working as expected. Thank you.