jqwidgets-framework/demos/Angular/src/datetimeinput/dropdownverticalalignment/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />

<label>Date Input</label>
<jqxDateTimeInput
    [width]="300" [height]="30" [dropDownVerticalAlignment]="'top'">
</jqxDateTimeInput>

<label>Time Input</label>
<jqxDateTimeInput 
    [width]="300" [height]="30" [dropDownVerticalAlignment]="'top'"
    [showCalendarButton]="false" [showTimeButton]="true">
</jqxDateTimeInput>

<label>Date/Time Input</label>
<jqxDateTimeInput
    [width]="300" [height]="30" [dropDownVerticalAlignment]="'top'"
    [showCalendarButton]="true" [showTimeButton]="true">
</jqxDateTimeInput>