角度ng-pick-datetime使输入字段不可见

Question

我正在将ng-pick-datetime用于带有某些输入字段和datetime选择器（日历）图标的datetime范围：

<div class="dl-date-time-picker">
    Date Time:    
          <input           
                [style.width]="'200px'"
                [(ngModel)]="dateTimeRange"
                (ngModelChange)="getrange($event)"
                [selectMode]="'range'"
                [owlDateTimeTrigger]="dt" 
                [owlDateTime]="dt">

          <span class="trigger" [owlDateTimeTrigger]="dt">
            <i class="fas fa-calendar-alt"></i>
          </span>    
          <owl-date-time #dt></owl-date-time>        
</div>

它看起来正常，并且压光机项目在图标...下正确对齐地打开。

但是现在，我想使输入字段对用户不可见，只提供日历选择器图标...

我使用了<input type="hidden"，到目前为止，此方法一直有效，现在的问题是，压光机项目在浏览器窗口的最左侧打开...我不知道该如何解决问题：

我该如何解决该问题，它的左侧太远了...

Answer 1

显然，日期时间选择器需要输入字段来确定屏幕上的正确位置。您可以通过CSS隐藏输入，然后它应该可以工作：

.dl-date-time-picker > input {
    visibility: hidden;
    width: 0;
}