search

danielmoncada / date-time-picker

Angular Date Time Picker (Responsive Design)
https://daniel-projects.firebaseapp.com/owlng/date-time-picker
MIT License
141 stars 61 forks source link

Time-picker problem inside bootstrap modal #61

Closed Alex-Simple-Fly closed 3 years ago

Alex-Simple-Fly commented 4 years ago

Hi, I am having an issue with time-picker when I am trying to implement it in a bootstrap modal. Like said in that issue https://github.com/DanielYKPan/date-time-picker/issues/372

I'm overwritten the css z-index for class cdk-overlay-container, but inputs for minutes and hours are not accessible, the user can only click the arrows.

Maybe anyone know's fix for that problem?

developerGM commented 4 years ago

I have the same problem.

chiangs commented 4 years ago

Are you using the hasBackdrop: true in the OverlayConfig? Try turning it false if you can access the config.

developerGM commented 4 years ago

Where is this config?

chiangs commented 4 years ago

It's part of the cdk overlay config but it's possible that it is not exposed to you

developerGM commented 4 years ago

yes, confirm, this is not exposed. So how can we solve this problem?

developerGM commented 3 years ago

I solved changing this <div class="modal fade" id="modalCalendar" tabindex="-1" role="dialog" aria-hidden="true">

whit this <div class="modal fade" id="modalCalendar" role="dialog" aria-hidden="true">

danielmoncada commented 3 years ago

OP found a solution. see https://github.com/danielmoncada/date-time-picker/issues/61#issuecomment-694489985