         n = paddingStart + daysInMonth
         while (n++) % 7 isnt 0
           d = nextMonth.add('days', 1).date()
+          formattedNextMonth = @_formatDate new Date(@_state.year, @_state.month + 1, d)
           if (index++) % 7 is 0
             html.push '</tr><tr class="wdp-calendar-row">'
-          html.push "<td class=\"wdp-calendar-othermonth\">#{d}</td>"
+          html.push "<td class=\"wdp-calendar-othermonth js-wdp-next-select\" data-date=\"#{formattedNextMonth}\">#{d}</td>"
 
       html.push '</tr>'
 

          if (index++) is 0
            html.push '<tr class="wdp-calendar-row">'
          d = prevMonth.add('days', -1).date()
          # + 1 because element at index zero is the <tr>
          html[6 - i + 1] = "<td class=\"wdp-calendar-othermonth\">#{d}</td>"
          paddingStart++

      # For formatting purposes in the following loop.

        @_state.month += 1
      @render()

    # Navigate to the next month and select the date clicked
    nextSelect: (e) =>
      @next
      @_selectDate e

    _cancelEvent: (e) => e.stopPropagation(); e.preventDefault()

    _onShortcutClick: (e) =>
