import React from 'react' ; import Component from './EventRangePicker' ; export default { title : 'Teleport/RangePicker' , } ; export const Picker = ( ) => < Component { ... props } / > ; const options = [ { name : '7 days' , from : new Date ( ) , to : new Date ( ) , } , { name : 'Custom Range...' , isCustom : true , from : new Date ( ) , to : new Date ( ) , } , ] ; const props = { range : options [ 0 ] , ranges : options , onChangeRange : ( ) => { } , } ;