JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
	<div id='password_dialogue' title="Modification de mot de passe">
		
			<h3>Modifier votre mot de passe</h3>
			
			<label>Mot de passe actuel :<span style='color:red;'> *</span></label><br/>
			<input type='password' name='pwd' id='pwd' /><br/><br/>
			
			<label>Nouveau mot de passe :<span style='color:red;'> *</span></label><br/>
			<input type='password' name='newPwd' id='newPwd' /><br/><br/>
			
			<input type='submit' name='validerPwd' value='sauvegarder' />
		
	</div>
<button id='password'>Modifier mot de passe</button><br/>

JavaScript

$(function() {
	
    $( "#password_dialogue" ).dialog({
      autoOpen: false,
	  width:600,
	  height:400,
	  draggable: false,
	  resizable:false,
	  closeOnEscape: true,
        modal: true,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
	
	$( "#password" ).click(function() {
        $( "#password_dialogue" ).focus();
      $( "#password_dialogue" ).dialog( "open" );
    });
    
    $('body').on('click', '.ui-widget-overlay', function(e){
      $('#password_dialogue').dialog('close');
    });
	
  });