add: component wrapper
add: time interval component