fetrarij / ngx-daterangepicker-material

Pure Angular 2+ date range picker with material design theme, a demo here:
https://fetrarij.github.io/ngx-daterangepicker-material/
MIT License
249 stars 252 forks source link

Vs 2.4.1 issue with use in Material and angular-split-ng6 #345

Open edjm1971 opened 3 years ago

edjm1971 commented 3 years ago

Versions 2.4.1

Describe the bug A clear and concise description of what the bug is. There are a couple of things that are going on here with this package this is bug entry : 1

1.) When the Calendar is used within an area (smaller than the needed width of the side by side calendar) defined by the angular-split-ng6 the calendar gets stacked or if you override the width the view is partially blocked by the neighboring area of the splitter when the calendar is on the left side of the UI. 2.) User must define the following CSS style in order to render the calendar correctly .md-drpicker.drops-down-right.ltr.show.double.show-ranges { position: fixed }

To Reproduce Steps to reproduce the behavior:

  1. Use the angular-split-ng6 to split up your display
  2. Define an area where you want the calendar and set the area size to something smaller than the size of the calendar side by side view
  3. Click on '....' the calendar to open it

Expected behavior A clear and concise description of what you expected to happen. User would expect the calendar to appear side by side.

Screenshots If applicable, add screenshots to help explain your problem. The codebase of ours is on a sandbox system so I am not able to share the code.

Stackblitz link If applicable, add stackblitz link.

Additional context Add any other context about the problem here.