Kartik DatePicker Validation Border

I have a form with a series on Inputs and a kartik DatePicker.

When an entry is done in a standard input it get validated and a green border is immediately displayed, but with the kartik datepicker I do not get that behavior making the form look odd. Is there a way to get the standard behavior to all elements of the form, including the datepicker?

My form code for example looks like

<td>
	<?php
	echo $form->field($modelsAsset, "[{$i}]Name", ['template' => '<div class="col-sm-12">{input}{error}</div>',])
		->textInput(['maxlength' => true])
		->label(null);
	?>
</td>
<td>
	<?php
	echo $form->field($modelsAsset, "[{$i}]PurchaseDate", ['template' => '<div class="col-sm-12">{input}{error}</div>',])
		->widget(
			DatePicker::class,
			[
				'type' => DatePicker::TYPE_INPUT,
				'pluginOptions' => [
					'autoclose' => true,
					'format' => 'yyyy-mm-dd',
					'todayHighlight' => true,
				],
				'options' => [
					'class' => 'form-control datePicker',
				]
			]
		)
		->label(null);
	?>
</td>

Thank you.