Input values not showing

[sinrise]

Everything else seems to be functional. I can use the arrows to step through digits or enter the time on the keyboard but the actual value doesn't show on the inputs. It doesn't seem to be the CSS because on inspection the 'color: ' is set to black. There is no text to select, so it's not a color thing. I think the characters aren't being appended to the input element...

[ksidibe]

I'm having the same issue. Have you, by any chance, figured out the solution? Thanks.

[t0mj]

Same issue here, anyone figured this out?

[mrhota]

@ksidibe @t0mj @sinrise Please provide HTML and init code. Are you using the latest release (v0.5.1)?

[adam-godfrey]

I am using v0.5.1 and I get the same problem

HTML

<div class="bootstrap-timepicker timepicker">
    <input type="text" id="timepicker1" class="form-control input-small" required="required" placeholder="Event Start Time">
</div>

JS

$('#timepicker1, #timepicker2').timepicker({
    defaultTime:    false,
    showMeridian:   false,
});

Any idea what's going wrong?

[t0mj]

Try width: 50px; https://github.com/jdewit/bootstrap-timepicker/blob/gh-pages/less/timepicker.less#L145

I believe thats what fixed my problem but I am on an older version.

[adam-godfrey]

Thanks @t0mj

By changing the width like you suggested and overriding some padding fixed the problem

.bootstrap-timepicker-widget table td input {
    width: 50px;
    margin: 0;
    text-align: center;
    padding: 0 5px;
}