title: Remove calendar popupup from row
body: <p>I have problem in removing my calender from the text box</p>
  
  <p>What am doing is i will set the date value automatically and i dont want to allow anybody to edit it any more</p>
  
  <p>Here is my row</p>
  
  <pre><code>&lt;td class="ItemDetailValue"&gt;
   &lt;input type="text" 
   name="flexFields(fild2659)" 
   size="14" value=""   
   class="inputfield cal-icon" 
   id="artifactField_fild2659" 
   autocomplete="off" 
   style="background-color: rgb(255, 182, 193);"&gt;&amp;nbsp;&lt;img class="calendar" 
   for="artifactField_fild2659" src="/sf-images/icons/date_popup.png" 
   align="absmiddle" 
   width="16" 
   height="16" 
   alt="Select Date" 
   onclick="return calShow('artifactField_fild2659');"&gt;
  
   &lt;span class="artifactFieldError" id="err_fild2659"&gt;&lt;/span&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I tried with many things still the pop is clickable</p>
  
  <pre><code>jQuery(".calendar").css('display', 'none');
  jQuery(".calendar").removeAttr("onclick");
  </code></pre>
  
  <p>and even removed the img src still no luck</p>
  
  <p>Please throw some light on this </p>