How can I make the material time picker appear under just under the input? (Append to input)

Question

I have been looking searching to find anything related to this. but no nothing.

<div>
    <input [ngxTimepicker]="picker" >
    <ngx-material-timepicker #picker></ngx-material-timepicker>
</div>

This is what I am using. I want the time-picker to be under the input component instead of a popup. which means. instead of taking the full screen, I want that to be open just under the input component

like whenever we click the input there will be a picker popping up. can we change the pop up to dropdown (not like in the middle of the screen big popup) instead the same picker just under the input field — zechno, Aug 05 '21 at 12:51
yes. kind of. instead of taking the full screen, I want that to be open just under the input component — zechno, Aug 05 '21 at 13:30
So you want that dialog with clock display under input right? — Daniel Vágner, Aug 05 '21 at 16:49

score 0 · Answer 1 · answered Aug 09 '21 at 07:52

found a solution

'''

<div class="ngx-timepicker">
    <input [ngxTimepicker]="appendedToInput" aria-label="Append to input"
           placeholder="Append to input" readonly>
    <ngx-material-timepicker
        #appendedToInput
        [appendToInput]="true">
    </ngx-material-timepicker>
</div>

'''

How can I make the material time picker appear under just under the input? (Append to input)

1 Answers1