CalendarMatrix Component

CalendarMatrix is an EXTJS 5.x component that extends Ext.picker.Date to provide incredible flexibility in the implementation of Sencha's date picker component. This component will work with earlier version of EXTJS with slight modifications. Following examples are included in the demo and within the enclosed CalendarMatrixDemo project (Architect 3.2 project also included):

• MarketWatch style Options Expiration read-only Calendar with Legend


• Multi "random" date selection example


• Single Date selection popup demonstrating numerous advanced features including: International Language support, customized HTML within each date cell, custom weekend styling, customized disabled dates


• TripAdvisor, Trivago, Expedia and Travelocity styled date range selector examples

CalendarMatrix Demo: http://ift.tt/1A1VL8S

Also see how CalendarMatrix can be used to enhance EXTJS provided Calendar Application by adding "Year" tab with selection features similar to Yahoo calendar:

Calendar App Demo: http://ift.tt/1A1VL8U

• Select date within Year tab to open Day tab


• Select month title within Year tab to open Month tab


• Can also be used to replace the DatePicker selector on left providing week and month highlighting features consistent with Google and Yahoo calendars.

This software can be downloaded at: http://ift.tt/1J5ASAS

**Don't forget to STAR this repository in GITHUB to be notified for frequent changes !!

The equivalent Sencha Touch "CalendarPicker" component can be found at:

http://ift.tt/1J5AVwG

CalendarPicker Demo: http://ift.tt/1A1VLWj

ExpediaRangeSelectExample.jpg

TrivagoRangeSelectExample.jpg

InternationalSingleSelectExample.jpg

MarketWatchStyleMatrixExample.jpg

ExtJsCalendarWithYearTab.jpg

CalendarMatrix Component