Prevent Date Picker from showing calendar when clicking in text box

[Makoto]

I'd like to make it so that the calendar only shows up when they click on the calendar button.  If they click in the textbox, I don't want it to automatically show the calendar.

There are a lot of people here that just prefer to manually enter the date without the calendar, however, I like all the other functionality, such as validation, auto formatting, etc.

Is there a simple way to do this?

[Hristo Germanov]

Hello Makoto,

Thank you for contacting us.

In order to achieve your goal you need to:
1. Unbind input "focus" client event.
2. Bind "click" with functionality for open and close DatePicker client methods.

 JavaScript code snippet:

function onLoad(e) {
    var dp = $(this).data('tDatePicker');
    dp.$input.unbind('focus');
    $(this).find('.t-icon-calendar')
            .unbind('click')
            .bind('click', function () {
                if (dp.dateView.isOpened()) {
                    dp.close();
                } else {
                    dp.open();
                }
            });
}

I have attached a sample project that shows how to do that.

Greetings,
Hristo Germanov
the Telerik team