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

jQWidgets is an advanced jQuery, Angular 7, Vue, React, 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 [theme]="'material'"
    [width]="300" [height]="30" [dropDownVerticalAlignment]="'top'">
</jqxDateTimeInput>

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

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