igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

Published 20 hours ago • verified publisher icon IgniteUI

Date Picker with type="box" is not aligned properly

Open Svetloslav15 opened this issue 3 years ago • 11 comments

Description

When we use dataPicker with type="box", data is not aligned properly with calendar icon.

Result

Data is misaligned

Expected result

Icon and data should be aligned in one line

Attachments

image

Svetloslav15 avatar Feb 08 '22 08:02 Svetloslav15

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Apr 10 '22 00:04 github-actions[bot]

@simeonoff I'm not able to reproduce the exact behavior from the screenshot, but I still see some slight misalignment. Also the picker becomes rather big when a label is added:

image image

kdinev avatar May 10 '22 11:05 kdinev

@Svetloslav15 I also can't reproduce the behavior from your screenshot. Can you give me more info, what browser did you use and what version of the product?

@kdinev I can't reproduce the behavior from your screenshots also. Can you share that stackblitz sample?

Here is a screenshot from the dev-demos master branch. Screenshot 2022-05-11 at 15 58 27

desig9stein avatar May 11 '22 13:05 desig9stein

@Svetloslav15 I betcha the "misalignment" is not misalignment at all but a label consisting of empty spaces. Could you please check so that we're not chasing ghosts here.

simeonoff avatar May 12 '22 07:05 simeonoff

@desig9stein Here's the stackblitz I was looking at. It's the very first sample in the date picker topic.

kdinev avatar May 16 '22 10:05 kdinev

@kdinev for some reason the igxlabel directive is not working correctly, the igx-input-group__label class Is missing from the label. I think it will be better to create a separate issue for that.

desig9stein avatar May 16 '22 11:05 desig9stein

@desig9stein There is no point to close this one and open another one. We can just change the title and description of this issue?

kdinev avatar May 16 '22 12:05 kdinev

@kdinev I just added IgxInputGroupModule inside the app.module.ts and everything started to work just fine. However, I am not sure if this is the correct solution. If that solution is OK, don't you think it will be better to create an issue in the samples repo to update all samples, as we may have more?

desig9stein avatar May 16 '22 12:05 desig9stein

Sounds like a component issue to me... The datepicker module should include everything it needs. @Lipata can you comment on this?

kdinev avatar May 16 '22 12:05 kdinev

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Jul 18 '22 00:07 github-actions[bot]

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Sep 17 '22 00:09 github-actions[bot]

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Nov 19 '22 00:11 github-actions[bot]