DatePicker without input field

Hello,

We are looking for a DatePicker, but without the input field. we want to be able to constantly display the calendar (which is currently in a dropdown) so the user can click on a day as a selection.

Is this possible with the igDatePicker ?

Kind regards,

Michael

PS: On jQuery UI this is called "display inline". http://jqueryui.com/datepicker/#inline

Hello,

it is possible to achieve this using a div. However, this functionality is not included by default, so it will require to make some changes, in order to workaround the default behavior. Please notice as this is a workaround, it is possible to have issues with other functionality and no help for any side effects of misbehavior could be provided.

Sample:
http://jsfiddle.net/L61dhg8L/1/

The igDatePicker methods used and their description could be found at: dropDownVisible, hide

 

In order to show drop-down calendar, the igDatePicker internally uses the $.datepicker. The architecture of $.datepicker is based on a single calendar shared between all instances of datepickers. That means that is not possible to show 2 or more calendars at the same time. Application potentially can permanently display a calendar for a particular instance of DatePicker. But that also means that it can not have second DatePicker or igDatePicker on the same page.

To disable automatic hiding of calendar, it is possible to hack into $.datepicker and override/kill its member method which hides calendar.

Thanks a lot for the quick reply. We will try this out.

Kind regards,

Michael