JSFiddle - React, Tailwind, and code Playground

by Christian Bonato

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-aria.min.js"></script>
<script src="https://gitcdn.xyz/repo/angular/bower-material/v0.11.0/angular-material.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/assets-cache.js"></script>
<link rel="stylesheet" href="https://gitcdn.xyz/repo/angular/bower-material/v0.11.0/angular-material.css">
  <body ng-app="datepickerBasicUsage">

  <div ng-controller="AppCtrl" style='padding: 40px;'>
    <img src="https://cdn4.iconfinder.com/data/icons/miu/24/circle-next-arrow-disclosure-glyph-128.png" ng-click="changeDate(1, myDate);" />
    <md-content>
      <h4>Standard date-picker</h4>
      <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
    </md-content>
  </div>
  </body>

JavaScript

angular.module('datepickerBasicUsage', ['ngMaterial'])
.controller('AppCtrl', function ($scope, $mdDateLocale) {
  $scope.myDate = new Date();

  
    $scope.changeDate = function (addDays, myDate) {
    
    		console.log('myDate > '+myDate);
    
            var changedDate = myDate.setDate(myDate.getDate() + addDays);
                		console.log('changedDate > '+changedDate);

            
// changedDate = tm(changedDate);
var changedDate = new Date(changedDate*1000);
    		console.log('changedDate > '+changedDate);

var iso = changedDate.toISOString().match(/(\d{2}:\d{2}:\d{2})/);
changedDate = iso[1];

						$scope.myDate = changedDate;
            // return myDate;
        };
});