Monthly Archive for October, 2009

Displaying multiple consecutive Flex Calendars

The Flex DateChooser is notorious for being difficult to work with and extend. In a recent project I was developing a scheduling mechanism and wanted to display more than one month at a time to the user. While searching for other components utilizing a calendar I found that not much has been done with customizing the DateChooser.

I started with laying out a customizable number of calendars in a row, and added buttons to navigate forward and backward month by month. When navigating all calendars change at the same time and stay in consecutive order so you can see a span of time instead of being confined to one month.

I also added in listeners for selecting a date from one calendar so that there would be only one currently selected date across all calendars.. I finished it off with redispatching a dateChanged event to make it easy for outside components to listen for a date being selected.

Feel free to make use of this component in your own projects and post any comments or questions, the code can be found here in our SVN.

Comments