Metadata for the dates in the date picker calendar. Allows you to lazily change attributes like
disabled and styleClass for dates when the calendar view changes.
<style>
.start { background: #81c784; }
.deadline { background: #ef9a9a; }
.p-datepicker-calendar .p-state-disabled { opacity: .2; }
</style>
<p:growl id="growl"/>
<div class="card">
<h:form id="form">
<div class="formgrid grid p-fluid">
<div class="field col-12 md:col-6 xl:col-4">
<p:outputLabel for="basic" value="Basic"/>
<p:datePicker id="basic" value="#{datePickerMetadataView.date1}"
model="#{datePickerMetadataView.model}"/>
</div>
<div class="field col-12 md:col-6 xl:col-4">
<p:outputLabel for="lazy" value="Lazy and Navigator"/>
<p:datePicker pattern="yyyy-MM-dd" id="lazy" value="#{datePickerMetadataView.date2}"
model="#{datePickerMetadataView.modelLazy}"
monthNavigator="true" yearNavigator="true"/>
</div>
<div class="field col-12 md:col-6 xl:col-4">
<p:outputLabel for="lazyEnabled" value="Lazy and Navigator - Enabled dates"/>
<p:datePicker pattern="yyyy-MM-dd" id="lazyEnabled" value="#{datePickerMetadataView.date5}"
model="#{datePickerMetadataView.modelEnabledDaysLazy}"
monthNavigator="true" yearNavigator="true"/>
</div>
<div class="field col-12 md:col-6 xl:col-4">
<p:outputLabel for="basicEvent" value="Basic and Event"/>
<p:datePicker id="basicEvent" value="#{datePickerMetadataView.date3}"
model="#{datePickerMetadataView.model}">
<p:ajax event="viewChange" listener="#{datePickerMetadataView.onViewChange}" update="growl"/>
</p:datePicker>
</div>
<div class="field col-12 md:col-6 xl:col-4">
<p:outputLabel for="lazyEvent" value="Lazy and Event"/>
<p:datePicker inline="true" id="lazyEvent" value="#{datePickerMetadataView.date4}"
model="#{datePickerMetadataView.modelLazy}">
<p:ajax event="viewChange" listener="#{datePickerMetadataView.onViewChange}" update="growl"/>
</p:datePicker>
</div>
<div class="field col-12 md:col-6 xl:col-4">
<p:outputLabel for="lazyEnabledEvent" value="Lazy and Event - Enabled dates"/>
<p:datePicker pattern="yyyy-MM-dd" id="lazyEnabledEvent" value="#{datePickerMetadataView.date6}"
model="#{datePickerMetadataView.modelEnabledDaysLazy}">
<p:ajax event="viewChange" listener="#{datePickerMetadataView.onViewChange}" update="growl"/>
</p:datePicker>
</div>
</div>
</h:form>
</div>