 
   @tag 'tao-date-range-picker'
 
-  @attribute 'prefix'
-  @attribute 'suffix'
-  @attribute 'separator', default: ','
+  @attribute 'valueFormat', type: 'hash', default: {prefix: '', separator: ',', suffix: ''}
 
   @attribute 'dateValueFormat', default: 'YYYY-MM-DD'
 

    endDateValue = @endDatePicker.moment?.format(@dateValueFormat)

    if startDateValue || endDateValue
      @field.val ["#{@prefix}#{startDateValue || ''}", "#{endDateValue || ''}#{@suffix}"].join(@separator)
    else
      @field.val ''


      @namespacedTrigger 'ready'

  _parseValue: ->
    prefix = if @valueFormat.prefix then "\\#{@valueFormat.prefix}" else ''
    suffix = if @valueFormat.suffix then "\\#{@valueFormat.suffix}" else ''
    separator = if @valueFormat.separator then "\\#{@valueFormat.separator}" else ''

    regexp = new RegExp "^#{prefix}(.*)#{separator}(.*)#{suffix}$"
    if matches = @field.val().match(regexp)
