Model attribute has error, but DatePicker doesnt display it

[Mapteg34]

What steps will reproduce the problem?

$model->addError('date', 'test error');
echo $form->field($model, 'date')->widget(DatePicker::class);

What's expected?

Input with datepicker and error text

What do you get instead?

Input with datepicker with no error

How to fix it?

[BloodyAltair]

I've encountered the same problem with DatePicker widget and Bootstrap4.
I've tested it with other yii2-bootstrap4 fields and widgets - it is a problem of DatePicker (see yiisoft/yii2-bootstrap4#126)
If i submit invalid form data, error message does not shown

[buttflattery]

So is it related to yii2-bootstrap4 and you are talking about the ActiveForm frontend validation @BloodyAltair ?

[BloodyAltair]

@buttflattery Its related to compatibilitiy between yii2-bootstrap4 and jui/datepicker. I am talking about server-side validation errors, but client-validation errors also may be affected, I didn't tested it yet

[acmepy]

if yii\jui\Widget extends from \yii\widgets\InputWidget, at least with datepicker and autocomplete it works

class Widget extends \yii\widgets\InputWidget #\yii\base\Widget


[mmonem]

As a temporary workaround, until this bug can be fixed, a manual setting of the has-error class (or is-invalid in case of bootstrap4) can be a solution:

<?= $form->field($model, 'date_from')->widget(DatePicker::classname(), [
    ...
    'options' => [
        ...
        'class' => 'form-control' . ($model->hasErrors('date_from') ? ' is-invalid' : '')
        ...
    ],
    ...
]) ?>

[alanshijo]

<?= $form->field($model, 'dob')->widget(DatePicker::class, [
    'options' => ['placeholder' => 'Enter birth date'],
    'pluginOptions' => [
        'autoclose' => true,
        'format' => 'yyyy-mm-dd',
    ]
])->error(['class' => 'invalid-feedback d-block']); ?>

Try appending the

->error(['class' => 'invalid-feedback d-block']);

at the end of the line.
This fixed mine.

[mgrechanik]

Hi. I created a library to solve these sort of problems.
Met this problem for another widget.