JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="app" ng-app="myApp" ng-controller="myCtrl">
  {{test}}
  <input id="date1" type="text">

  <button ng-click="show()">
    Show</button>
  <table>
    <tr>
      <td ng-if="show_d">
        <div>
          <input id="date2" type="text" ng-model="date2">
        </div>
      </td>
    </tr>
  </table>

</div>

JavaScript

angular.module('myApp', []).controller('myCtrl', function($scope) {
  $scope.test = "test";
  $scope.show_d = false;
  $scope.show = function() {
    $scope.date2 = '21/10/2016';
    $scope.show_d = true;
  };

  jQuery("#date1").datepicker({
    dateFormat: 'dd/mm/yy',
    defaultDate: new Date(),
    maxDate: '0',
    onSelect: function(date) {
      $scope.fDate = date;
    }
  });

  jQuery("#date2").datepicker({
    dateFormat: 'dd/mm/yy',
    defaultDate: new Date(),
    maxDate: '0',
    onSelect: function(date) {
      $scope.fDate = date;
    }
  });

});