openfoodnetwork/app/assets/javascripts/admin/util.js.erb

$(document).ready(function() {
  var onClickButtons = function(index, fp) {
    var date;
    // Memorize index used for the 'Close' button
    // (currently it has index of 1)  
    var closeButtonIndex = 1; 
    switch (index) {
      case 0:
        date = new Date();
        break;
      case closeButtonIndex:
        fp.close();
        break;
    }
    // Set the date unless clicked button was the 'Close' one
    if (index != closeButtonIndex) {
      fp.setDate(date, true);
    }
  }
  window.FLATPICKR_DATE_DEFAULT = {
    altInput: true,
    altFormat: Spree.translations.flatpickr_date_format,
    dateFormat: "Y-m-d",
    locale: I18n.base_locale,
    plugins: [
        ShortcutButtonsPlugin({
          button: [
            {
              label: Spree.translations.today
            },
            {
              label: Spree.translations.close
            }
          ],
          label: "or",
          onClick: onClickButtons
        }),
        labelPlugin({})
      ]
  }
  window.FLATPICKR_DATETIME_DEFAULT = Object.assign(
    {},
    window.FLATPICKR_DATE_DEFAULT,
    {
      altInput: true,
      altFormat: Spree.translations.flatpickr_datetime_format,
      dateFormat: "Y-m-d H:i",
      enableTime: true,
      time_24hr: true,
      plugins: [
        ShortcutButtonsPlugin({
          button: [
            {
              label: Spree.translations.now
            },
            {
              label: Spree.translations.close
            }
          ],
          label: "or",
          onClick: onClickButtons
        }),
        labelPlugin({})
      ]
    }
  );
  flatpickr(".datetimepicker", window.FLATPICKR_DATETIME_DEFAULT);
  $('a.close').click(function(event){
    event.preventDefault();
    $(this).parent().slideUp(250);
  });

  // Spree locates hidden with prev(), which with our current version of jQuery
  // does not locate the hidden field, resulting in the delete failing. This
  // handler updates the hidden field, fixing the problem.
  $('body').on('click', 'a.remove_fields', function() {
    $(this).next("input[type=hidden]").val("1");
    return false;
  });
});