Yii Datepicker Is Not Displaying For Some Reason After Using Different Theme

I am using this datepicker widget it works fine when i do not use any theme and remain on the default theme of the yii. Recently i downloaded HEBO theme from http://yii.themefactory.net/theme/131/hebo-responsive-yii-and-html5-theme#.U0ff1FWSw2c of yii from an online website but after applying that theme whenever i click on date field somethings happens in the background but unable to display the calender…

Is it because of Z-Index? or something else? Kindly advice me how to display this widget properly

$this->widget(‘zii.widgets.jui.CJuiDatePicker’,array(

// ‘name’=>‘publishDate’,

'model' => $model,


'attribute' => 'issue_date',


// additional javascript options for the date picker plugin


'options'=>array(


    'showAnim'=>'fold',


),


'htmlOptions'=>array(


    'style'=>'height:100px;'


),

));

What is the reason behind??? Kindly help …

Tray type :

<style type="text/css">

#ui-datepicker-div

{

  z-index: 9999999;

}

</style>


<?php

		

		$this->widget('zii.widgets.jui.CJuiDatePicker', array(

		    .....


		));

		

      	?>

Faced the same problem while using hebo theme, i removed the unwanted external js files called in tpl_footer.php file. it worked for me.

Here you can download all the skins for jquery: http://www.yiiframework.com/forum/index.php/topic/16274-cjuidatepicker-theme/page__view__findpost__p__80790

You can use them like this:

<?php

$this->widget('zii.widgets.jui.CJuiDatePicker',array(

    'name'=>'datepicker',

    'flat'=>true,//remove to hide the datepicker

	'model'     => $model,

	'attribute' => 'myattribute',

	'language'=> Yii::app()->language,

	'themeUrl'=>Yii::app()->baseUrl.'/css/juiskins',

	'theme'=>'sunny',

    'options'=>array(

        'dateFormat' => '@',

        'showAnim'=>'slide',//'slide','fold','slideDown','fadeIn','blind','bounce','clip','drop'

        'changeMonth'=>true,

        'changeYear'=>true,

        //'yearRange'=>'2000:2099',

        'minDate' => 'new Date()',      // minimum date

        //'maxDate' => '5222222222222',      // maximum date

    ),

    'htmlOptions'=>array(

        

    ),

));

?>