Wrap the input in a div and add the .slider-input class to the input. Wh...

...en creating the slider itself, call element.find on the input, instead of using element itself. This way the jquery slider will be wrapped in the div. Otherwise, the jquery slider actually wraps the angular directive itself, which seems like a messy way to go about it. (And it makes it harder to style with classes on the directive)