Question

how to do relative positioning with respect to textbox for calendar popup

please write javascript code for automatically dynamically adjusting the positions .

function CalculateThePosition(targetField) {
  
   // TODO: how to calculate best position based on room in viewport, from target field.

Answer 1

DataPicker automatically calculates the z - index from the attached input text field.You need to set the position of the input field as relative to recognise the datepicker and add css to your field.

No need to calculate the position for it.

#datepicker { position: relative; z-index: 1000; }

here #datepicker is id for datepicker.

please up vote.Thank You.If any doubt comment below.I will give the answer.