Add: click event type to range selector button

types/highcharts/highstock.d.ts

@@ -2,7 +2,8 @@
 // Project: http://www.highcharts.com/
 
 // Definitions by: David Deutsch <http://github.com/DavidKDeutsch>
-// Definitions by: Dave Baumann <https://github.com/route2Dev>
+//                 Dave Baumann <https://github.com/route2Dev>
+//                 Richard Ison <https://github.com/richardison>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 import * as Highcharts from "highcharts";
@@ -31,11 +32,16 @@ declare namespace Highstock {
         yAxis?: Highcharts.AxisOptions;
     }
 
+    interface RangeSelectButtonEvent {
+        click?(event: Event): void;
+    }
+
     interface RangeSelectorButton {
         type: string; // Defines the timespan, can be one of 'millisecond', 'second', 'minute', 'day', 'week', 'month', 'ytd' (year to date), 'year' and 'all'.
         count?: number;
         text: string;
         dataGrouping?: any; // not sure how this works
+        events?: RangeSelectButtonEvent;
     }
 
     interface RangeSelectorOptions {

types/highcharts/test/highstock.ts

@@ -25,6 +25,14 @@ $(() => {
         rangeSelector: {
             allButtonsEnabled: true,
             selected: 1,
+            buttons: [{
+                type: 'month',
+                count: 1,
+                text: '1m',
+                events: {
+                    click: () => { }
+                }
+            }],
             buttonTheme: { // styles for the buttons
                 fill: 'none',
                 stroke: 'none',