Setting Custom Widths for Date Slider and Other Controls

[Ryan]

I have a date slider:

var dateSlider = new google.visualization.ControlWrapper({

'controlType': 'DateRangeFilter',

'containerId': 'marketingChartControl',

'options': {

'filterColumnLabel': 'Date',

}

});

However my date rate is rather large, about 3 years, so I would like to increase the width of the slider so that it is easier to use.

I tried to adding

'width': '300px'

under the options object but it only caused the two thumbs to be placed incorrectly. 

I also tried altering the CSS with:

.google-visualization-controls-slider-horizontal {
width: 300px;
}

but that didn't work either.

Is there actually any way to do this as I have had a look through the documentation and didn't see anything?

Many Thanks,

Ryan