Date and range Input problems

[RTOlivier]

Hello all,
I have some some issue with date and range Input. I just tried sample from the documentation but for the date input, the end of the edit mask is shown under the label (not very good visually) and for the range input, I can’t click nor focus nor edit as you can see in the picture below.

Thank you so much.

[nolimits4web]

For date input check this https://stackoverflow.com/questions/28686288/remove-default-text-placeholder-present-in-html5-input-element-of-type-date

For number input, you need to remove range-slider classes from it, if you use usual text input there.

[RTOlivier]

Thank you @nolimits4web,
For the date input, the use of onfocus and onblur attributes worked.

But for then range-slider, when I removed the range-slider class, it become like this:

I’d like to have the styled range slider not number input. But I don’t know, it become not clickable when I add range-slider class.

[RTOlivier]

I found it finally, I forget to initialize it with js (sorry for that). But still, there is a problem. The maximum of the slider is outside the bar and I need to resize manually the window (of the browser) to make it correct.