[CLOSED] Calendar Panel in Dayview/WeekView how to show disabled dates/time slots in gray color ?

[Arohan]

Scenario is as follows

1. We get list of Holidays, Leaves and absent employees from database
2. Logic to prevent EvnetWindow is written as shown below
   

               rangeSelect: function(cal, dates, callback) {
               if (!CompanyX.isValidDate(dates.StartDate)) return;
   
                   this.record.show(cal, dates);
                   this.getWindow().on('hide', callback, cal, { single: true });
               },
   
               dayClick: function(cal, dt, allDay, el) {
               if (!CompanyX.isValidDate(dt)) return;
                   
                   this.record.show.call(this, cal, {
                       StartDate: dt,
                       IsAllDay: allDay
                   }, el);
               },

   CompanyX.isValidDate function checks if date is valid for entry.

Now, How to display all invalid date related time slots in gray color?

[Vladimir]

Ext.Net uses simple version of Calendar (simple version of http://ext.ensible.com/products/calendar/)
Simple version doesn't give ability to use custom renderers for view cell

I would start to investigate source of Calendar. For example, you can see that inside 'applyTemplate' method of BoxLayout.js file (http://svn.ext.net/premium/trunk/Ext...e/BoxLayout.js) there is functionality to add own css class to a cell

So, you can override that function and own css class to special highlign of cell