       @$datepicker.on 'mousedown', @_cancelEvent
       @$datepicker.on 'click', '.js-wdp-calendar-cell', @_selectDate
       @$datepicker.on 'click', '.js-wdp-prev', @prev
+      @$datepicker.on 'click', '.js-wdp-prev-select', @prevSelect
       @$datepicker.on 'click', '.js-wdp-next', @next
+      @$datepicker.on 'click', '.js-wdp-next-select', @nextSelect
       @$datepicker.on 'click', '.js-wdp-shortcut', @_onShortcutClick
 
     # Updates the picker with the current date.

        @_state.month -= 1
      @render()

    # Navigate to next month.
    next: =>
      if @_state.month is 12

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