fixes and adjustments

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control.component.html

@@ -93,8 +93,10 @@
                  [ngClass]="getClass('element', 'control', checkboxModel)">
             <input type="checkbox" ngbButton
                    [checked]="checkboxModel.checked"
+                   [id]="bindId && checkboxModel.id"
                    [dynamicId]="bindId && checkboxModel.id"
                    [formControlName]="checkboxModel.id"
+                   [indeterminate]="checkboxModel.indeterminate"
                    [name]="checkboxModel.name"
                    [required]="checkboxModel.required"
                    [tabindex]="checkboxModel.tabIndex"
@@ -165,14 +167,18 @@
         <!-- INPUT ------------------------------------------------------------------------------------------------>
         <div *ngSwitchCase="7" [class.input-group]="model.prefix || model.suffix">
 
-          <div *ngIf="model.prefix" class="input-group-addon" [innerHTML]="model.prefix"></div>
+          <div *ngIf="model.prefix" class="input-group-prepend">
+            <span class="input-group-text" [innerHTML]="model.prefix"></span>
+          </div>
 
           <ng-container *ngTemplateOutlet="inputTemplate;
                                            context:{bindId: bindId, model: model, showErrorMessages: showErrorMessages}">
 
           </ng-container>
 
-          <div *ngIf="model.suffix" class="input-group-addon" [innerHTML]="model.suffix"></div>
+          <div *ngIf="model.suffix" class="input-group-append">
+            <span class="input-group-text" [innerHTML]="model.suffix"></span>
+          </div>
 
           <datalist *ngIf="model.list" [id]="model.listId">
             <option *ngFor="let option of model.list" [value]="option">
@@ -181,7 +187,7 @@
         </div>
 
         <!-- RADIO GROUP ------------------------------------------------------------------------------------------>
-        <div *ngSwitchCase="8" ngbRadioGroup class="btn-group" role="radiogroup"
+        <div *ngSwitchCase="8" ngbRadioGroup class="btn-group btn-group-toggle" role="radiogroup"
              [dynamicId]="bindId && model.id"
              [formControlName]="model.id"
              [ngClass]="getClass('element', 'control')"
@@ -191,19 +197,19 @@
           <legend *ngIf="model.legend" [innerHTML]="model.legend"></legend>
 
           <label *ngFor="let option of model.options$ | async" ngbButtonLabel
-                       [ngClass]="[getClass('element', 'option'), getClass('grid', 'option')]">
+                 [ngClass]="[getClass('element', 'option'), getClass('grid', 'option')]">
 
             <input type="radio" ngbButton
                    [disabled]="option.disabled"
                    [name]="model.name"
                    [value]="option.value"
-                           (blur)="onBlur($event)"
-                           (focus)="onFocus($event)"/><span [innerHTML]="option.label"></span>
+                   (blur)="onBlur($event)"
+                   (focus)="onFocus($event)"/><span [innerHTML]="option.label"></span>
           </label>
 
         </div>
 
-
+        <!-- SELECT ----------------------------------------------------------------------------------------------->
         <ng-container *ngSwitchCase="9">
           <ng-container *ngTemplateOutlet="selectTemplate;
                                                  context:{bindId: bindId, model: model, showErrorMessages: showErrorMessages}">

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control.component.ts

@@ -34,8 +34,8 @@ import {
 import { DYNAMIC_FORM_CONTROL_TYPE_TYPEAHEAD } from './models/typeahead/dynamic-typeahead.model';
 import { DYNAMIC_FORM_CONTROL_TYPE_SCROLLABLE_DROPDOWN } from './models/scrollable-dropdown/dynamic-scrollable-dropdown.model';
 import { DYNAMIC_FORM_CONTROL_TYPE_TAG } from './models/tag/dynamic-tag.model';
-import { DYNAMIC_FORM_CONTROL_TYPE_RELATION } from './models/ds-dynamic-group/dynamic-group.model';
-import { DYNAMIC_FORM_CONTROL_TYPE_DSDATEPICKER } from './models/ds-date-picker/ds-date-picker.model';
+import { DYNAMIC_FORM_CONTROL_TYPE_RELATION } from './models/dynamic-group/dynamic-group.model';
+import { DYNAMIC_FORM_CONTROL_TYPE_DSDATEPICKER } from './models/date-picker/date-picker.model';
 import { DYNAMIC_FORM_CONTROL_TYPE_LOOKUP } from './models/lookup/dynamic-lookup.model';
 import { DynamicListCheckboxGroupModel } from './models/list/dynamic-list-checkbox-group.model';
 import { DynamicListRadioGroupModel } from './models/list/dynamic-list-radio-group.model';

src/app/shared/form/builder/ds-dynamic-form-ui/models/date-picker/date-picker.component.ts

@@ -1,13 +1,13 @@
 import { Component, EventEmitter, Inject, Input, OnInit, Output } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { DynamicDsDatePickerModel } from './ds-date-picker.model';
+import { DynamicDsDatePickerModel } from './date-picker.model';
 
 export const DS_DATE_PICKER_SEPARATOR = '-';
 
 @Component({
   selector: 'ds-date-picker',
-  styleUrls: ['./ds-date-picker.component.scss'],
-  templateUrl: './ds-date-picker.component.html',
+  styleUrls: ['./date-picker.component.scss'],
+  templateUrl: './date-picker.component.html',
 })
 
 export class DsDatePickerComponent implements OnInit {

src/app/shared/form/builder/ds-dynamic-form-ui/models/dynamic-group/dynamic-group.components.ts

@@ -63,7 +63,6 @@ export class DsDynamicGroupComponent implements OnDestroy, OnInit {
   }
 
   ngOnInit() {
-    console.log(this.model.hasErrorMessages);
     const config = {rows: this.model.formConfiguration} as SubmissionFormsModel;
     if (isNotEmpty(this.model.value)) {
       this.formCollapsed = Observable.of(true);