How to show angular date picker without showing the input field

Question

By Clicking calendar icon, need to open calendar in same position. But when remove the the input field the popup open in the top left on the page. How to fix it

Expected result

If you don't need a input, you can you can enclosed in a mat menu. In this SO stackoverflow.com/questions/59133977/… I used to create a "multi-select-date", but the idea is the same — Eliseo
– Eliseo, Commented Jul 20, 2020 at 7:23

Argon · Accepted Answer · 2020-07-20 07:09:10Z

0

As i figured out, date picker position determine by the input field. So we can't simple hide the input field using none of below.

hidden = true | display:none | *ngIf = false

But we can do a hack for this one.

and a simple class to set the font size to 0px and make sure the icon and the input field in display:inline-block

Hope i helped for someone!

answered Jul 20, 2020 at 7:09

Argon

8211 gold badge12 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to show angular date picker without showing the input field

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related