{*
 +--------------------------------------------------------------------+
 | CiviCRM version 4.7                                                |
 +--------------------------------------------------------------------+
 | Copyright CiviCRM LLC (c) 2004-2015                                |
 +--------------------------------------------------------------------+
 | This file is a part of CiviCRM.                                    |
 |                                                                    |
 | CiviCRM is free software; you can copy, modify, and distribute it  |
 | under the terms of the GNU Affero General Public License           |
 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception.   |
 |                                                                    |
 | CiviCRM is distributed in the hope that it will be useful, but     |
 | WITHOUT ANY WARRANTY; without even the implied warranty of         |
 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.               |
 | See the GNU Affero General Public License for more details.        |
 |                                                                    |
 | You should have received a copy of the GNU Affero General Public   |
 | License and the CiviCRM Licensing Exception along                  |
 | with this program; if not, contact CiviCRM LLC                     |
 | at info[AT]civicrm[DOT]org. If you have questions about the        |
 | GNU Affero General Public License or the licensing of CiviCRM,     |
 | see the CiviCRM license FAQ at http://civicrm.org/licensing        |
 +--------------------------------------------------------------------+
*}
{*this is included inside a table row*}
<td>
  <span class="crm-age-range">
    <span class="crm-age-range-min">
      {assign var=minName   value=$fieldName|cat:$from}
      {$form.$minName.label}
      {$form.$minName.html}
    </span>
    <span class="crm-age-range-max">
      {assign var=maxName   value=$fieldName|cat:$to}
      {$form.$maxName.label}
      {$form.$maxName.html}
    </span>
  </span>
</td>
<td>
  <span class="crm-age-range-asofdate">
      {assign var=dateName   value=$fieldName|cat:$date}
      {$form.$dateName.label}
      {include file="CRM/common/jcalendar.tpl" elementName=$dateName}
  </span>
  {literal}
    <script type="text/javascript">
      cj(".crm-age-range").change(function() {
        if (cj('.crm-age-range-min :text').val() || cj('.crm-age-range-max :text').val()) {
          cj(".crm-age-range-asofdate").show();
        } else {
          cj(".crm-age-range-asofdate").hide();
        }
      }).change();
    </script>
  {/literal}
</td>
