28. Automating Interactive Date Pickers & Month Navigation

Date Picker Automation Pattern

// Open calendar widget:
driver.findElement(By.id("depart-date")).click();

// Navigate to target month:
String targetMonthYear = "December 2026";
while (!driver.findElement(By.className("calendar-header")).getText().contains(targetMonthYear)) {
driver.findElement(By.className("next-month-btn")).click();
}

// Select target day:
String targetDay = "15";
driver.findElement(By.xpath("//div[@class='calendar-body']//td[text()='" + targetDay + "']")).click();

Task

  • Implement selectDayInCalendar:
  • 1. Accept WebDriver driver and String dayNumber.
  • 2. Click By.xpath("//td[contains(@class, 'day') and text()='" + dayNumber + "']").
πŸ’‘Common doubts
Did you like the problem?
Lesson 28 of 44
Java
Loading code editor…
Next