JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/the-darc/angular-virtual-keyboard/master/src/angular-virtual-keyboard.js"></script>
<script src="https://cdn.rawgit.com/the-darc/angular-virtual-keyboard/master/src/vki-core.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/the-darc/angular-virtual-keyboard/master/css/angular-virtual-keyboard.css">
<div ng-app='myApp' ng-controller="Controller">
    Click this textfield to see the Virtual Keyboard<br/><input type='text' ng-model="yourModel" data-auto-focus ng-virtual-keyboard/>
</div>

JavaScript

var app = angular.module('myApp', ['angular-virtual-keyboard']);
app.controller('Controller', function ($scope) {
    
});

app.directive('autoFocus', function($timeout) {
    return {
        restrict: 'AC',
        link: function(_scope, _element) {
            $timeout(function(){
                _element[0].focus();
            }, 0);
        }
    };
});