jQuery UI component initialization syntax

jQuery UI component initialization syntax

Hi. What is the correct syntax for initizalizing a component using 2 arguments? If I use :
  1. $('<%= "#" + tbDespatchDate.ClientID %>').daterangepicker({arrows : true}, {rangeSplitter : "!"});
only the first argument has any effect,  whereas if I use
  1. $('<%= "#" + tbDespatchDate.ClientID %>').daterangepicker({rangeSplitter : "!"});
or
  1. $('<%= "#" + tbDespatchDate.ClientID %>').daterangepicker({arrows : true});
they work OK. I'm using the daterangepicker from here btw  http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/ but I guess this should work the same as with jQuery UI.