Good day to all.
Below my dirty implementation of Combo Filter and Month Filter.
Month Filter when u select exact month-Year , send to server 1st date fo month and last date of month, same way like u select after and before.
ux.picker.Month its a small changes of original month picker component in ExtJs. later i plane made more clean code, but now mb some one can find this useful.
P.S. any one know who here available spoilers? (for hide code under them)

/** * @private * Template method that is to get and return the value of the filter. * @return {String} The value of this filter */getValue : function () {console.log('GetValue',this); return this.inputItem.getValue(); },

/** * @private * Template method that is to set the value of the filter. * @param {Object} value The value to set the filter */setValue : function (value) {console.log('SetValue',this, 'VALUE: ',value);this.inputItem.setValue(value);this.fireEvent('update', this); },

/** * Template method that is to validate the provided Ext.data.Record * against the filters configuration. * @param {Ext.data.Record} record The record to validate * @return {Boolean} true if the record is valid within the bounds * of the filter, false otherwise. */validateRecord : function (record) { var val = record.get(this.dataIndex);

/** * Template method that is to validate the provided Ext.data.Record * against the filters configuration. * @param {Ext.data.Record} record The record to validate * @return {Boolean} true if the record is valid within the bounds * of the filter, false otherwise. */validateRecord : function (record) { var key,pickerValue,val = record.get(this.dataIndex),clearTime = Ext.Date.clearTime;

calculateMonthMargin: function(){// We use this method for locales where the short month name // may be longer than we see in English. For example in the // zh_TW locale the month ends up spanning lines, so we loosen // the margins to get some extra spacevar me = this,monthEl = me.monthEl,months = me.months,first = months.first(),itemMargin = first.getMargin('l');

/** * Set the value for the picker. * @param {Date/Number[]} value The value to set. It can be a Date object, where the month/year will be extracted, or * it can be an array, with the month as the first index and the year as the second. * @return {Ext.picker.Month} this */setValue: function(value){ var me = this,active = me.activeYear,offset = me.monthOffset,year,index;

/** * Get an array of years to be pushed in the template. It is not in strict * numerical order because we want to show them in columns. * @private * @return {Number[]} An array of years */getYears: function(){ var me = this,offset = me.yearOffset,start = me.activeYear, // put the "active" year on the leftend = start + offset,i = start,years = [];

/** * Gets the current year value, or the default. * @private * @param {Number} defaultValue The default value to use if the year is not defined. * @param {Number} offset A number to offset the value by * @return {Number} The year value */getYear: function(defaultValue, offset) { var year = this.value[1];offset = offset || 0; return year === null ? defaultValue : year + offset; },

Hi all, i'm using extjs 5 app (generated by sencha cmd) with neptune theme and sencha-charts in app.json. I am able to display the component, I can click on OK and cancel, but anywhere else (month, year, and arrows) just close the month picker without selecting any dat at all. A bit like this post : http://stackoverflow.com/questions/2...onth-or-yearIm using the correct version of extjs 5.1.0.107. Any guess ?