JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script src="http://vitalets.github.io/angular-xeditable/dist/js/xeditable.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://vitalets.github.io/angular-xeditable/dist/css/xeditable.css">
<div ng-app="app" ng-controller="controller">
     <input type="text" ng-model="booktime" name="booktime" min="09:00:00" max="21:00:00" required="">
</div>

JavaScript

var app = angular.module("app", []);

app.controller("controller", ['$scope', '$filter', function ($scope, $filter) {
    $scope.booktime = $filter("date")(new Date(), 'HH:mm')
    console.log($scope.booktime);
}]);