>I simply mean that your directive is named 'smDateTimePicker' and the element is 'data-sm:-time-picker'
>Don't see how you expect those to wire up.....

Here is the beginning of the correct directive

 app.directive('smTimePicker', [function () {
        return {
            require: 'ngModel',
            restrict: 'E',
            scope: {
                ngModel: '=',
                form: '=',
                name: '@',
                placeholder: '@',
                startTime: '=',
                endTime: '=',
                validTimeRange: '&'
            },
            templateUrl: "/app/templates/smTimePicker",

and the template for it

@using Siriusware.Resources;
<div class="input-group">
    <input type="text" autocomplete="off" id="{{name}}" name="{{name}}" class="form-control" placeholder="{{placeholder}}" />
    <span class="input-group-addon datepickerbutton">
        <i class="fa fa-clock-o"></i>
    </span>
</div>
<div class="field-validation-error">
    <span ng-show="!validTimeRange()">@Messages.invalidStartTime</span>    
</div>

So, they are similar.