New Twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  queryParams: ['endDate'],
  
  startDate: '09/01/2017',
  endDate: '09/30/2017'
});

controllers.my-route.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appController: Ember.controller.inject('application')
});

routes.application.js

import Ember from 'ember';

export default Ember.Route.extend({
  queryParams: {
    endDate: {
      refreshModel: true,
      replace: true
    }
  }  
});

routes.my-route.js

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    const { startDate, endDate } = this.paramsFor('application');
    
    return this.store.query('orderItem', {
      createdDateStart: startDate.format('MM/DD/YYYY 01:01:01'),
      createdDateEnd: rangeEnd.format('MM/DD/YYYY 23:59:59')
    });
  }
});

templates.my-route.hbs

{{! these will mut the query parameters and refresh the model }}
Start Date: {{input value=appController.startDate}}
End Date: {{input value=appController.endDate}}

{{#each model as |foo|}}
  {{! here is your data by the selected date range }}
{{/each}}

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}