JQueryMobile Range Slider

Maximizing Range Slider

by priority

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<div data-role="rangeslider" id="DateSlider">
        <label for="range-1a" id="label-1a">Rangeslider:</label>
        <input type="range" name="range-1a" id="range-1a" min="0" max="364" value="127" step="3">
        <label for="range-1b">Rangeslider:</label>
        <input type="range" name="range-1b" id="range-1b" min="1" max="365" value="253" step="3">
    </div>

CSS

#DateSlider input {
    display: none;
}
.ui-rangeslider .ui-rangeslider-sliders {
    margin-right: 20px;
    margin-left: 0;
}