Thank you.  What I am looking for is if the user clicks anywhere in the Start Date field, then the calendar popup should appear - not just when the drop down arrow is selected.  I want the date in the format "d MMM" and no manual input.

Hello Arthur,

I have attached a sample presenting one possible implementation of your requirements.

Manual input could be removed by handling the keydown event of the date picker and canceling it by the preventDefault() function.

The “onclick” event of the date picker is handled and in its handler function the dropdown is shown.

I have added the code below:

    <input id="datePicker" class="datePicker1" type="date" onclick="ShowDropDown()"/>

    <script>

        $(function () {

            $("#datePicker").igDatePicker({

                nullText:"",

                dateInputFormat: "",

                dateDisplayFormat: "d MMM",

                keydown: function(evt, ui){

                    evt.preventDefault();

                }

            });

        });

       function ShowDropDown(){

            $("#datePicker").igDatePicker("dropDownVisible", true);

        }

Attached is the whole sample for your reference.

If you have any further questions or concerns don’t hesitate to contact me again.

Hello Ngan,

In order to get replies more quickly I suggest you to start a new forum thread and not to write in an existing one. To the technical issue – could you provide code snippet or sample and send more details what effect exactly you would like to achieve?

Hi Dimka, this is an independent datepicker control and when we implement to UpdatingGrid, I still have some issues. I would like to clarify something we need:

- In display mode: Display in format "d MMM": I did, it ok

- In Editing mode (user click to datetimepicker cell):

 + Input is like as read-only (user cannot type)

 + Display in format "d MMM" as above

 + Open DatePicker dialog

 + Dont need show dropdown area in right (due to DatePicker dialog is open when click to cell)

Thanks,

Ngan