Hi,

Here's the HTML code from my page that produces an error when the datefieldplus (holidaydatetest) is clicked.

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>tyu</title>
</
head>
<
head>
<
link rel="stylesheet" type="text/css" href="exttools/ext-2.0/resources/css/ext-all.css"/>
<
link rel="stylesheet" type="text/css" href="exttools/ext-2.0/resources/css/xtheme-gray.css" />
<
script type="text/javascript" src="exttools/ext-2.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="exttools/ext-2.0/ext-all.js"></script>
<script type="text/javascript" src="exttools/ext-2.0/datepicker/ext.ux.datepickerplus-min.js"></script>
<link rel="stylesheet" type="text/css" href="stie.css" />
<link rel="stylesheet" type="text/css" href="exttools/ext-2.0/datepicker/datepickerplus.css" />
<script type="text/javascript">
Ext.onReady(function(){

Ext.BLANK_IMAGE_URL = 'exttools/ext-2.0/resources/images/default/s.gif';

    Ext.namespace('Ext.exampledata');

    taginfotext = '<p>Blah Blah Blah<br>Blah Blah Blah</p>';

    Ext.exampledata.equipment = [
            ['Equip1'],
            ['Equip2'],
            ['Equip3']
    ];
        
    Ext.exampledata.names = [
            ['Name1'],
            ['Name2'],
            ['Name3']
    ];
    
    Ext.exampledata.shopstores = [
            ['Shop1'],
            ['Shop2'],
            ['Shop3']
    ];

    Ext.exampledata.tagstore = [
            ['AAA:','Tage for A'],
            ['BBB:','Tage for B'],
            ['CCC:','Tage for C']
    ];
    
    var store = new Ext.data.SimpleStore({
        fields: ['type'],
        data : Ext.exampledata.equipment
    });
    
    var userstore = new Ext.data.SimpleStore({
        fields: ['username'],
        data : Ext.exampledata.names
    });
    
    var shopstore = new Ext.data.SimpleStore({
        fields: ['storename'],
        data : Ext.exampledata.shopstores
    });

    var tagstore = new Ext.data.SimpleStore({
        fields: ['tagprefix','itemdescription'],
        data : Ext.exampledata.tagstore
    });

    Ext.QuickTips.init();

    Ext.form.Field.prototype.msgTarget = 'side';

    // Asset Type
    var purchasedate = new Ext.form.DateField({
        width: 230,
        fieldLabel: 'Date Of Purchase',
        readOnly: true,
        format : 'd/m/Y',
        applyTo: 'purchaseddate'
    });
    
    var createdby = new Ext.form.TextField({
        width: 230,
        readOnly: true,
        applyTo: 'createdby'
    });
    
    var invoiceno = new Ext.form.TextField({
        width: 230,
        applyTo: 'invoiceno'
    });
    
    var cost = new Ext.form.NumberField({
        width: 230,
        applyTo: 'cost',
        emptyText : '0.00'
    });
    
    var assettype = new Ext.form.ComboBox({
        width: 230,
        store: store,
        displayField:'type',
        typeAhead: true,
        mode: 'local',
        triggerAction: 'all',
        emptyText:'Select Equipment Type...',
        applyTo: 'assettype'
    });
    
    var shopstores = new Ext.form.ComboBox({
        width: 230,
        store: shopstore,
        displayField:'storename',
        typeAhead: true,
        mode: 'local',
        triggerAction: 'all',
        emptyText:'Select store',
        applyTo: 'purchasedfrom'
    });
    
    
    //Asset Location
    var comboWithTooltip = new Ext.form.ComboBox({
        width: 230,
        store: userstore,
        displayField:'username',
        typeAhead: true,
        mode: 'local',
        triggerAction: 'all',
        emptyText:'Select a User...',
        selectOnFocus:true,
        applyTo: 'allocation'
    });
    
    var dateissued = new Ext.form.DateField({
        width: 230,
        fieldLabel: 'Date Of Purchase',
        readOnly: true,
        format : 'd/m/Y',
        applyTo: 'dateissued'
    });


    //Comments
    var comments = new Ext.form.HtmlEditor({
        width: 600,
        applyTo: 'comments'
    });

     var holidaydatetest =  new Ext.ux.form.DateFieldPlus({
        usePickerPlus: true, //this will fire the use of datepickerplus instead of datepicker
        noOfMonth: 1,
        multiSelection: false,
        markNationalHolidays: true,
        useQuickTips:true,
        format : 'd/m/Y',
        tooltip:'do something',
          disabledDays: [0, 6], //0 = Sundays 6 = Saturdays
          disabledDaysText: 'Deliveries are not available on the weekends',
        disabledDates:['10/04/2008', '11/04/2008'],
        disabledDatesText :'this is not valid date',
        applyTo: 'holidaydatetest',
        listeners:{'onSelect':function(){var mydate = this.value; Ext.MessageBox.alert(mydate); }}        
    });

    //Tag Info Area
    var tagfield = new Ext.form.ComboBox({
        tpl: '<tpl for="."><div ext:qtip="{tagprefix}. {itemdescription}" class="x-combo-list-item">{tagprefix}</div></tpl>',
        width: 230,
        fieldLabel: 'Create Tag for Asset',
        store: tagstore,
        displayField:'tagprefix',
        typeAhead: true,
        mode: 'local',
        triggerAction: 'all',
        emptyText:'Select Tag...',
        selectOnFocus:true,
        applyTo: 'itemtag'
    });

    var p = new Ext.Panel({
        title: 'Tag Details',
        hideCollapseTool: true,
        titleCollapse: true,
        collapsible: true,
        renderTo: 'taginfo',
        width:600,
        html: taginfotext
    });

});
</script>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="" method="post" name="form1" id="form1">
  <fieldset class="x-fieldset">
  <legend>Asset Type</legend>
  <table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="300" height="25" class="x-btn">Created By:</td>
      <td class="x-btn">Date of Purchase:</td>
    </tr>
    <tr>
      <td height="25"><input name="createdby" type="text" id="createdby" value="" /></td>
      <td><input type="text" name="purchaseddate" id="purchaseddate" /></td>
    </tr>
    <tr>
      <td height="25" class="x-btn">Invoice No:</td>
      <td class="x-btn">Purchased From:</td>
    </tr>
    <tr>
      <td height="25"><input type="text" name="invoiceno" id="invoiceno" /></td>
      <td><input type="text" name="purchasedfrom" id="purchasedfrom" /></td>
    </tr>
    <tr>
      <td height="25" class="x-btn">Asset Type:</td>
      <td class="x-btn">Cost:</td>
    </tr>
    <tr>
      <td height="25"><input type="text" name="assettype" id="assettype" /></td>
      <td><input type="text" name="cost" id="cost" /></td>
    </tr>
  </table>
  <p>&nbsp;</p>  </fieldset>
  <fieldset class="x-fieldset">
  <legend>Allocation Details</legend>
  <table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="300" height="25" class="x-btn">Allocated Name:</td>
      <td class="x-btn">Date Issued:</td>
    </tr>
    <tr>
      <td height="25"><input type="text" name="allocation" id="allocation" /></td>
      <td><input type="text" name="dateissued" id="dateissued" /></td>
    </tr>
    <tr>
      <td height="25"><span class="x-btn">Condition:</span></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="25"><span class="x-btn"><input name="condition" type="radio" id="radio" value="New" checked="checked" />New
<input type="radio" name="condition" id="radio2" value="Second Hand" />Second Hand
<input type="radio" name="condition" id="radio3" value="N/A" />N/A</span></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="25"><span class="x-btn">Date Issued:</span></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="25"><input type="text" name="holidaydatetest" id="holidaydatetest" /></td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp; </p>
  </fieldset>
  </p>
  <fieldset class="x-fieldset">
  <legend>Comments</legend>
  <textarea name="comments" id="comments" cols="45" rows="5"></textarea>
  </fieldset>
  <fieldset class="x-fieldset">
  <legend>Tags</legend>
  <div id="taginfo"></div>
  <br />
  <br />
  <input type="text" name="itemtag" id="itemtag" />
  </fieldset>
</form>
<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>

<p>&nbsp;</p>
</body>
</html> 
Any help is appreciated.

Regards,

Sanj