JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<div ng-app=app>
  <div ng-controller=mainCtrl>
    <p>
      {{test}}
    </p>
    <p>
      <input class="datepicker" type="text" readonly="true" value="{{date}}" ng-model="date" name="" placeholder="Enter date..">
    </p>
    <p>
      {{selDate}} 
    </p>
    <p>
    <input id="test2" type="text">
    </p>
  </div>
</div>

JavaScript

var app = angular.module('app', []);
app.controller('mainCtrl', function($scope, $sce, $q) {
  $scope.test = "test";

  jQuery(".datepicker").datepicker({
    dateFormat: 'dd M, yy',
    onSelect: function(date) {
      $scope.selDate = date;
      alert($scope.selDate);
      jQuery("#test2").val($scope.selDate);
    }
  });
  


});