New Twiddle

adapters.class.js

import Ember from 'ember';
import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  query (store, type, query) {
    return new Ember.RSVP.Promise(resolve => {
      Ember.run.later(() => resolve({
        data: [{
          id: 'Class one - '+query.month,
          type: 'class',
        },{
          id: 'Class two - '+query.month,
          type: 'class',
        }]
      }), 1000);
    });
  }
});

components.my-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  store: Ember.inject.service(),
  init() {
    console.log('hi init component');
    this._super(...arguments);
  },
  classesForMonth: function() {
    console.log('hi im querying store') // doesn't fire on month change
    return this.get('store').query('class', {
      month: this.get('month') + 1,
    });
  }.property('month'),
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    setMonth(month) {
      this.set('month', +month); // convert str to int
    }
  }
});

models.class.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
});

templates.application.hbs

<input onchange={{action 'setMonth' value="target.value"}}>

{{#if month}}
	<hr>
	{{month.id}}
  <hr>
  {{my-component month=month}}
{{/if}}

templates.components.my-component.hbs

Classes:
<ul>
	{{#each classesForMonth as |class|}}
  	<li>{{class.id}}</li>
	{{/each}}
</ul>

twiddle.json

{
  "version": "0.10.6",
  "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.9.0",
    "ember-data": "2.9.0",
    "ember-template-compiler": "2.9.0",
    "ember-testing": "2.9.0"
  },
  "addons": {}
}