<table style="width: 100%; padding: 0;" ng-style="tableStyle" class="dateTimePicker" ng-class="{'ng-invalid': (required && (date==null || date==undefined))}">
    <tr>
        <td ng-show="{{showDatePicker}}">
            <div class="input-group">
                <input type="text" ng-disabled="true" class="form-control" min-date="min" datepicker-popup="{{format}}" ng-model="date" is-open="opened" 
                       datepicker-options="options" date-disabled="disabled(date, mode)" ng-required="required" close-text="{{'Close' | translate}}" clear-text="{{'Clear' | translate}}" current-text="{{'Today' | translate}}" />                
                <span class="input-group-btn">
                    <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </td>
        <td ng-show="{{showDatePicker && showTimePicker}}">&nbsp;</td>
        <td ng-show="{{showTimePicker}}" class="timePicker">
            <timepicker ng-model="date" hour-step="1" minute-step="15" show-meridian="showTwelveHourFormat"></timepicker>
        </td>        
    </tr>
</table>

