             return @model.id
 
         getOperator: ->
-            from = @$('.range-from').val()
-            to = @$('.range-to').val()
+            from = @ui.lowerBound.val()
+            to = @ui.upperBound.val()
             operator = ''
 
             if from != "" and to != ""

            return operator

        getValue: ->
            from_text = @$('.range-from').val()
            from_date = @$('.range-from').data('datepicker').getFormattedDate()

            to_text = @$('.range-to').val()
            to_date = @$('.range-to').data('datepicker').getFormattedDate()

            value = []


            switch @operator
                when 'range', '-range'
                    if value[0]?
                        @ui.lowerBound.data('datepicker').setDate(
                            new Date(value[0]))
                    else
                        @ui.lowerBound.val(@minLowerBound ? '')
                    if value[1]?
                        @ui.upperBound.data('datepicker').setDate(
                            new Date(value[1]))
                    else
                        @ui.upperBound.val(@maxUpperBound ? '')
                when 'gte'
                    @ui.lowerBound.data('datepicker').setDate(
                        new Date(value))
                when 'lte'
                    @ui.upperBound.data('datepicker').setDate(
                        new Date(value))

    {DateControl}
