JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <button class="site-config-button">Настройки сайта</button>
    <form class="site-config-form" method="post" title="Настройки сайта">
      Число: <input name="period" value="5" />
    </form>

    <button class="site-config-button">Настройки сайта1</button>
    <form class="site-config-form" method="post" title="Настройки сайта1">
      Число: <input name="period" value="1" />
    </form>

    <button class="site-config-button">Настройки сайта2</button>
    <form class="site-config-form" method="post" title="Настройки сайта2">
      Число: <input name="period" value="2" />
    </form>

JavaScript

var $dialog;
$(function(){
  $('button.site-config-button').button().click(function() {
      $dialog.dialog('open');
  });
  
    $dialog = $('form.site-config-form').dialog({
    autoOpen: false,
    resizable: false,
    width: 500,
    modal: true,
    buttons: {
      "Сохранить": function() {
        $(this).submit();
      },
      "Отмена": function() {
        $(this).dialog("close");
      }
    }
  });
})