Skip to content

Commit 7922c22

Browse files
committed
fix(datepicker): fix scenario when inputs have no label
1 parent bdf61ff commit 7922c22

File tree

2 files changed

+5
-0
lines changed

2 files changed

+5
-0
lines changed

projects/igniteui-angular/src/lib/core/styles/components/date-range-picker/_date-range-picker-theme.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,10 @@
4848

4949
&.input-has-hint {
5050
align-self: center;
51+
52+
&:not(.input-has-label) {
53+
align-self: flex-start;
54+
}
5155
}
5256
} @else {
5357
align-self: flex-start;

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -541,6 +541,7 @@ export class IgxDateRangePickerComponent extends PickerBaseDirective
541541
/** @hidden @internal */
542542
public get separatorClass(): string {
543543
const classes = ['igx-date-range-picker__label'];
544+
if (this.label) classes.push('input-has-label');
544545
if (this.hint) classes.push('input-has-hint');
545546
return classes.join(' ');
546547
}

0 commit comments

Comments
 (0)