Date Slider

HTML

<html>
    
    <head>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            // Load the Visualization API and the controls package.
            google.load('visualization', '1.0', {
                'packages': ['controls']
            });

            // Set a callback to run when the Google Visualization API is loaded. 
            google.setOnLoadCallback(drawChart);

            // Callback that creates and populates a data table,
            // instantiates a dashboard, a range slider and a pie chart,
            // passes in the data and draws it.
            function drawChart() {

                // Create our data table.
                var data = google.visualization.arrayToDataTable([
                    ['Name', 'Donuts eaten', 'Date'],
                    ['Michael', 5, 20130102],
                    ['Elisa', 7, 20130103],
                    ['Robert', 3, 20130104],
                    ['John', 2, 20130105],
                    ['Jessica', 6, 20130106],
                    ['Aaron', 1, 20130107],
                    ['Margareth', 8, 20130108]
                ]);
                // Create a dashboard.
                var dashboard = new google.visualization.Dashboard(
                document.getElementById('programmatic_dashboard_div'));

                // Create a range slider, passing some options
                programmaticSlider = new google.visualization.ControlWrapper({
                    'controlType': 'NumberRangeFilter',
                        'containerId': 'programmatic_control_div',
                        'options': {
                        'filterColumnLabel': 'Donuts eaten',
                            'ui': {
                            'labelStacking': 'vertical'
                        }
                    }
                });
                programmaticSlider2 = new google.visualization.ControlWrapper({
                    'controlType':...