1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    Boston, MA
    Posts
    56
    Vote Rating
    2
    steve_luken is on a distinguished road

      0  

    Lightbulb CalendarMatrix Component

    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://www.gomainerentals.com/Sencha...emo/index.html

    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://www.gomainerentals.com/Sencha...App/index.html
    • 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: https://github.com/swluken/CalendarMatrix
    **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:
    https://github.com/swluken/TouchTreeGrid
    CalendarPicker Demo: http://www.gomainerentals.com/Sencha...icker/app.html

    ExpediaRangeSelectExample.jpg
    TrivagoRangeSelectExample.jpg
    InternationalSingleSelectExample.jpg
    MarketWatchStyleMatrixExample.jpg

    ExtJsCalendarWithYearTab.jpg

  2. #2
    Sencha - Support Team
    Join Date
    Feb 2013
    Location
    California
    Posts
    4,694
    Vote Rating
    88
    Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough Gary Schlosberg is a jewel in the rough

      0  

    Default


    Very nice! Thanks for sharing this work with the community.


    Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager:
    sheryl@sencha.com

Thread Participants: 1

Tags for this Thread