Merge pull request #8957 from abpframework/fix/8952-datepicker

fix: set container to body of ngbDatepicker

npm/ng-packs/packages/core/src/lib/tests/localization.service.spec.ts

@@ -12,7 +12,6 @@ describe('LocalizationService', () => {
   let spectator: SpectatorService<LocalizationService>;
   let sessionState: SpyObject<SessionStateService>;
   let configState: SpyObject<ConfigStateService>;
-  let router: SpyObject<Router>;
   let service: LocalizationService;
 
   const createService = createServiceFactory({

npm/ng-packs/packages/theme-shared/extensions/src/tests/enum.util.spec.ts

@@ -110,5 +110,5 @@ function createMockLocalizationService() {
   const configState = new ConfigStateService();
   configState.setState({ localization: mockL10n } as any);
 
-  return new LocalizationService(mockSessionState, null, null, null, configState, null);
+  return new LocalizationService(mockSessionState, null, null, configState, null);
 }

npm/ng-packs/packages/theme-shared/src/lib/handlers/datepicker-config.ts

@@ -0,0 +1,11 @@
+import { Injector } from '@angular/core';
+import { NgbInputDatepickerConfig } from '@ng-bootstrap/ng-bootstrap';
+
+export function initDatepickerConfig(injector: Injector) {
+  const datepickerConfig = injector.get(NgbInputDatepickerConfig, null);
+  if (datepickerConfig) {
+    datepickerConfig.container = 'body';
+  }
+
+  return () => {};
+}

npm/ng-packs/packages/theme-shared/src/lib/handlers/index.ts

@@ -1,2 +1,3 @@
 export * from './error.handler';
 export * from './lazy-style.handler';
+export * from './datepicker-config';

npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts

@@ -38,6 +38,7 @@ import { THEME_SHARED_APPEND_CONTENT } from './tokens/append-content.token';
 import { HTTP_ERROR_CONFIG, httpErrorConfigFactory } from './tokens/http-error.token';
 import { DateParserFormatter } from './utils/date-parser-formatter';
 import { ModalCloseDirective } from './components/modal/modal-close.directive';
+import { initDatepickerConfig } from './handlers/datepicker-config';
 
 const declarationsWithExports = [
   BreadcrumbComponent,
@@ -110,6 +111,12 @@ export class ThemeSharedModule {
           deps: [Injector],
           useFactory: initLazyStyleHandler,
         },
+        {
+          provide: APP_INITIALIZER,
+          multi: true,
+          deps: [Injector],
+          useFactory: initDatepickerConfig,
+        },
         { provide: HTTP_ERROR_CONFIG, useValue: httpErrorConfig },
         {
           provide: 'HTTP_ERROR_CONFIG',

npm/ng-packs/packages/theme-shared/src/public-api.ts

@@ -8,7 +8,7 @@ export { BOOTSTRAP } from './lib/constants/styles';
 export * from './lib/constants/validation';
 export * from './lib/directives';
 export * from './lib/enums';
-export { ErrorHandler } from './lib/handlers';
+export * from './lib/handlers';
 export * from './lib/models';
 export * from './lib/providers';
 export * from './lib/services';