default: "<div class=\"gmf-time-slider\">\n <div ui-slider=\"sliderCtrl.sliderOptions\" ng-model=\"sliderCtrl.dates\">\n <span class=\"ui-slider-handle ui-state-default ui-corner-all\" tabindex=\"0\" data-toggle=\"tooltip\" title=\"\">\n </span>\n </div>\n\n <div class=\"gmf-time-slider-displayed-dates\">\n <div class=\"gmf-time-slider-start-date\" ng-if=\"::sliderCtrl.time.mode === 'range'\">\n <span>{{sliderCtrl.getLocalizedDate(sliderCtrl.dates[0])}}</span>\n </div>\n\n <div class=\"gmf-time-slider-start-date\" ng-if=\"::sliderCtrl.time.mode === 'value'\">\n <span>{{sliderCtrl.getLocalizedDate(sliderCtrl.dates)}}</span>\n </div>\n\n <div class=\"gmf-time-slider-end-date\" ng-if=\"::sliderCtrl.time.mode === 'range'\">\n <span>{{sliderCtrl.getLocalizedDate(sliderCtrl.dates[1])}}</span>\n </div>\n </div>\n</div>"