Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

input-daterange and css alignment problem with bootstrap #2682

Open
slolo2000 opened this issue May 15, 2023 · 1 comment
Open

input-daterange and css alignment problem with bootstrap #2682

slolo2000 opened this issue May 15, 2023 · 1 comment

Comments

@slolo2000
Copy link

Expected behaviour

With the last version, there is a problem with range and bootstrap 4.

Normally I should have this:
normal_1_10_0

cf. jsfiddle : https://jsfiddle.net/69xgm4th/

Actual behaviour

But with the last version 1.10.0 (and previous one) I have this behavior:
bug_1_10_0

cf. jsfiddle: https://jsfiddle.net/adocupx9/

Datepicker version used : v1.10.0

Example code

Simply add input-daterange class and the problem appears.

See above for examples.

@slolo2000
Copy link
Author

I have found a trick.

Simply put lines below in comment in bootstrap-datepicker3.css (and bootstrap-datepicker3.min.css) and it does the job:

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant