date-select

import Ember from 'ember';
const $ = Ember.$;

function triggerNativeEvent(element, eventName) {
  const event = new Event(eventName);
  element.dispatchEvent(event);
}

export default function(element, date) {
  const day = date.getDate();
  const month = date.getMonth();
  const year = date.getFullYear();

  $(element).click();

  const yearSelection = $('.pika-select-year:visible');
  const monthSelection = $('.pika-select-month:visible');
  const daySelection = $(`td[data-day="${day}"] button:visible`);

  yearSelection.val(year);
  triggerNativeEvent(yearSelection[0], 'change');
  monthSelection.val(month);
  triggerNativeEvent(monthSelection[0], 'change');
  triggerNativeEvent(daySelection[0], 'mousedown');
}