Date time scroll issue resolved

Author: SambhuPega

packages/angular-sdk-components/src/lib/_components/field/date-time/date-time.component.html

@@ -17,7 +17,7 @@
           [readonly]="bDisabled$"
         />
         <mat-datepicker-toggle matSuffix [owlDateTimeTrigger]="dtPicker"></mat-datepicker-toggle>
-        <owl-date-time #dtPicker [disabled]="bDisabled$"></owl-date-time>
+        <owl-date-time #dtPicker [disabled]="bDisabled$" [scrollStrategy]="scrollStrategy"></owl-date-time>
         <mat-error *ngIf="fieldControl?.invalid">{{ getErrorMessage() }}</mat-error>
       </mat-form-field>
     </div>

packages/angular-sdk-components/src/lib/_components/field/date-time/date-time.component.ts

@@ -1,9 +1,12 @@
-import { Component, OnInit, forwardRef, OnDestroy } from '@angular/core';
+import { Component, OnInit, forwardRef, OnDestroy, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
+
+import { ScrollStrategyOptions } from '@angular/cdk/overlay';
+
 import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import dayjs from 'dayjs';
 
@@ -45,6 +48,9 @@ export class DateTimeComponent extends FieldBase implements OnInit, OnDestroy {
   timezone = PCore.getEnvironmentInfo()?.getTimeZone();
   override placeholder = `${this.theDateFormat.dateFormatStringLC}, hh:mm A`;
 
+  private sso = inject(ScrollStrategyOptions);
+  scrollStrategy = this.sso.reposition();
+
   override ngOnInit(): void {
     super.ngOnInit();