Hour and Minute sliders extend past container in IE about jquery-date-range-picker

[jessedmatlock]

You can also see this same issue in your demo (https://rawgit.com/longbill/jquery-date-range-picker/master/index.html) on IE11 on Win7

[jessedmatlock]

Any visibility on this issue? Any solution being assessed ?

[longbill]

Hi, time support is still a testing feature. Please do not use this in production.

[jessedmatlock]

You might consider putting that in the Documentation because the current docs show it as a feature, just like the rest. If we'd had known it was a 'beta', or 'testing' feature as you called it, we would have used another resource from the start (as that's a requirement for this project) - appreciate all your work on the plugin, just be nice to have any 'testing' features outline in the docs so users can be weary.
Thanks for the reply..

[jessedmatlock]

UPDATE for anyone else using this plugin, running into issues with the Range inputs in IE.

Change:

.time input[type=range] {
  vertical-align: middle;
}

TO

.time input[type=range] {
  vertical-align: middle;
  max-width: 100%;
}

And it should work.. the inputs seem to be overflowing their parent container.

[holtkamp]

Can a new version 0.0.8 be tagged so we can use the suggested fix?

Feedback on current approach: 409f461

.time input[type=range] {
  vertical-align: middle;
  max-width: 80%;
}

Seems more appropriate than:

.time input[type=range] {
  vertical-align: middle;
  width: 129px;
}