         @_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) =>

          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.

        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 js-wdp-next-select\" data-date=\"#{formattedNextMonth}\">#{d}</td>"

      html.push '</tr>'

