diff --git a/src/ui/public/agg_types/__tests__/AggType.js b/src/ui/public/agg_types/__tests__/AggType.js
index 2f3e37f317977..9756b96640545 100644
--- a/src/ui/public/agg_types/__tests__/AggType.js
+++ b/src/ui/public/agg_types/__tests__/AggType.js
@@ -106,6 +106,25 @@ describe('AggType Class', function () {
           expect(aggType.getFormat(aggConfig)).to.be(fieldFormat.getDefaultInstance('string'));
         });
 
+        it('returns the string formatter for the range aggs', function () {
+          var aggType = new AggType({});
+
+          var vis = new Vis(indexPattern, {
+            type: 'histogram',
+            aggs: [
+              {
+                type: 'range',
+                schema: 'segment',
+              }
+            ]
+          });
+
+          var aggConfig = vis.aggs.byTypeName.range[0];
+          aggConfig.params = {field: {format: 'non_used_format'}};
+
+          expect(aggType.getFormat(aggConfig)).to.be(fieldFormat.getDefaultInstance('string'));
+        });
+
         it('can be overridden via config', function () {
           var someGetter = function () {};
 
diff --git a/src/ui/public/agg_types/buckets/range.js b/src/ui/public/agg_types/buckets/range.js
index edc9faf39c2c2..122f14fd3e9b1 100644
--- a/src/ui/public/agg_types/buckets/range.js
+++ b/src/ui/public/agg_types/buckets/range.js
@@ -1,10 +1,9 @@
 define(function (require) {
   return function RangeAggDefinition(Private) {
     var _ = require('lodash');
-    var moment = require('moment');
-    var angular = require('angular');
     var BucketAggType = Private(require('ui/agg_types/buckets/_bucket_agg_type'));
     var createFilter = Private(require('ui/agg_types/buckets/create_filter/range'));
+    var fieldFormats = Private(require('ui/registry/field_formats'));
 
     return new BucketAggType({
       name: 'range',
@@ -13,6 +12,14 @@ define(function (require) {
       makeLabel: function (aggConfig) {
         return aggConfig.params.field.displayName + ' ranges';
       },
+      getKey: function (bucket, key, agg) {
+        let stringFormat = fieldFormats.getDefaultInstance('string');
+        let format = _.get(agg.field(), 'format', stringFormat).getConverterFor('text');
+        return `${format(bucket.from)} to ${format(bucket.to)}`;
+      },
+      getFormat: function () {
+        return fieldFormats.getDefaultInstance('string');
+      },
       params: [
         {
           name: 'field',
diff --git a/test/unit/specs/components/agg_types/_agg_type.js b/test/unit/specs/components/agg_types/_agg_type.js
new file mode 100644
index 0000000000000..58c3e1a0fa445
--- /dev/null
+++ b/test/unit/specs/components/agg_types/_agg_type.js
@@ -0,0 +1,193 @@
+define(function (require) {
+  return ['AggType Class', function () {
+    var _ = require('lodash');
+    var sinon = require('test_utils/auto_release_sinon');
+    var AggType;
+    var AggParams;
+    var AggConfig;
+    var indexPattern;
+    var fieldFormat;
+    var Vis;
+
+    require('services/private');
+
+    beforeEach(module('kibana'));
+    beforeEach(inject(function (Private) {
+      var AggParamsPM = require('components/agg_types/_agg_params');
+      AggParams = sinon.spy(Private(AggParamsPM));
+      Private.stub(AggParamsPM, AggParams);
+
+      Vis = Private(require('components/vis/vis'));
+      fieldFormat = Private(require('registry/field_formats'));
+      AggType = Private(require('components/agg_types/_agg_type'));
+      AggConfig = Private(require('components/vis/_agg_config'));
+      indexPattern = Private(require('fixtures/stubbed_logstash_index_pattern'));
+    }));
+
+    describe('constructor', function () {
+
+      it('requires a config object as it\'s first param', function () {
+        expect(function () {
+          new AggType(null);
+        }).to.throwError();
+      });
+
+      describe('application of config properties', function () {
+        var copiedConfigProps = [
+          'name',
+          'title',
+          'makeLabel',
+          'ordered'
+        ];
+
+        describe('"' + copiedConfigProps.join('", "') + '"', function () {
+          it('assigns the config value to itself', function () {
+            var config = _.transform(copiedConfigProps, function (config, prop) {
+              config[prop] = {};
+            }, {});
+
+            var aggType = new AggType(config);
+
+            copiedConfigProps.forEach(function (prop) {
+              expect(aggType[prop]).to.be(config[prop]);
+            });
+          });
+        });
+
+        describe('makeLabel', function () {
+          it('makes a function when the makeLabel config is not specified', function () {
+            var someGetter = function () {};
+
+            var aggType = new AggType({
+              makeLabel: someGetter
+            });
+
+            expect(aggType.makeLabel).to.be(someGetter);
+
+            aggType = new AggType({
+              name: 'pizza'
+            });
+
+            expect(aggType.makeLabel).to.be.a('function');
+            expect(aggType.makeLabel()).to.be('pizza');
+          });
+        });
+
+        describe('getFormat', function () {
+          it('returns the formatter for the aggConfig', function () {
+            var aggType = new AggType({});
+
+            var vis = new Vis(indexPattern, {
+              type: 'histogram',
+              aggs: [
+                {
+                  type: 'date_histogram',
+                  schema: 'segment'
+                }
+              ]
+            });
+
+            var aggConfig = vis.aggs.byTypeName.date_histogram[0];
+
+            expect(aggType.getFormat(aggConfig)).to.be(fieldFormat.getDefaultInstance('date'));
+
+            vis = new Vis(indexPattern, {
+              type: 'metric',
+              aggs: [
+                {
+                  type: 'count',
+                  schema: 'metric'
+                }
+              ]
+            });
+            aggConfig = vis.aggs.byTypeName.count[0];
+
+            expect(aggType.getFormat(aggConfig)).to.be(fieldFormat.getDefaultInstance('string'));
+          });
+
+          it('returns the string formatter for the range aggs', function () {
+            var aggType = new AggType({});
+
+            var vis = new Vis(indexPattern, {
+              type: 'histogram',
+              aggs: [
+                {
+                  type: 'range',
+                  schema: 'segment',
+                }
+              ]
+            });
+
+            var aggConfig = vis.aggs.byTypeName.range[0];
+            aggConfig.params = {field: {format: 'non_used_format'}};
+
+            expect(aggType.getFormat(aggConfig)).to.be(fieldFormat.getDefaultInstance('string'));
+          });
+
+          it('can be overridden via config', function () {
+            var someGetter = function () {};
+
+            var aggType = new AggType({
+              getFormat: someGetter
+            });
+
+            expect(aggType.getFormat).to.be(someGetter);
+          });
+        });
+
+        describe('params', function () {
+          beforeEach(function () {
+            AggParams.reset();
+          });
+
+          it('defaults to AggParams object with JSON param', function () {
+            var aggType = new AggType({
+              name: 'smart agg'
+            });
+
+            expect(aggType.params).to.be.an(AggParams);
+            expect(aggType.params.length).to.be(1);
+            expect(aggType.params[0].name).to.be('json');
+          });
+
+          it('passes the params arg directly to the AggParams constructor', function () {
+            var params = [
+              {name: 'one'},
+              {name: 'two'}
+            ];
+            var paramLength = params.length + 1; // json is always appended
+
+            var aggType = new AggType({
+              name: 'bucketeer',
+              params: params
+            });
+
+            expect(aggType.params).to.be.an(AggParams);
+            expect(aggType.params.length).to.be(paramLength);
+            expect(AggParams.callCount).to.be(1);
+            expect(AggParams.firstCall.args[0]).to.be(params);
+          });
+        });
+
+        describe('getResponseAggs', function () {
+          it('copies the value', function () {
+            var football = {};
+            var aggType = new AggType({
+              getResponseAggs: football
+            });
+
+            expect(aggType.getResponseAggs).to.be(football);
+          });
+
+          it('defaults to _.noop', function () {
+            var aggType = new AggType({});
+
+            expect(aggType.getResponseAggs).to.be(_.noop);
+          });
+        });
+      });
+
+    });
+
+  }];
+});