Description

The two-input mode of the date range picker component is not styled properly, which results in misalignment between the label (separator) and the inputs. The issue is reproducible in all themes.

• igniteui-angular version: 20.1.x, 20.0.x

Steps to reproduce

1. Open the date range picker sample with two inputs and observe the label

Result

The label is not vertically centered with the inputs.

Expected result

The label should always be vertically centered with the inputs, regardless of whether there are labels and/or helper text.

Attachments