​

const datepicker1El = document.querySelector('.datepicker1')

const datepicker2El = document.querySelector('.datepicker2')

​

const datepicker1 = new mdb.Datepicker(datepicker1El, {title: 'Select start date', disablePast:true})

const datepicker2 = new mdb.Datepicker(datepicker2El, {title: 'Select end date'})

​

datepicker1El.addEventListener('dateChange.mdb.datepicker', () => {

  const date = new Date()

  date.setDate(datepicker1._selectedDate.getDate() + 7)

  datepicker2.update({min: date, startDate: date})

  datepicker2._activeDate = date;

  setTimeout(() => {

    datepicker2.open()

  }, 200)

  const input = datepicker2El.querySelector('input')

  let dateMonth = String(date.getMonth() + 1)

  let dateDay = String(date.getDate())

  if(dateMonth.length === 1) {

    dateMonth = '0' + dateMonth

  }

    if(dateDay.length === 1) {

    dateDay = '0' + dateDay

  }

  input.classList.add('active')

  input.value = `${dateDay}/${dateMonth}/${date.getFullYear()}`

})

​

​

​