       @namespacedTrigger 'ready'
 
   _parseValue: ->
-    prefix = if @prefix then "\\#{@prefix}" else ''
-    suffix = if @suffix then "\\#{@suffix}" else ''
-    separator = if @separator then "\\#{@separator}" else ''
+    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)


  @tag 'tao-date-range-picker'

  @attribute 'prefix'
  @attribute 'suffix'
  @attribute 'separator', default: ','

  @attribute 'dateValueFormat', default: 'YYYY-MM-DD'


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

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

