I have a form where I use an open source datetime picker, which works with Bootstrap 3, but I use bootstrap 5 for the rest of the website. When I integrate the form with the datetime picker, the style of the whole page becomes messed up.
Is there a way to limit application of Bootstrap to that one form? Or maybe there is another workaround to preserve the style of the website and to use that datetime picker?
I know, this question was posted here before quite a long time ago, and the solution was to use scoped style. Unfortunately, it is not supported by most browsers.
Maybe you know some datetime picker on Bootstrap 5? Unfortunately, I couldn't find any.
Any ideas and suggestions are appreciated!
What I have tried:
I already place
<?php require file and echo the form; ?>
in the div, where the form should be.
I have tried to place bootstrap 3 stylesheet above the one with Bootstrap 5, and removed it from . It preserved the style of the website, but the datetime picker didn't work anymore.
I have tried to restyle the classes in Bootstrap 3, but then some of the features in the datetime picker stop working.