Author: ilya_shaikovsky
Date: 2010-12-01 10:01:15 -0500 (Wed, 01 Dec 2010)
New Revision: 20252
Added:
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/panelmenu/
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/panelmenu/PanelMenuBean.java
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/clientStylingDisablement-sample.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/samples/
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/samples/panelMenu-sample.xhtml
Modified:
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/calendar/CalendarBean.java
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/calendar-sample.xhtml
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml
trunk/ui/input/ui/src/main/java/org/richfaces/component/AbstractCalendar.java
trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/CalendarRendererBase.java
trunk/ui/input/ui/src/main/templates/calendar.template.xml
Log:
https://jira.jboss.org/browse/RF-9834 + calendar refactoring and issue fixes in client
functions attributes
+ tooltip minor layout correction
+ panelMenu sample draft
Modified:
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/calendar/CalendarBean.java
===================================================================
---
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/calendar/CalendarBean.java 2010-12-01
10:55:48 UTC (rev 20251)
+++
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/calendar/CalendarBean.java 2010-12-01
15:01:15 UTC (rev 20252)
@@ -17,6 +17,7 @@
private Date selectedDate;
private boolean showApply = true;
private boolean useCustomDayLabels;
+ private boolean disabled = false;
public CalendarBean() {
@@ -83,4 +84,12 @@
this.showApply = showApply;
}
+ public boolean isDisabled() {
+ return disabled;
+ }
+
+ public void setDisabled(boolean disabled) {
+ this.disabled = disabled;
+ }
+
}
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/panelmenu/PanelMenuBean.java
===================================================================
---
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/panelmenu/PanelMenuBean.java
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/java/org/richfaces/demo/panelmenu/PanelMenuBean.java 2010-12-01
15:01:15 UTC (rev 20252)
@@ -0,0 +1,33 @@
+package org.richfaces.demo.panelmenu;
+
+import javax.faces.bean.ManagedBean;
+import javax.faces.bean.RequestScoped;
+
+import org.richfaces.event.ItemChangeEvent;
+@ManagedBean
+@RequestScoped
+public class PanelMenuBean {
+ private String current;
+ private boolean singleMode;
+ public boolean isSingleMode() {
+ return singleMode;
+ }
+
+ public void setSingleMode(boolean singleMode) {
+ this.singleMode = singleMode;
+ }
+
+ public PanelMenuBean() {
+ }
+
+ public String getCurrent() {
+ return this.current;
+ }
+
+ public void setCurrent(String current) {
+ this.current = current;
+ }
+ public void updateCurrent(ItemChangeEvent event) {
+ setCurrent(event.getNewItem());
+ }
+}
Modified:
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-12-01
10:55:48 UTC (rev 20251)
+++
trunk/examples/richfaces-showcase/src/main/resources/org/richfaces/demo/data/common/navigation.xml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -422,6 +422,16 @@
<name>Menus</name>
<demos>
<demo new="true">
+ <id>panelMenu</id>
+ <name>rich:panelMenu</name>
+ <samples>
+ <sample>
+ <id>panelMenu</id>
+ <name>Simple Panel Menu</name>
+ </sample>
+ </samples>
+ </demo>
+ <demo new="true">
<id>toolBar</id>
<name>rich:toolBar</name>
<samples>
@@ -458,10 +468,14 @@
<id>calendar</id>
<name>rich:calendar</name>
<samples>
- <sample>
+ <sample new="true">
<id>calendar</id>
<name>Simple Calendar</name>
</sample>
+ <sample new="true">
+ <id>clientStylingDisablement</id>
+ <name>Client Side Styling/Disablement</name>
+ </sample>
</samples>
</demo>
<demo>
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/clientStylingDisablement.xhtml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -0,0 +1,20 @@
+<!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"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:ui="http://java.sun.com/jsf/facelets">
+
+<ui:composition>
+ <p>This simple example shows the way of client side dates
+ disablement and styling without dataModel usage.</p>
+
+ <ui:include src="#{demoNavigator.sampleIncludeURI}" />
+ <ui:include src="/templates/includes/source-view.xhtml">
+ <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}"
/>
+ <ui:param name="sourceType" value="xhtml" />
+ <ui:param name="openLabel" value="View Source" />
+ <ui:param name="hideLabel" value="Hide Source" />
+ </ui:include>
+</ui:composition>
+
+</html>
\ No newline at end of file
Modified:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/calendar-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/calendar-sample.xhtml 2010-12-01
10:55:48 UTC (rev 20251)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/calendar-sample.xhtml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -29,39 +29,46 @@
locale="#{calendarBean.locale}" popup="#{calendarBean.popup}"
datePattern="#{calendarBean.pattern}"
showApplyButton="#{calendarBean.showApply}" cellWidth="24px"
- cellHeight="22px" style="width:200px">
+ cellHeight="22px" style="width:200px"
+ disabled="#{calendarBean.disabled}">
</rich:calendar>
</a4j:outputPanel>
- <h:panelGrid columns="2">
- <h:outputText value="Popup Mode:" />
- <h:selectBooleanCheckbox value="#{calendarBean.popup}">
- <a4j:ajax event="click" render="calendar @this" />
- </h:selectBooleanCheckbox>
- <h:outputText value="Apply Button:" />
- <h:selectBooleanCheckbox value="#{calendarBean.showApply}">
- <a4j:ajax event="click" render="calendar @this" />
- </h:selectBooleanCheckbox>
- <h:outputText value="Select Locale" />
- <h:selectOneRadio value="en/US"
- valueChangeListener="#{calendarBean.selectLocale}">
- <a4j:ajax event="click" render="calendar @this" />
- <f:selectItem itemLabel="US" itemValue="en/US" />
- <f:selectItem itemLabel="DE" itemValue="de/DE" />
- <f:selectItem itemLabel="FR" itemValue="fr/FR" />
- <f:selectItem itemLabel="RU" itemValue="ru/RU" />
- </h:selectOneRadio>
+ <a4j:region>
+ <h:panelGrid columns="2">
+ <h:outputText value="Disabled:" />
+ <h:selectBooleanCheckbox value="#{calendarBean.disabled}">
+ <a4j:ajax event="click" render="calendar @this" />
+ </h:selectBooleanCheckbox>
+ <h:outputText value="Popup Mode:" />
+ <h:selectBooleanCheckbox value="#{calendarBean.popup}">
+ <a4j:ajax event="click" render="calendar @this" />
+ </h:selectBooleanCheckbox>
+ <h:outputText value="Apply Button:" />
+ <h:selectBooleanCheckbox value="#{calendarBean.showApply}">
+ <a4j:ajax event="click" render="calendar @this" />
+ </h:selectBooleanCheckbox>
+ <h:outputText value="Select Locale" />
+ <h:selectOneRadio value="en/US"
+ valueChangeListener="#{calendarBean.selectLocale}">
+ <a4j:ajax event="click" render="calendar @this" />
+ <f:selectItem itemLabel="US" itemValue="en/US" />
+ <f:selectItem itemLabel="DE" itemValue="de/DE" />
+ <f:selectItem itemLabel="FR" itemValue="fr/FR" />
+ <f:selectItem itemLabel="RU" itemValue="ru/RU" />
+ </h:selectOneRadio>
- <h:outputText value="Select Date Pattern:" />
- <h:selectOneMenu value="#{calendarBean.pattern}">
- <a4j:ajax event="change" render="calendar @this" />
- <f:selectItem itemLabel="d/M/yy HH:mm" itemValue="d/M/yy
HH:mm" />
- <f:selectItem itemLabel="dd/M/yy hh:mm a"
- itemValue="dd/M/yy hh:mm a" />
- <f:selectItem itemLabel="d/MMM/y" itemValue="d/MMM/y" />
- <f:selectItem itemLabel="MMM d, yyyy" itemValue="MMM d, yyyy"
/>
- </h:selectOneMenu>
+ <h:outputText value="Select Date Pattern:" />
+ <h:selectOneMenu value="#{calendarBean.pattern}">
+ <a4j:ajax event="change" render="calendar @this" />
+ <f:selectItem itemLabel="d/M/yy HH:mm" itemValue="d/M/yy
HH:mm" />
+ <f:selectItem itemLabel="dd/M/yy hh:mm a"
+ itemValue="dd/M/yy hh:mm a" />
+ <f:selectItem itemLabel="d/MMM/y" itemValue="d/MMM/y" />
+ <f:selectItem itemLabel="MMM d, yyyy" itemValue="MMM d,
yyyy" />
+ </h:selectOneMenu>
- </h:panelGrid>
+ </h:panelGrid>
+ </a4j:region>
</h:panelGrid>
</h:form>
</ui:composition>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/clientStylingDisablement-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/clientStylingDisablement-sample.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/calendar/samples/clientStylingDisablement-sample.xhtml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+ <style>
+.everyThirdDay {
+ background-color: gray;
+}
+
+.weekendBold {
+ font-weight: bold;
+ font-style: italic;
+}
+</style>
+ <script type="text/javascript">
+ var curDt = new Date();
+ function disablementFunction(day){
+ if (day.isWeekend) return false;
+ if (curDt==undefined){
+ curDt = day.date.getDate;
+ }
+ if (curDt.getTime() - day.date.getTime() < 0) return true; else return
false;
+ }
+ function disabledClassesProv(day){
+ if (curDt.getTime() - day.date.getTime() >= 0) return
'rf-ca-boundary-dates';
+ var res = '';
+ if (day.isWeekend) res+='weekendBold ';
+ if (day.day%3==0) res+='everyThirdDay';
+ return res;
+ }
+ </script>
+ <rich:calendar dayDisableFunction="disablementFunction"
+ dayClassFunction="disabledClassesProv" boundaryDatesMode="scroll"
/>
+
+</ui:composition>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml
===================================================================
--- trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/panelMenu.xhtml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -0,0 +1,39 @@
+<!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"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:ui="http://java.sun.com/jsf/facelets">
+
+<ui:composition>
+ <p>The <b>rich:panelMenu</b> component is used to define a
+ collapsible side-menu panel. The component has a pre-defined skinable
+ look-n-feel. You can customize it with styles and a set of component
+ attributes. The folowing demo shows the example of rich:panelMenu</p>
+
+ <ui:include src="#{demoNavigator.sampleIncludeURI}" />
+ <ui:include src="/templates/includes/source-view.xhtml">
+ <ui:param name="src" value="#{demoNavigator.sampleIncludeURI}"
/>
+ <ui:param name="sourceType" value="xhtml" />
+ <ui:param name="openLabel" value="View Source" />
+ <ui:param name="hideLabel" value="Hide Source" />
+ </ui:include>
+ <p>Switching mode could be chosen with the <b>itemMode</b>
+ attribute for all panelMenu items except ones where this attribute was
+ redefined.</p>
+ <p>The <b>groupMode</b> attribute defines the submission modes for
+ all collapsing/expanding panelMenu groups except ones where this
+ attribute was redefined.</p>
+ <p>The <b>itemMode </b>and <b>groupMode </b>attributes
could be
+ used with three possible parameters:</p>
+ <ul>
+ <li><b>server</b> (default) - The common submission of the form
+ is performed and a page is completely refreshed.</li>
+ <li><b>ajax</b> - An Ajax form submission is performed, and
+ additionally specified elements in the "reRender" attribute are
+ reRendered</li>
+ <li><b>client</b> Items don't fire any submits itself. Behavior
+ is completely defined by the components nested to items. Groups expand
+ on the client side.</li>
+ </ul>
+</ui:composition>
+</html>
\ No newline at end of file
Added:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/samples/panelMenu-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/samples/panelMenu-sample.xhtml
(rev 0)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/panelMenu/samples/panelMenu-sample.xhtml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -0,0 +1,78 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
+
xmlns:h="http://java.sun.com/jsf/html"
+
xmlns:f="http://java.sun.com/jsf/core"
+
xmlns:ui="http://java.sun.com/jsf/facelets"
+
xmlns:a4j="http://richfaces.org/a4j"
+
xmlns:rich="http://richfaces.org/rich">
+ <style>
+.cols {
+ vertical-align: top;
+}
+</style>
+ <h:form id="form">
+ <h:panelGrid columns="2" columnClasses="cols,cols"
width="400">
+ <rich:panelMenu style="width:200px" mode="ajax"
+ iconExpandedGroup="disc" iconCollapsedGroup="disc"
+ iconExpandedTopGroup="chevronUp" iconGroupTopPosition="right"
+ iconCollapsedTopGroup="chevronDown"
+ itemChangeListener="#{panelMenuBean.updateCurrent}">
+ <rich:panelMenuGroup label="Group 1">
+ <rich:panelMenuItem label="Item 1.1">
+ <f:param name="current" value="Item 1.1" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 1.2">
+ <f:param name="current" value="Item 1.2" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 1.3">
+ <f:param name="current" value="Item 1.3" />
+ </rich:panelMenuItem>
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup label="Group 2">
+ <rich:panelMenuItem label="Item 2.1">
+ <f:param name="current" value="Item 2.1" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 2.2">
+ <f:param name="current" value="Item 2.2" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 2.3">
+ <f:param name="current" value="Item 2.3" />
+ </rich:panelMenuItem>
+ <rich:panelMenuGroup label="Group 2.4">
+ <rich:panelMenuItem label="Item 2.4.1">
+ <f:param name="current" value="Item 2.4.1" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 2.4.2">
+ <f:param name="current" value="Item 2.4.2" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 2.4.3">
+ <f:param name="current" value="Item 2.4.3" />
+ </rich:panelMenuItem>
+ </rich:panelMenuGroup>
+ <rich:panelMenuItem label="Item 2.5">
+ <f:param name="current" value="Item 2.5" />
+ </rich:panelMenuItem>
+ </rich:panelMenuGroup>
+ <rich:panelMenuGroup label="Group 3">
+ <rich:panelMenuItem label="Item 3.1">
+ <f:param name="current" value="Item 3.1" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 3.2">
+ <f:param name="current" value="Item 3.2" />
+ </rich:panelMenuItem>
+ <rich:panelMenuItem label="Item 3.3">
+ <f:param name="current" value="Item 3.3" />
+ </rich:panelMenuItem>
+ </rich:panelMenuGroup>
+ </rich:panelMenu>
+ <rich:panel bodyClass="rich-laguna-panel-no-header">
+ <a4j:outputPanel ajaxRendered="true">
+ <h:outputText value="#{panelMenuBean.current} selected"
id="current" />
+ </a4j:outputPanel>
+ </rich:panel>
+ </h:panelGrid>
+ <rich:tabPanel>
+ <rich:tab label="12 ">asdasd</rich:tab>
+ </rich:tabPanel>
+ </h:form>
+</ui:composition>
\ No newline at end of file
Modified:
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml
===================================================================
---
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml 2010-12-01
10:55:48 UTC (rev 20251)
+++
trunk/examples/richfaces-showcase/src/main/webapp/richfaces/tooltip/samples/tooltip-sample.xhtml 2010-12-01
15:01:15 UTC (rev 20252)
@@ -9,7 +9,6 @@
.tooltip {
background-color: #{ richSkin.generalBackgroundColor};
border-width:3px;
- padding:10px;
}
.tooltip-custom-body {
background-color: orange;
Modified: trunk/ui/input/ui/src/main/java/org/richfaces/component/AbstractCalendar.java
===================================================================
---
trunk/ui/input/ui/src/main/java/org/richfaces/component/AbstractCalendar.java 2010-12-01
10:55:48 UTC (rev 20251)
+++
trunk/ui/input/ui/src/main/java/org/richfaces/component/AbstractCalendar.java 2010-12-01
15:01:15 UTC (rev 20252)
@@ -138,8 +138,8 @@
@Attribute(defaultValue = "false")
public abstract boolean isEnableManualInput();
- @Attribute(defaultValue = "false")
- public abstract boolean isDayEnabled();
+ @Attribute
+ public abstract String getDayDisableFunction();
@Attribute(defaultValue = "false")
public abstract boolean isShowApplyButton();
@@ -184,7 +184,7 @@
public abstract Object getWeekDayLabels();
@Attribute
- public abstract String getDayStyleClass();
+ public abstract String getDayClassFunction();
@Attribute
public abstract String getTabindex();
Modified:
trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/CalendarRendererBase.java
===================================================================
---
trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/CalendarRendererBase.java 2010-12-01
10:55:48 UTC (rev 20251)
+++
trunk/ui/input/ui/src/main/java/org/richfaces/renderkit/CalendarRendererBase.java 2010-12-01
15:01:15 UTC (rev 20252)
@@ -333,13 +333,15 @@
return null;
}
- public JSReference getIsDayEnabled(FacesContext facesContext, AbstractCalendar
calendar) {
- return calendar.isDayEnabled() ? JSReference.TRUE : JSReference.FALSE;
+ public JSReference getDayEnabled(FacesContext facesContext, UIComponent component) {
+ AbstractCalendar calendar = (AbstractCalendar) component;
+ String dayEnabled = calendar.getDayDisableFunction();
+ return ((dayEnabled != null && dayEnabled.trim().length() != 0)) ? new
JSReference(dayEnabled) : null;
}
public JSReference getDayStyleClass(FacesContext context, UIComponent component) {
AbstractCalendar calendar = (AbstractCalendar) component;
- String dayStyleClass = calendar.getDayStyleClass();
+ String dayStyleClass = calendar.getDayClassFunction();
return ((dayStyleClass != null && dayStyleClass.trim().length() != 0)) ?
new JSReference(dayStyleClass) : null;
}
Modified: trunk/ui/input/ui/src/main/templates/calendar.template.xml
===================================================================
--- trunk/ui/input/ui/src/main/templates/calendar.template.xml 2010-12-01 10:55:48 UTC
(rev 20251)
+++ trunk/ui/input/ui/src/main/templates/calendar.template.xml 2010-12-01 15:01:15 UTC
(rev 20252)
@@ -75,6 +75,7 @@
<cdk:scriptOption name="selectedDate"
value="#{getSelectedDate(facesContext, component)}" />
<cdk:scriptOption name="dayCellClass"
value="#{getDayCellClass(facesContext, component)}" />
<cdk:scriptOption name="dayStyleClass"
value="#{getDayStyleClass(facesContext, component)}" />
+ <cdk:scriptOption name="isDayEnabled"
value="#{getDayEnabled(facesContext, component)}" />
<cdk:scriptOption name="labels" value="#{getLabels(facesContext,
component)}" />
<cdk:scriptOption name="defaultTime"
value="#{getPreparedDefaultTime(facesContext, component)}" />
<cdk:scriptOption name="style"
value="#{getStyleWithZindex(facesContext, component)}" />