Datepicker Available Dates in CF 4.0 RC3.5.2

I am using CF4.0 RC3.5.2 on J2.5, http://www.altamontcourt.com/altamont-court-hotel-kingston-book-room-online.html which can be seen here. I have searched around for an availableDates solution for the datepicker and seen bits and pieces of suggestions, which don't add up to the solution I seek. As at 16th July I needed to show all other dates available except July 16-19 and July 22-25. So in DateTime Picker config, I added: availableDates: {2013: {7: [20, 21, 26, 27, 28, 29, 30, 31], 8: [1, 2, 3,...]}} but the config box maximum width restriction only allows up to 21 November 2013 (I need up to Dec 2014). Of course I know there is another way to achieve what I want, but in the absence of such instructions I have found this to be a quick (temporary)fix. Now I have two requests:
(1)Please tell me how to increase amount of characters the DateTime Picker config box will accept.
(2)Please outline the more desirable procedure using both the DateTime Picker config and Load JS action

Hi lascellesclarke,

Please see this FAQ I think that this has the basics of what you need.

Bob

Thank you very much for a quick reply, Bob. My first response to your reply is this: Can you tell me what file(s) to edit to increase the amount of characters the DateTime Picker config box will accept? I need to do this urgently because it has implications for room availability on my hotel site.
In the meantime the FAQ that you directed me to seems to be what I have been looking for, thanks again. I will need a little time to process the instructions, though. If I have any issues I will get back to you. However, for now, please let me know how to make the adjustment mentioned above as a matter of urgency (my site visitors are not able to book beyond 21 November 2013).

Thanks.

Hi lascellesclarke,

I think that if you use the Custom MooTools DatePicker action as the FAQ suggests then you won't have the problem with the length.

Bob

Ok, but the problem now is that I am not sure how to use the Custom MooTools DatePicker action as mentioned in the FAQ. These are my questions:
1. I see some php sample in the FAQ.- Where exactly do I put the php code; do I need php code?
2. In the Custom MooTools DatePicker action, what do I fill in for "Field Class"?
3. In the "Extra options extension" box, I have put "availableDates:{2013: {7: [20, 21, 26, 27, 28, 29, 30, 31], 8: [1, 2, 3..., is this correct?

I really wanted to avoid asking you so many questions but sorry, I haven't been able to make it work so far (see why I wanted the quick fix?).🙂 Thanks again.

Hello Bob,
Are you able to answer my previous post, please?

Hi Bob,
I have finally found my workaround and implemented it. It is working perfectly. I did not have to use the Custom MooTools DatePicker. Thanks, and I think now I will buy you a beer and get one for myself too!🙂