fix(datepicker): share PositioningService instance (#6775)

Use a single shared PositioningService instance for the datepicker and daterangepicker directives to fix adaptive positioning issues:
- Adaptive positioning on the daterangepicker now works.
- Adaptive positioning on one datepicker no longer affects other instances.
- Also apply this change to the inline datepicker and inline daterangepicker for consistency.

Fixes #6773, fixes #6774

Co-authored-by: Alexey Umanskiy <[email protected]>

Author: haryasa

src/datepicker/bs-datepicker-inline.component.ts

@@ -14,6 +14,7 @@ import {
 } from '@angular/core';
 
 import { ComponentLoader, ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
+import { PositioningService } from 'ngx-bootstrap/positioning';
 
 import { Subscription } from 'rxjs';
 import { BsDatepickerInlineConfig } from './bs-datepicker-inline.config';
@@ -28,7 +29,7 @@ import { checkBsValue, setCurrentTimeOnDateSelect } from './utils/bs-calendar-ut
     selector: 'bs-datepicker-inline',
     exportAs: 'bsDatepickerInline',
     standalone: true,
-    providers: [ComponentLoaderFactory]
+    providers: [ComponentLoaderFactory, PositioningService]
 })
 export class BsDatepickerInlineDirective implements OnInit, OnDestroy, OnChanges {
   /**

src/datepicker/bs-datepicker.component.ts

@@ -14,6 +14,7 @@ import {
   ViewContainerRef
 } from '@angular/core';
 import { ComponentLoader, ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
+import { PositioningService } from 'ngx-bootstrap/positioning';
 import { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 import { BsDatepickerConfig } from './bs-datepicker.config';
@@ -27,7 +28,7 @@ export let previousDate: Date | Date[] | undefined;
 @Directive({
     selector: '[bsDatepicker]',
     exportAs: 'bsDatepicker',
-    providers: [ComponentLoaderFactory],
+    providers: [ComponentLoaderFactory, PositioningService],
     standalone: true
 })
 export class BsDatepickerDirective implements OnInit, OnDestroy, OnChanges, AfterViewInit {

src/datepicker/bs-daterangepicker-inline.component.ts

@@ -4,6 +4,7 @@ import {
 } from '@angular/core';
 
 import { ComponentLoader, ComponentLoaderFactory } from 'ngx-bootstrap/component-loader';
+import { PositioningService } from 'ngx-bootstrap/positioning';
 
 import { Subscription } from 'rxjs';
 import { filter } from 'rxjs/operators';
@@ -22,9 +23,7 @@ import {
     selector: 'bs-daterangepicker-inline',
     exportAs: 'bsDaterangepickerInline',
     standalone: true,
-    providers: [
-      ComponentLoaderFactory
-    ]
+    providers: [ComponentLoaderFactory, PositioningService]
 })
 export class BsDaterangepickerInlineDirective implements OnInit, OnDestroy, OnChanges {
     _bsValue?: (Date|undefined)[] | undefined;

src/datepicker/bs-daterangepicker.component.ts

@@ -10,6 +10,7 @@ import { BsDaterangepickerContainerComponent } from './themes/bs/bs-daterangepic
 import { Observable, Subscription, Subject, BehaviorSubject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 import { ComponentLoaderFactory, ComponentLoader } from 'ngx-bootstrap/component-loader';
+import { PositioningService } from 'ngx-bootstrap/positioning';
 import { BsDatepickerConfig } from './bs-datepicker.config';
 import { DatepickerDateCustomClasses } from './models';
 import {
@@ -25,9 +26,7 @@ export let previousDate: (Date | undefined)[] | undefined;
     selector: '[bsDaterangepicker]',
     exportAs: 'bsDaterangepicker',
     standalone: true,
-    providers: [
-      ComponentLoaderFactory
-    ]
+    providers: [ComponentLoaderFactory, PositioningService]
 })
 export class BsDaterangepickerDirective
   implements OnInit, OnDestroy, OnChanges, AfterViewInit {

src/datepicker/themes/bs/bs-datepicker-inline-container.component.ts

@@ -17,7 +17,7 @@ import { NgIf, NgClass, NgSwitch, NgSwitchCase, NgFor, AsyncPipe } from '@angula
 
 @Component({
     selector: 'bs-datepicker-inline-container',
-    providers: [BsDatepickerStore, BsDatepickerEffects, PositioningService],
+    providers: [BsDatepickerStore, BsDatepickerEffects],
     templateUrl: './bs-datepicker-view.html',
     host: {
         '(click)': '_stopPropagation($event)'

src/datepicker/themes/bs/bs-daterangepicker-container.component.ts

@@ -34,7 +34,7 @@ import { NgIf, NgClass, NgSwitch, NgSwitchCase, NgFor, AsyncPipe } from '@angula
 
 @Component({
     selector: 'bs-daterangepicker-container',
-    providers: [BsDatepickerStore, BsDatepickerEffects, BsDatepickerActions, PositioningService],
+    providers: [BsDatepickerStore, BsDatepickerEffects, BsDatepickerActions],
     templateUrl: './bs-datepicker-view.html',
     host: {
         class: 'bottom',

src/datepicker/themes/bs/bs-daterangepicker-inline-container.component.ts

@@ -17,7 +17,7 @@ import { NgIf, NgClass, NgSwitch, NgSwitchCase, NgFor, AsyncPipe } from '@angula
 
 @Component({
     selector: 'bs-daterangepicker-inline-container',
-    providers: [BsDatepickerStore, BsDatepickerEffects, BsDatepickerActions, PositioningService],
+    providers: [BsDatepickerStore, BsDatepickerEffects, BsDatepickerActions],
     templateUrl: './bs-datepicker-view.html',
     host: {
         '(click)': '_stopPropagation($event)'